Membuat Gambar Gif Sederhana

Pada kesempatan kali ini saya akan memberikan tutoral cara membuat animasi bergerak/gif sederhana dengan menggunakan photoshop cs6.

Membuat Gambar Gif Sederhana

Step 1
Siapkan gambar dan tuliasan yang akan kita buat menjadi gif. Disini saya sudah membuat 2 buah gambar yang saya beri nama blokatas dan blokbawah sebagai background tulisan, serta dua tulisan yaitu tulisan welcome to dan alamat blog saya.

Step 2
Buat dokumen baru, disini saya akan membuat gambar gif untuk sidebar salah satu blog saya. ukurannya saya buat 400 px untuk lebar dan 240px untuk tinggi. lalu buat layer baru dan isi dengan warna abu-abu
Membuat Gambar Gif Sederhana
Step 3
Pilih menu window lalu pilih timeline. pada panel yang terbuka, klik tombol create frame animation.
klik pada tulisan once dan ganti dengan forever.
berikutnya sambil menekan tombol shift tarik tulisan "welcome to" ke sebelah kanan sampai tidak terlihat, tulisan alamat blog kekiri sampai tidak terlihat juga. blok atas ke kiri dan blok bwah ke kanan.
 Membuat Gambar Gif Sederhana
Step 4
Klik duplicate selected frame. Pilih frame 2 lalu tarik kembali blok atas dan tulisan welcome to ke posisi semula. lalu klik opsi tween animation frames, pilih tween to previous frame, jumlah frame yang ditambahkan 5, all layers, dan cek semua opsi di bawahnya. lalu ok.
Membuat Gambar Gif Sederhana

 Membuat Gambar Gif Sederhana
step 5
klik duplicate selected frame untuk membuat frame ke 8. tarik blokbawah dan tulisan alamat blog keposisi semula. lalu klip opsi tween, nilainya sama seperti step sebelumnya, lalu klik ok.
 Membuat Gambar Gif Sederhana
step 6
pilih frame 13 dan duplicate untu membuat frame 14. tarik  blokatas ke kanan dan tulisan welcome to ke kiri sampai tidak terlihat lalu tween seperti step sebelumnya. 

Step 7
Duplikat frame 19, lalu tarik blokbawah ke kiri dan tulisan alamat blog ke kanan sampai tidak terlihat, lalu tween seperti step sebelumnya.

Step 8
ganti waktu delay delay farame 7, 13, menjadi 0.5s, frame 19 menjadi 0.2s. silahkan preview dengan menekan tombol play.
Membuat Gambar Gif Sederhana
Step 9
Saimpan file dengan format gif. Pilih menu file > save for web, lalu lakukan setting seperti gambar dibawah lalu save dan selesai..
Membuat Gambar Gif Sederhana

Bagi yang ingin mendownload file psdnya silahkan klik link di bawah

GIF.PSD

Blogger (0)
Disqus