Cara Membuat Gambar Animasi Photoshop

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:

Masukkan foto-foto yg akan kita buat seolah-olah bergerak ke dalam Photoshop. Disini saya memasukkan 4 foto sekaligus

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

Pilih File > Save As.. dan simpan dalam bentuk .psd kemudian tutup foto tadi.

Buka program Adobe ImageReady pada computer sobat, atau kalau kesulitan silahkan buka Adobe Photoshop dan klik pada icon paling bawah di tool palette sobat

Setelah masuk di Adobe ImageReady pilih File > Open dan cari file .psd yg sobat simpan sebelumnya

Setelah File kita terbuka kemudian klik menu Window dan centang pada Animation maka akan keluar Animation pallete.

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.

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.

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.

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… ^^

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:

Masukkan foto-foto yg akan kita buat seolah-olah bergerak ke dalam Photoshop. Disini saya memasukkan 4 foto sekaligus

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

Pilih File > Save As.. dan simpan dalam bentuk .psd kemudian tutup foto tadi.

Buka program Adobe ImageReady pada computer sobat, atau kalau kesulitan silahkan buka Adobe Photoshop dan klik pada icon paling bawah di tool palette sobat

Setelah masuk di Adobe ImageReady pilih File > Open dan cari file .psd yg sobat simpan sebelumnya

Setelah File kita terbuka kemudian klik menu Window dan centang pada Animation maka akan keluar Animation pallete.

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.

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.

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.

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… ^^