Cara Menciptakan Efek Animasi Dengan Photoshop

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop



Membuat animasi itu mudah gampang susah. Untuk animasi yg agak ngejlimet (rumit) lebih yummy menggunakan aplikasi Adobe Flash. Namun untuk animasi sederhana masih dapat kok menggunakan aplikasi Photoshop. Karena kebanyakan orang sudah tahu apa itu photoshop dan niscaya banyak yg memakainya.

Sebagai rujukan saya akan menciptakan animasi yg berganti-ganti warna. (yg mudah aja ya).

Baiklah kini kita mulai ya !!

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


Group tadi dapat kita beri nama Frame 1. 

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


6. Lakukan menyerupai itu pada frame 3 dan seterusnya.(ulangi Langkah 3 – 5 )

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


7. Sekarang kita Akan memulai proses menciptakan animasi. Pertama buka sajian Timeline. Menu timeline yaitu Plugin yang berfungsi sebagai sarana untuk menciptakan sebuah animasi atau gambar bergerak menyerupai yang biasa kita lihat terpasang pada blog atau pun pada sebuah halaman tertentu.

Caranya pilih menu windows – timeline. Sehingga keluar sajian timeline dibawah.

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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



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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


Kali ini saya mengatur 0,2 detik. 

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop

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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

<img alt="Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop” border=”0″ height=”192″ src=”https://4.bp.blogspot.com/-vVW0q2avN7s/VxhU-dngDUI/AAAAAAAAAa4/B8AsNVLV-qw2J3QlPBEQTaT9wyNHiOW0gCKgB/s320/play.gif” title=”Cara Membuat Efek Animasi Dengan Photoshop” width=”320″ />


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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop


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

Cara Membuat Efek Animasi Dengan Photoshop Cara Membuat Efek Animasi Dengan Photoshop



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

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

Related Posts