Membuat animasi sederhana dengan potoshop

Animasi, semua pasti pada tau kan apa itu animasi, yups : Animasi adalah sebuah gambar yang bergerak. Untuk pembuatan animasi ini biasanya menggunakan Macromedia Flash, ataupun Swish. Tapi, jangan salah... Adobe potoshop juga bisa untuk buat animasi loh... tapi ya enggak sedetail Flash.

Klo hanya buat header website aja sih mending pake potoshop, yang nantinya gambarnya berbentuk *gif.
Di sini gw mo coba sharing gimana caranya bikin animasi sederhana pake potoshop.
Yuk kita coba bareng...

1. Buat file baru (Ctrl + N), ukuran width dan height sesuai dengan yang diinginkan.

2. Buka picture lain, lalu copy kan, atau tarik gambar ke state yang baru dibuat.

3. Tampilan layer picture seperti pada gambar diatas.

4. Buat layer baru 'animasi', lalu dengan Rectangular Marquee Tool (M) buat persegi panjang dengan fill putih (gunakan Paint Bucket Tool )

5. Atur opacity sesuai menjadi 20 %, dan geser ke sebelah kanan, sehingga tampak persegi panjang berada di atas picture.

6.  Klik window > animation. Maka akan tampil window animasi seperti pada gambar dan muncul frame 1. Frame 1 tersebut merupakan awal animasi.

7. Select Frame 1 dan klik menu Duplicated Selected Frames seperti yang ditunjukkan diatas. Akan muncul Frame 2 dengan posisi layer yang sama dengan Frame 1. Dengan tetap menseleksi frame 2, geser layer animasi ke kanan sampai melewati layer picture.

8. Untuk membuat efek berjalan dari kiri kekanan, klik Tweens Animation Frames. Maka akan muncul window seperti pada gambar 9.

9. Atur Tween with = next frames, Frame to add = 10. Apabila ingin lebih memperlambat animasinya makan isian Frame yang ditambahkan harus lebih banyak, misal 50.

10. Tampilan frame setelah di tweens animation.  Lalu untuk nge-tes jalannya aplikasi, tekan Plays Animation pada window animations. Untuk kreasi lainnya. Tambahkan layer-layer baru dan gunakan kreativitas kalian untuk membuat animasi. Selamat mencoba

11. Hasil animasi setelah jadi, untuk menyimpan hasilnya, klik File > Save for web & devices (Alt+Shift+Crtl+S). Pilih ukuran file sesuai dengan kuallitas gambar yang diinginkan. pilih extention *GIF. karena untuk animasi web lebih baik menggunakan extention tersebut.

Cara membuat orange/lemon dengan photosop bag 3

Akhirnya aku ada waktu luang juga buat update postinganku yang ini... lets go..
Kita lanjutkan ya bikin orange/lemonnya.

11. Guunakan pen tool untuk membentuk sebuah shape seperti pada gambar diatas.

12. Duplicate shape tersebut, rotasikan secara vertikal, dan buat seperti mirror.groupkan 2 layer shape dengan cara seleksi kedua layer shape lalu tekan Ctrl + E

13. Duplicate layer yang digroup tadi and rotasikan ke kiri. groupkan lagi seperti cara di point 12. sehingga membentik 8 bagian isi orange.

14. Pilih Pattern Overlay, setting seperti pada gambar diatas.

15. Merge dengan layer kosong, lalu klik lock the pixels.

16. pilih Filter > blur > Radial Blur

17. Hasilnya seperti diatas.

18. untuk membuat menjadi warna lemon, ubah warnanya , pilih Hue Saturation tool.

hasil akhirnya, bisa dibuat kreasi lainya. Keep creative on your mind !

Selamat mencoba :D

Cara membuat orange/lemon dengan photosop bag 2

oke.. hari ini kita lanjutkan untuk membuat gambar orange ke bagian ke 2

4. Buat layer baru, dan aplikasikan brush dengan pattern dot di sekeliling lingkaran.

5. Rapikan gambar dots yang melebihi lingkaran (CTRL + click kiri di layer circle di tab layers , lalu klik kanan di seleksinya, Select Inverse,tekan tombol delete)

6.Buat layer baru dan merger dengan layer circle

7. tambahkan noise effect.

8. Buat lingkaran yang lebih kecil, letakkan didalam lingkarang yang besar, tambahkan noise seperti step ke-7.

9. Aplikasikan Feather option pada lingkaran yang kecil. buat seleksi, klik kanan dan pilih Feather. lalu Select Inverse dan delete.

 

10. Sebelum kita lanjutkan, hasil yang didapatkan paling tidak seperti gambar ini.

Cara membuat orange/lemon dengan photosop bag 1

Iseng-iseng mo buat header website yang temanya orange/lemon, ini cara yang gw buat pake photosop. semoga bermanfaat. :D silahkan mencoba...

1. Buat Lingkaran

2. Ubah layer style seperti pada gambar diatas

3. Atur brush tool seperti gambar diatas

Kenapa kertas buram ?

Kertas Buram..., tidak seperti nama dan wajahnya yang buram, walaupun terlihat nggak putih bersih tapi kertas ini sangat berperan penting. Klo ga ada kertas buram kita bingung buat corat-coret dimana, menulis rumus2 yang rumit sebelum membentuk formula yang diinginkan atau sekedar corat-coret saat sedang bosan. Kadang di kertas buram lah kita menemukan jawaban yang tepat untuk sebuah pertanyaan.

Maka dari itu, gw namain blog ini "Kertas Buram", mungkin yang abis baca blog gw, bisa nemuin jawaban atau inspirasi baru untuk berkarya. :)