05 January 2012

Membuat animasi dinamis dengan photoshop


Jumpa lagi kawan…
sekarang saya akan membuat toturial animasi dinamis dengan photoshop..
Sebelumnya saya udah pernah bikin toturial Membuat animasi statis dengan Photoshop...
tapi kali ini beda...

kita langsung aja ke tahap awal…
pertama… buka Photoshop kalian..
kli file new…
ukuran kertas bisa di sesuaikan dengan keinginan kalian…
klo saya pakenya ukuran 500x500 px…

setelah itu,,
kita bikin bingkainya dulu..
(ini Cuma untuk variasi.. klo gg di bikin juga GPP.)
pertama bikin rectangle dengan Rectangular Marque Tool (M) seperti ini…

Setelah itu klik “select >> inverse” atau “ Ctrl + Sift + I “..  sperti ini…

Lalu.. warnailah selection tersebut dengan warna biasa atau pake efek gradasi juga boleh..
Nah.. untuk menghilangkan garis putus’’ nya.. klik Ctrl + D..
sekarang kita sudah punya bingkainya..
tinggal bikin objek nya yang mau di bikin bergerak…
kita bikin yang simple ajaa…
sprti lingkaran…

Tapi sebelumnya buat layer baru (Ctrl + Sift + N) >> enter…
kita bikin lingkaran di sebelah tepi kiri bingkai, dengan menggunakan elliptical marquee tool..
untuk membuat lingkaran agar simetris, drag mouse sambil menekan tombol “Sift”…
setelah itu tinggal di waarnai..
Ingat untuk menghilangkan garis putus” digunakan Ctrl + D

setelah itu lihat di animation bar…
kalian pasti sudah tau cara menampilkan animation bar …
Karena sudah ada pada toturial photoshop sblumnya

nah di sana klik duplicat selected frames..
lalu akan muncul frame baru, yang sama dengan frame sebelumnya…
kyk gini nih…



pindahkan posisi bola pada frame 2, menjadi di bagian atas..
lalu klik “tweens animation frames”..
pada menu pop up yang muncul buat angka  “5”,..
lalu OK..



Setelah itu lakukan hal yang sama dari duplicat selected frames sampai “tweens animation frames”..
tetapi ubah posisinya menjadi ke kanan, ke bawah, dan kembali lagi ke kiri…
paham??
kalo kurang paham nnti di comment ajja…

maaf nih saya koreksi sedikit…
sebelum di play ganti waktu pemutarannya menjadi 0.1 sec..
seperti ini…



Lalu di coba play…

nah untuk save nya pake save for web and device…
caranya udah ada di toturial sblumnya..
Beres khn?
semoga bermanfaat terimakasih…
maaf kalo toturialnya kepanjangan..
tapi bginilah adanya…



By : Dalung'Grafis'Shop™

2 comments:

  1. Gan, kalo buat corel ada ?
    Photoshop ane expired :D hehehe

    ReplyDelete
  2. Maksudnya bikin animasi pake corel??
    kalo kyk gt gak ada sob...

    ReplyDelete

ans!!