Cara Membuat Gambar Animasi Bergerak dengan Photoshop

Cara : I

Kali ini  saya akan memberitahukan cara membuat animasi bergerak dengan photoshop. Cara membuat animasi bergerak (.gif) mungkin bagi sebagian orang hanya dengan menggunakan software adobe flash. Tetapi photoshop holic jangan berkecil hati. Karena dengan photoshop kita juga bisa membuat gambar animasi bergerak dengan photoshop. Langsung saja kita lihat :

Buka document baru.

Terserah anda mau buat ukuran berapa besar, tetapi saran saya buatlah dengan ukuran Weight = 300 pixels dan height = 300 pixels.

Disini saya akan mencontohkan gambar animasi jejak kaki yang berjalan.

Buat layer baru dengan cara klik tabs layer > new > layer … atau Shift + CTRL + N

Klik Costum shape tool, Pilih pacth dan pilih Cat Print sebagai objek cara membuat animasi kali ini.

Kemudian klik Selection pacth tool. Lalu klik kanan dibagian kaki Setelah itu pilih Make selection…

Setelah itu muncul kotak, biarkan feather radiusnya 0 pixels lalu klik OK.

Setelah Selection atau seleksi menyerupai gambar kaki lalu klik tool brush, Brush di bagian kaki dengan menggunakan warna hitam.

 Sesudah siap di brush. Selection masih ada. Kita hilangkan dengan cara menekan CTRL + D ( Bukan C+T+R+L+D hehehehe ).

Kemudian duplicate gambar kaki tadi sampai menjadi 4 kaki dan geser kaki sesuai urutan layer.

Setelah itu hapus Background dengan cara klik kanan layer background lalu delete layer.

Disinilah yang harus kita lakukan agar gambar berjalan seperti animasi bergerak. Caranya

Klik Windows > Animations

Setelah itu timbul kotak, Klik menu di bagian sudut kanan dibawah close lalu pilih Make Frames from Layer

Ubah waktunya menjadi 1 sec

Sekarang tinggal kita save hasil gambar animasi bergerak yang kita buat dengan photoshop.

Klik File > Save for web & devices… lalu ikuti sesuai gambar dibawah

 Dan hasilnya

Anda bisa mengganti gambar yang anda mau seperti gambar hati dan lain-lain.

Semoga membuat gambar animasi bergerak dengan photoshop ini bermanfaat.


Cera : II

Cara membuat animasi gif dengan photoshop
1. Buka adobe photoshop
2. Buat layer baru atau tekan Ctrl+N dan warna background hitam

3. Pada pallet klik Create a new layer

4. Pada toolbox klik Brush tool (B) dan ambil gambar brush untuk diletakkan ke background, terlebih dahulu ubah warna set foreground color misalnya warna merah seperti ini

5. Pada menubar klik Layer Layer Style Gradient Overlay. Ubahlah Style menjadi Radial dan nilai Scale menjadi 10% seperti ini

6. Sehingga menjadi seperti ini

7. Duplikat layer 1 dengan cara tekan Ctrl+J sehingga sekarang ada layer 1 copy

8. Lalu pada pallet layer, klik Add a layer style

9. Ubah Style menjadi Radial dan Scale menjadi 20%

10. Sehingga menjadi seperti ini

11. Nah selanjutnya lakukan duplikat layer sampai ada layer 14 copy. Naikkan nilai Scale dari 20 menjadi 30, 40, 50 dan seterusnya sampai 150%.

12. Selanjutnya akan membuat animasi / animation, caranya pada menubar klik window => Animation

13. Sehingga akan terlihat seperti ini

14. Lalu pada pallet layer, matikan tanda seperti mata semua dari layer 1 copy sampai dengan layer 14 copy kecuali layer 1 dan background, lihat gambar dibawah ini

15. Pada animation (Frames), klik Duplicates selected frames untuk menggandakan

16. Dan pada pallet layer, matikan tanda mata pada layer 1 sampai layer 14 copy kecuali layer 1 copy dan background

17. Lakukan cara yang sama seperti contoh pada point ke 15 dan 16 yaitu sampai layer 14 copy, sehingga akan terlihat ada 15 frames, seperti ini

18. Selanjutnya klik frames 1 dan ubah nilai delay menjadi 0,2 second. Lakukan juga pada frames 2 sampai dengan frames 15

19. Nah untuk menjalankan animasi, klik tombol Play yang ada di tengah

20. Lalu simpan hasilnya dengan cara pada File => Save for web & devices dan beri nama animasi gif

21. Kalau dibuka maka hasilnya seperti ini

Memang terlihat agak rumit tapi kalau anda tekun pasti bisa juga cara membuat animasi gif dengan photoshop ini, selamat mencoba dan semoga bermanfaat.