Sabtu, 14 Maret 2015

CARA MEMBUAT ANIMASI GIF MENGGUNAKAN PHOTOSHOP

Hallo agan-agan,

Setelah membuat tutorial tentang software AutoCAD saatnya ane sharing ilmu yang berbeda. Kali ini ane ingin men-share tentang bagaimana ane selama ini membuat animasi gif yang sering ditampilin di tutorial AutoCAD yang telah lalu. Gampang-gampang mudah sebenarnya membuat animasi ini. Berarti gampang donk? tentu saja sangat gampang sekali, hanya dengan photoshop saja sudah cukup untuk membuat animasi gif sederhana seperti yang sudah saya buat. Untuk lebih jelasnya bagaimana ane ngebuatnya cekidot bro!!



Pertama-tama buka program photoshop agan, disini ane menggunakan Photoshop CS 5. Setelah terbuka pada menu bar pilih window kemudian pilih animation.



dan akan muncul jendela tambahan terletak di bagian bawah layar seperti ini.


Langkah kedua, buatlah layer yang berisi gambar-gambar yang akan dibuat animasi. Pada saat ane ngebuat animasi gif pada tutorial sebelumnya itu menggunakan screen capture (print screen) pada keyboard untuk menangkap objek gambar dilayar. Akan tetapi disini ane akan memberi contoh yang berbeda yang pada dasarnya masih sama. Untuk gambarnya bisa anda download disini. Caranya buat New file kemudian masukkan gambar-gambar yang sudah di download tadi dengan cara seperti animasi dibawah ini.


urutan gambar yang dibuka, 1.png, 2png, 3.png, 4.png, mouse-pointer-hi.png dan mouse-pointer.png.

Langkah ketiga, perkecil ukuran mouse-pointer dan mouse-pointer-hi menjadi ukuran seperti gambar dengan cara seleksi kedua layer dan tekan CTRL+T sambil menekan SHIFT dan arahkan ke pojok terserah pojok mana saja hingga kursor berubah bentuk dan klik jangan dilepas lalu tarik kearah manapun untuk memperbesar atau memperkecil (ingat jangan dilepas).


Langkah ketiga, matikan layer 2,3,4 dan mouse-pointer dengan cara klik pada gambar mata hingga gambar matanya hilang.


Langkah keempat, dengan keadaan dua layer yaitu mouse-pointer dan mouse-pointer-hi terseleksi posisikan seperti gambar dibawah ini


Langkah keempat, buat layer baru pada window animation dan seleksi layar baru tersebut kemudian posisikan mouse tadi sedikit bergeser kearah menu window seperti gambar dibawah ini.


lakukan cara yang sama hingga mouse tadi berada tepat pada tulisan window.


Langkah kelima, buat kembali layer pada window animation. sembunyikan layer mouse-pointer-hi kemudian hidupkan layer 2 dan mouse-pointer 



Langkah keenam, buat layer pada window animation. sembunyikan layer mouse-pointer kemudian hidupkan mouse-pointer-hi

  

Langkah ketujuh, buat layer pada window animation. kemudian dengan keadaan dua layer mouse tadi terseleksi arahkan sedikit kebawah menuju tulisan animation.



Langkah kedelapan, buat layer pada window animation. kemudian dengan keadaan dua layer mouse tadi terseleksi arahkan sedikit kebawah tepat tulisan animation dan hidupkan layer 3.


 Langkah kesembilan, buat layer pada window animation. kemudian hidupkan layer mouse-pointer.


Langkah kesepuluh, buat layer pada window animation. kemudian hidupkan layer mouse-pointer-hi.
 

Langkah kesebelas, buat layer pada window animation. kemudian hidupkan layer 4.

Langkah keduabelas, silahkan klik tombol play yang ada pada menu window untuk melihat hasilnya. Untuk menentukan berapa lama pergantian frame ke frame nya silahkan klik tombol seperti gambar dibawah ini.


Untuk menyimpannya tekan CTRL+SHIFT+ALT+S (pencet barengan) maka akan muncul window seperti dibawah ini dan save.


Untuk selanjutnya silahkan save selayaknya agan nge-save pada program lain. Dan inilah hasil gif yang tadi kita buat.


ini adalah hasil yang waktunya tidak dirubah.

Bagaimana agan-agan mudahkan membuatnya? hehe. Untuk membuat lagi dengan aniamasi yang lain tentu agan akan mengerti, intinya adalah setiap gambar mempunyai perbedaan dan jangan lupa mainkan layernya.

Sekian tutorial kali ini semoga agan mengerti dan bermanfaat. Selamat Bereksplorasi.

Tidak ada komentar:

Posting Komentar