CARA MEMBUAT ANIMASI BERGERAK DENGAN ADOBE PHOTOSHOP CS5 .gif

Hiii temans…

Kali ini aku mau share tentang bagaimana cara membuat animasi bergerak dengan menggunakan adobe photoshop, kali ini aku pakai contoh animasi mobil berjalan terus ada tulisan OTW LONDON :D ...

So, check this out… J

1. Siapkan beberapa photo atau gambar yang akan digabungkan dalam animasi ini, berikut gambar  yang aku pakai 
   
2. Buka gambar dengan aplikasi adobe photoshop dengan cara (klik kanan pada photo yang akan dibukaè Open with…è photoshop)  atau (Klik menu File è Open). Atur gambar bangunan sebagai background animasi yang akan kita buat
3. Seleksi bagian photo yang kita butuhkan untuk digabungkan dengan gambar lainnya dengan cara Klik menu Quick Selection Tool 
   
   
   
   
4. Copy (Ctrl + C) gambar yang telah di seleksi lalu tempelkan (Ctrl + V),gambar background, atur dan sesuaikan ukuran dan letaknya 
   
5. Duplicate Layer 1 dan layer 2 (klik kanan + Duplicate Layer) 
   
6. Aktifkan Animasi dengan cara (klik Window + Animasi), setelah  muncul gambar animation frame lalu duplicate dengan cara tekan menu Duplicated Selected Frame , semakin banyak gambar maka akan semakin halus pergerakannya, langkah selanjutnya mulai berimajinasi dengan menyusun gambar 
   
7. Sesuaikan Animation Frame dengan Layer , atur gambar mana saja yang akan di tampilkan dengan cara menutup beberapa gambar mata pada layer, misal Animation Frame 1 dengan Layer 0, 1 dan Layer 4, lalu Animation frame 2 dengan layer yang lainnya 
   
8. Lakukan kembali Duplicate Layer dan duplicate Animation Frame sebanyak yang kita butuhkan, layer yang kita duplicate hanya layer gambar mobil dan gambar orang saja, terus geser gambar tersebut sedikit kearah kiri seolah gambar bergerak maju, lakukan langkah ini hingga mobil maju perlahan sampai ke ujung, perhatikan perbedaan gambar berikut ya supaya ada bayangan 
   
   
   
   
   
   
    
9. Dari 3 gambar diatas, perhatikan animation frame, layer dan gambar mobil yang berlahan maju.
10. Putar gambar animasi dengan cara klik tombol play pada bagian bawah animation frame, atur waktu pemutaran sesuai kebutuhan kita
11. Untuk memunculkan tulisan OTW LONDON, kita menu Horizontal Type Tool atau symbol T dan ketik kata sesui keinginan kita
12. Setelah selesai, save dengan  cara Klik File - Save For web And Devices... - OK
13. Berikut hasil animasinya J