Software : adobe Photoshop CS3 – CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.
By Request : Saya bikin Tutorial ini karena banyak yang request.
Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..
Pembuatan animasi di photoshop ada 2 cara :
1. Import Langsung dari layer ( Make frame from layers – buat yang udah EXPERT )
2. Manual ( ini khusus buat menggerakan benda aja)
Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..
Pertamax.. hehehe buka dokumen baru :
Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black
Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..
Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..
Kalo ngikutin nya bener … jadinya kayak gini ..
Sekarang kita gerakkan Bola nya..
Klik Windows > Animation, maka muncul Animation Bar..
Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..
Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..
Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..
Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.
Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..
Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..
Klik tombol Play.. Kalo udah Ok save di GIF..
Klik File > Save For Web and Devices
Hasilnya :
Selamat Mencoba…
wah ka sigit tutorialnya keren abiss, thx lohhh,, kebantu bgt, ^^
5 jempol deh heehe
waaahhh
ilmunya thanx banget yaaa….
klo pke foto d’bwt animasi gerak gtu bsa ga??
Wah mas asyik juga ni idenya. thank infonya. saya coba langsung……
makasih ya… keren bgt nich
nnt ak jajal deh
ak mau tanya nich
ada gk sih… program yg dari foto asli kita jadi di buat animation ?
gila abis bro, aku suka banget
kak..,bagaimana caranya agar photo kita yg bergerak…
makasih yah kak….
keren abis maz thanks ilmu nya neh….
sering2 bebagi ya mas
om, aku kok nyoba gerakin tapi yang gerak semua frame??
makasih om..
eh salah, aku pake gambar, nah frame yg laen ada yg mw diubah, mw diapus sebagian. kok yg keapus sebagian malah semua frame om???
makasih ^^
ok mas. eh klo buat yang text gmana caranya mas
tolong di bantu dong
mas tolong sya….sya kan dah ingikutin..semua lngkah nya…
tapi pas mau ngeluarin animation bar kok g kluar ya??animation bar nya…aku pke cs3..
tq tolong di bals ya…ato g ada email,,mas biar aku bisa nanya2…trimakasih
yes udah bisa keluar…….
setelah berusaha….akhir nya….
yessssss…mas tapi aku masih mnta email nya ya!!
nih mail aku “tua.nakal@yahoo.co.id”
aneh ya nama nya email nya..hhehe
krennnnnn…
bs d aplikasi kan utk yg lain tuh…
tx
Bang… trims tutorialnya sangat inspiratif… saya buat tutorial yang sama dengan memakai gambar ikan di blog saya
Tukeran link dong Bang, aku sudah pasang ling ke blog nya Abang
nama situs: Serba Serbi Inspirasi
tambah ilmu dah yang tadinya edit2 foto sekarang bikn gambar gerak….
thanx bnget ni mas dah mau berbagi ilmu,, : )
tapi kenapa ya mas animasinya agak lambat, trus pecah2 gtu, soalnya saya pke program photoshop cs2..??
bro ….
gak bisa noxxxxx
pke photoshop cs brapa sih ?????
wah,, thax yha ilmunya mas….
nuwun banget mas ilmunya
bang kenapa ya setiap saya simpan gambar GIF pake photoshop selalu ga bsa gerak, mohon bimbingannya. mksih bang
kaya giman bikin animasi dengan photoshop adobe..
kang, kenapa ya pas bagian pemindahan bola secara manual (dipindahin) bola yg di bagian satu juga ikut pindah?
terimakasih kang atas petunjuknya
Rumiiit
HADUH PAK…
SAMPE kehabisan kata deh saya.
13 thumbs deh buat bapak!!
Lanjutgan!!!!
keren sih~
cuma gw coba berkali2 gagal…
emang ga bakat kali yah T_T
trima kasihhh taz artklnna
kren ka…
nah aku baru belajar akan aku coba semoga bermanfaat ya
wah imaging …saya sangat terkagum
terimakasih untuk petunjuknya, saya sekalian bertanya neh, tempo hari saya pernah membuat animasi dengan photoshop tapi stelah diposting ke blog saya (wordpress.com) animasinya tidak bergerak. jadi masih kaya jpeg aja…
mohon bantuannya gimana caranya biar bisa diposting dan berfungsi sebagai animasi.
@chevenk : formatnya apa ? GIF kan ?
kak, saya pake w7 ultimate, tp instal photoshop gak bisa”
dari yag cs 2 3 4
gak bisa
knp yah?
@fatih : hmm.. sebenernya saya blom pernah pake W7 .. tapi saya coba pandu.. hehehe.. sok tau ya.. coba pas install klik kanan di setup.exe nya lalu pilih run as administrator .. mudah2 an bisa
om..kok punya ina photoshopnya toolnya nggak lengkap..??
owhh..
ribet mw blajar deisgn saya
nanti saya coba om
hehe
makasii yah ,
informasinya sangat bagus…makasih.
Tolong dong kasi tahu cara buat gambar yang berubah-rubah header (kepala) halaman blog…makasih sebelumnya
wuih membantu buanget mas ,makasih ya
terimakasih banget atas semuanya,ane termasuk orang yang baru tahu ,pokoke makasih sukriyah
wah… thank bgt om.. jadi lebih tw tentang phooshop… setelah saya ciba ternyata mantaff… bgt… skli lg makasih…. lain kali buat trik yang baru lg..om.!
kak,,,,,,,, makasih ilmunya
bgus 3x……,w ska tu animation`y
om sigit..cara gerakin bolany gmn?koq pas aq move bola di layer2..bola di layer1 ikut pindah
apa ada setingan yg salah?bantuin aq donk om sigit
Pliss…,.,TT_TT)
mantap jg
saya sudah save sebagai GIF tapi kok gak gerak ya?
Terimaksih,
saya sudah bisa buat animasi manual
wah…..
bagus baget mas
wahh mantappp akhirnya ane bisa bikin animasi pk photoshopp..
thx yah