Sabtu, 22 Juni 2013

Cara Membuat Gambar Animasi Photoshop

MEMBUAT GAMBAR ANIMASI

Sebenarnya sudah lama saya ingin membuat postingan tentang cara membuat gambar animasi bergerak, tapi selalu terlupakan oleh saya, ditambah lagi sudah lama saya tidak punya waktu dan semangat untuk terus melanjutkan hobi saya untuk bermain blog ini, maklum orang sibuk… orang sibuk atau sok sibuk ya? Hahahhaa… =P
Sebelumnya saya mau memberitahukan bahwa saya sudah lama putus dengan pacar saya yg ada pada postingan saya yg dulu pernah saya posting disini... tapi syukurlah keberuntungan saya gak berhenti sampai disitu, beberapa waktu setelah saya putus, saya dipertemukan dengan gadis impian saya yg lain yg syukur alhamdulillah mampu membuat saya berfikir untuk menghentikan pencarian panjang dalam hidup saya.. Ciiieeeehhhh, cuurrhaaaaaatttt… =D
Pada tutorial kali ini saya akan menggunakan foto tunangan saya yg gak sengaja saya temukan dalam komputer saya, foto ini sudah dia edit dengan editan-editannya yg keren… serius keren kok yanx editannya… sumpahh… lebih semangat lagi ya belajar photoshopnya… hehehee ^^
Udah ah cukup chit chatnya… berikut hasil yg saya dapatkan dari foto tunangan saya:


bagi sobat yg berminat untuk membuat efek animasi pada gambar atau foto sobat seperti pada contoh diatas, berikut langkah-langkahnya:
  1. Masukkan foto-foto yg akan kita buat seolah-olah bergerak ke dalam Photoshop. Disini saya memasukkan 4 foto sekaligus


  2. Klik move tool dan pindahkan semua gambar ke dalam salah 1 layer dari 4 gambar tersebut, sehingga akan mendapatkan hasil seperti berikut


  3. Pilih File > Save As.. dan simpan dalam bentuk .psd kemudian tutup foto tadi.
  4. Buka program Adobe ImageReady pada computer sobat, atau kalau kesulitan silahkan buka Adobe Photoshop dan klik pada icon paling bawah di tool palette sobat


  5. Setelah masuk di Adobe ImageReady pilih File > Open dan cari file .psd yg sobat simpan sebelumnya
  6. Setelah File kita terbuka kemudian klik menu Window dan centang pada Animation maka akan keluar Animation pallete.


  7. Nah sekaranglah saatnya kita membuat animasi gerakan sesuai dengan yg kita inginkan. Pertama klik Duplicates current frame pada Animation Pallete sehingga gambar kita pada Animation Pallete akan  berubah menjadi 2. Setelah itu klik Indicates layer visibility pada layer paling atas untuk merubah gerakan pada Animation Pallete.




    Setelah visibilitas layer paling atas hilang maka gambar pada Animation Pallete tidak akan sama lagi dengan sebelumnya. Pada langkah ini kita akan mendapatkan hasil seperti dibawah ini.


  8. Ulangi langkah ke 7 sampai hanya tersisa visibility layer paling bawah sehingga kita akan mendapati ada 4 gambar berbeda pada Animation Pallete seperti pada contoh berikut.



  9. Inilah saatnya sentuhan magic kita. Rubah waktu pergantian gambar sesuai yg kita inginkan (disini saya menggunakan waktu 0,5 second untuk tiap frame) dan kemudian klik play untuk melihat hasilnya.


  10. Pada langkah ini sebenarnya kita sudah mendapatkan hasilnya, namun jika sobat ingin merubah gerakan karena mungkin tidak sesuai dengan yg sobat inginkan tinggal tahan klik kiri pada salah satu frame dan pindahkan pada tempat yg diinginkan. Misalnya tahan frame nomor 4 lalu pindahkan ke frame nomor 1. Maka gerakannya otomatis akan menyesuaikan urutan frame kita. Untuk langkah akhir tinggal klik menu File > Save Optimized As.. > Pilih (*.gif). Berikut hasilnya dan selamat mencoba… ^^



Judul Gambar Animasi Bergerak
Deskripsi cara membuat gambar agar terlihat bergerak
Last Update 09/06/13
Author Denie Kurniawan
Rating
96%/100% Peringkat Dari 761 Suara

Tutorial Photoshop Author Post Author

Salah satu dari sekian banyak orang yang ingin memanfaatkan Internet sebagai media untuk saling berbagi dan bersilaturahmi.

11 komentar :

Money Maker mengatakan...

Mantab Bro....Thanks dah mau mampir ke blog ane ;)

Teruskan Karyanya...

Unknown mengatakan...

sama2 om..., thx juga dah mampir balik kesini... ^^

Coretan Uman mengatakan...

Keren sob Makasih infonya :)

Unknown mengatakan...

terimakasih 'n smoga bermanfaat...

Unknown mengatakan...

Keren om tutornya :) yang begini - begininih yang kudu di Book mark hehe makasih banyak :)

Unknown mengatakan...

terima kasih om,semoga bermanfaat ya... ^^

Unknown mengatakan...

mantab gan thanks buat artikelnya gan...
kunjungi juga http://www.rajalistrik.com/

Anonim mengatakan...

Tunangannya keren bro... hehehe...

chaciep mengatakan...

mantap bro, jgn lupa mampir ke blog q

Gambir Siam mengatakan...

mantaap,.

Gambir Siam mengatakan...

oouuwwhh gtuuu gan,. okeee thanks yaaa share nya gan,.