Cara Membuat Efek Animasi Dengan Photoshop

Cara Membuat Efek Animasi Dengan Photoshop - Beberapa waktu yang lalu saya diminta dibuatin animasi untuk blog temen saya. Okelah sekalian saja saya buat tutorialnya diblog ini. 

Cara Mudah Membuat Animasi di Adobe Photoshop


Membuat animasi itu gampang gampang susah. Untuk animasi yg agak ngejlimet (rumit) lebih enak memakai aplikasi Adobe Flash. Namun untuk animasi sederhana masih bisa kok memakai aplikasi Photoshop. Karena kebanyakan orang sudah tahu apa itu photoshop dan pasti banyak yg memakainya.

Sebagai contoh saya akan membuat animasi yg berganti-ganti warna. (yg gampang aja ya).

Baiklah sekarang kita mulai ya !!

1. Langkah pertama tentu membuat ruang yg akan kita buat animasi. Caranya dengan shortcut ctrl + N atau Pilih menu file - new. Kali ini saya memakai ukuran 500 x 300 pixel dengan resolusi 72. Dalam prakteknya boleh memakai ukuran berapa saja.

Cara Mudah Membuat Animasi di Adobe Photoshop


2. Membuat obyek yg akan kita buat animasi. Kali ini saya akan membuat teks Cara Mudah Membuat Animasi di Adobe Photoshop. Berikut contohnya.

Cara Mudah Membuat Animasi di Adobe Photoshop


3. Satukan/Group semua teks yg tadi kita buat. Dengan cara Pilih semua teks dan ketik shortcut ctrl + G.Seperti Contoh Berikut :

Cara Mudah Membuat Animasi di Adobe Photoshop


Group tadi bisa kita beri nama Frame 1. 

4. Sekarang duplicate (ctrl + J) group Dan beri nama dengan frame 2. Dan sembunyikan frame 1.

Cara Mudah Membuat Animasi di Adobe Photoshop


5. Sekarang kita rubah warna teks yg ada pada frame 2. Kali ini saya akn merubah semua warnanya. Lihat contoh berikut.Lihat perubahannya.

Cara Mudah Membuat Animasi di Adobe Photoshop


6. Lakukan seperti itu pada frame 3 dan seterusnya.(ulangi Langkah 3 - 5 )

Cara Mudah Membuat Animasi di Adobe Photoshop


7. Sekarang kita Akan memulai proses membuat animasi. Pertama buka menu Timeline. Menu timeline adalah Plugin yang berfungsi sebagai sarana untuk membuat sebuah animasi atau gambar bergerak seperti yang biasa kita lihat terpasang pada blog atau pun pada sebuah halaman tertentu.

Caranya pilih menu windows - timeline. Sehingga keluar menu timeline dibawah.

Cara Mudah Membuat Animasi di Adobe Photoshop


5. Klik tombol Create Frame Animasi yg ada di tengah. Sehingga muncul gambar baris timeline nya.



Untuk gambar yg saya lingkari adalah gambar awal untuk animasi yg akan kita buat. Di gambar tersebut kita juga bisa mengatur waktu tayang pergambar (Frame Delay Time). 

Cara Mudah Membuat Animasi di Adobe Photoshop


Kali ini saya mengatur 0,2 detik. 

6. Selanjutnya hide (sembunyikan semua layer group) kecuali layer dengan nama frame 1.

Cara Mudah Membuat Animasi di Adobe Photoshop


7. Langkah selanjutnya klik ikon duplicate select frame seperti gambar yg saya lingkari. Sehingga muncul gambar kedua dalam bagian animasi. 

8. Selanjutnya hide layer frame 1 dan unhide layer frame 2. Seperti contoh dibawah ini.

Cara Mudah Membuat Animasi di Adobe Photoshop

9. Begitu juga untuk frame 3 dan seterusnya, ulangi langkah 7 dan 8.

Cara Mudah Membuat Animasi di Adobe Photoshop


10. Jika sudah ditambahkan semua frame, sekarang kita tes (play) hasil animasinya. Dengan cra klik tombol play yang tempatnya di bawah kotak frame. 

Cara Mudah Membuat Animasi di Adobe Photoshop


11. Untuk mengatur lama pengulangan ada 3 pilihan. Once (1 kali), 3 times (3 kali) atau forever (terus-menerus). Pilih saja yg forever.

Cara Mudah Membuat Animasi di Adobe Photoshop


12. Selanjutnya simpan file nya dalam bentuk gif. Dengan shortcut ctrl + shift + alt + S (save for web)..

Cara Mudah Membuat Animasi di Adobe Photoshop


13. yap selesai. Begitulah tutorial Cara Membuat Efek Animasi Dengan Photoshop. Selamat anda berhasil membuat animasi menggunakan adobe photoshop. Gampang dan simpel kan. 

Terima kasih sudah berkunjung ke blog saya. Share jika ada menyukai artikel ini.

0 Response to "Cara Membuat Efek Animasi Dengan Photoshop"

Posting Komentar