Breaking News
Loading...
July 29, 2013

Cara Membuat Animasi Bergerak Dengan Photoshop

8:10 PM

Cara Membuat Animasi Bergerak Dengan Photoshop
Banyak layanan online gratis yang menyediakan jasa pembuatan animasi gif yang bergerak. Namun saya akan mencoba membuat tutorial secara manual dengan menggunakan program adobe photoshop untuk membuat animasi gif ini. Biasanya gambar animasi ini sering digunakan oleh advertiser untuk pembuatan banner animasi bergerak dan gambar bannernya juga bagus-bagus. 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 photoshop ini, selamat mencoba dan semoga bermanfaat.

Cara Membuat Animasi Bergerak Dengan Photoshop
Share:
 
Toggle Footer