Tutorial Membuat Image Animation (gambar bergerak)

Huh, hari minggu ini (03 may 09) gw ga kemana² (hampir setiap minggu si ), untuk menghibur diri gw main ma soulmate gw alias komputer yang selalu menemani gw dalam kesepian

Hm... setelah gw pegang² mouse gw jadi bingung sendiri mo ngapain. Inget semalam gw baru download tutorial bikin website full abis dengan photoshop. tapi gw pikir lagi oh no, itu terlalu kebanyakan klw gw bikin tutorialnya..

akhirnya encer juga otak gw, hm... gw bikin tutorial image animation.


Ini dia hasilnya :






sebelom kita memulai, kita siap kan dulu se abreg perlengkapan. yang utama and kudu kopi Torabika cappucino, kacang atom de el el.

udah lengkap?


Ok kita mulai dengan menyebut Bismillahirahmanirohim...

1. Buat lembar baru dengan ukuran 347x230 px


2. Buat bunga dengan menggunakan pentool





3. Setelah selesai membuat bunga, klik kanan pada bunga tersebut kemudian pilih make selection





4. Buat layer baru kemudian pilih Creat new fill or adjustment layer





5. Sekarang km tinggal membuat tangkainya.


6. Setelah membuat tangkai bunga kini lengkap sudah, eitzz tunggu dulu blom kelar masih ada proses selanjutny. Ikutin aja kata gw, Oaky?


7. Kalo bunganya udah lengkap dengan tangkainya, maka gambarnya akan seperti ini :





8. Nah sekarang tinggal loe kopi, eh mangaf maksudnya Copy menjadi 2 (CTRL+J)


9. Setelah loe copy layernya, sekarang loe kasih Ruler atau garis biar ga puyeng nantinya





10. 1Perhatikan gambar di atas, sebelum loe kasih rule atau garis baiknya km pencet CTRL+T di keyboard biar keliatan mana bagian tengahnya, n setelah itu loe baru kasih tanda dengan menggunakan ruler.



11. Sekarang loe copy menjadi 6 gambar dan susun sesuai urutan dan tentunya posisi tengah gambar (supaya loe tau posisi tengah gambar loe tekan CTRL+T di keyboard loe) harus selalu berada di setiap garis vertical. Untuk urutan no. 1 gambar harus kecil, urutan ke 2 (No.2) lebih besar dan begitu seterusnya.





12. klw udah disusun, gambarnya akan terlihat kayak gini.





13. Sekarang loe tinggal buka Adobe ImageReady (Shift+Ctrl+M) untuk convert ke GIF. Liat no di bawah gambarnya.





14. Udah gitu, klik ke 5 gambar bunga atau ilangin Indicates Layer Visible atawa tanda mata yang ada di layer sebelah kanan. Jadinya sisain atu aja tuh gambar bunga.





15. Udah? Udah belom? Diem aje di Tanya. Ok sekarang kita lanjut ke Animation.


16. Pilih Window di bagian menu atas Adobe ImageReady n pilih Animation






17. Duplicate layer kemudian klik Indicate Layer Visible dan hilangin tanda mata (Indicate Layer Visible) di nomor 1. Untuk yang no. selanjutnya, langkahnya sama yatitu dengan menduplicate layer dan Indicate Layer Visible. Ngerti ga si kata² gw? Klw ga ngerti comment aja yach :)


18. Okay tuan² dan nona² disitu terlihat ada dua pilihan looping (Looping Options) yaitu Once dan Forever. Klw Once itu Cuma satu kali jalan animasi nya n forever it’s always playing if you open that gif :D


19. Klw loe pingin lamain waktu animation nya lo tinggal atur aja frame delay nya





20. Sekarang tinggal loe save dah. Pilih File terus pilih Save Optimized As.


21. Dan kelaaaaar :D

ini dia hasilnya :

Posted in: Artikel,Tutorial,Tutorial Design,Tutorial Other