Rabu, 20 November 2013

Cara Membuat Animasi Bergerak Dengan Photoshop


Cara Membuat Animasi Bergerak Dengan Photoshop



Nah kita mulai saja tutorial Cara Membuat Animasi Bergerak Dengan Photoshop dibawah ini. Saya akan bahas berikan cara sederhana dan mungkin ini merupakan dasar dalam pembuatan banner / gambar animasi gif.

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


3. Pada pallet klik Create a new layer

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


6. Sehingga menjadi seperti ini

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


9. Ubah Style menjadi Radial dan Scale menjadi 20%

Cara Membuat Animasi Bergerak Dengan Photoshop


10. Sehingga menjadi seperti ini 

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


13. Sehingga akan terlihat seperti ini

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Cara Membuat Animasi Bergerak Dengan Photoshop


21. Kalau dibuka maka hasilnya seperti ini

Cara Membuat Animasi Bergerak Dengan Photoshop


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

Tidak ada komentar:

Posting Komentar