tofanc.com

May

22nd

Membuat Animasi gif dengan Adobe Photoshop

Author: admin | Files under Tutorial

Pasti kita semua udah sering liat animasi image berbentuk gif kan??? Mungkin juga banyak yang naya gimana sich cara buatnya?? Susah gak sich buatnya?? Sebenernya cara buatnya gak terlalu susah,.. tapi juga gak terlalu gampang hehehe….. Sebenernya gambar berbentuk gif tu cuma image2 yang saat digabung jadi satu membentuk seolah2 seperti sebuah motion. Contohnya seperti 5 kertas, kertas pertama diberi gambar di sisi kiri, lalu kertas kedua agak disebelah kanan,, dan seterusnya…… lalu ditumpuk jadiin satu, maka saat dibuka berurutan akan membentuk seolah seperti sebuah gerakan… nah sama seperti gif juga konsepya seperti itu…

Nah…. sekarang lansung kita mulai aja buat gif pake photoshop. Pertama buat dulu fie photoshop yang di dalamnya terdapat 3 layer, yaitu logo,text dan background(putih aja). Seperti gambar berikut>(Gambar 1)

Lalu aktifkan jendela animasi klik windows > animation seperti gambar berikut…(Gambar 2)

Sehingga akan muncul tampilah seperti berikut…(Gambar 3)

lalu klik duplicates selected frames yang ada di bagian bawah jendela animasi…(Gambar 4)

sehingga akan muncul satu gambar lagi di sebelahnya….(Gambar 5)

Selanjutnya klik frame pertama lalu klik pada layer logo dan buat opacity menjadi 0%…(Gambar 6)

biasanya kalo frame 1 kita edit, frame selanjutnya juga ikutan teredit, jadi pada frame 2 opacitynya diganti 100%. Lalu masih di frame 1, geser text ke kiri keluar area gambar…(Gambar 7)

lalu klik tweens animation frames….(Gambar 8)

maka akan muncul jendela tween seperti berikut…(Gambar 9)

pada kolom frames to add isikan 10 saja. jika sudah maka akan muncul 10 gambar baru yang berurutan. untuk memutarnnya klik play di bagian bawah jendela animasi.
Untuk lebih memperindah tampilan, buat gambar kotak dengan Rectangle tool, tapi pastikan warnanya sama dengan background disini saya gunakan putih.(Gambar 10)

Buat kotak di samping gambar seperti berikut….(Gambar 11)

Klik move tool atau tekan v(gambar 12)

Pilih menu edit > transform path > rotate (Gambar 13)

Edit sudut riotasi menjadi kurang lebih 40 (Gambar 14)

ubah posisi kotak menjadi lebih dekan dengan gambar logo (Gambar 15)

Pada jendela layer, ubah tab bertuliskan normal menjadi soft light (Gambar 16)

Lalu klik Duplicate selected frame seperti tadi, lalu ubah posisi kotak seperti berikut (Gambar 17)

Coba jalankan…
Untuk menyimpan, klik menu file > save for web & device atau tekan Alt+Shift+Ctrl+S (Gambar 18)

Maka akan muncul Jendela Seperti berikut (Gambar 19)

pilih lokasi penyimpanan dan lihat hasilnya…..

Selamat mencoba………..

16 responses. Wanna say something?

ARD
May 25, 2009 at 17:42:18

eh gpp kali klo samaan postingnya,, yang penting gak COPAS ja..
kan kata pak dony boleh tuh, asal kalimatnya beda..

hengky
May 27, 2009 at 10:02:08

aslmkm , HI fan !!!
Tukeran link ya !!!

tova
May 28, 2009 at 19:04:50

Herry
May 30, 2009 at 17:03:21

INFO :
Bagi semua teman-teman kelas 4G yang udah ada linknya disaya, saya ingin memberitahukan bahwa Link kalian semua sudah saya masukkan di blog saya yang lama. Namanya adalah http://www.herry347.co.cc. Blog tersebut sudah PageRank 2. Makanya saya masukkan agar setidaknya kalian sudah mendapatkan 1 backlink dari PR2. Sekian dan Terima Kasih. Kita sama-sama membantu. Buka aja nama situs tersebut, atau boleh di cek PageRank nya kalo tidak percaya. Hehehe

Catatan : Tolong kasih tau yang lain juga ya. Dan bagi teman-teman kelas yang linknya belum ada boleh request! Tapi hanya anak 4G aja. Thx