Aku kasi contoh gambar bergerak kat bawah ni:
......... Animation 1 ................... Animation 2 .........
Apa yg diperlukan mula-mula mestilah kena ada software Adobe Photoshop. Sesiapa yg belom ada boleh download kat sini, free jek. [Download Adobe Photoshop CS3].
Tutorial utk buat Animation 1:
1. Run Photoshop pastu klik kat "File", pastu pilih "New". Pilih lebar dan tinggi image yg anda mahukan. Ikut seperti gambar berikut:
2. Pastu klik pada "File" dan pilih "Place..". Pilih gambar yang anda mahukan dan tekan "Place".
3. Ulangi langkah 2 untuk masukkan gambar ke 2 dan seterusnya..
4. Gunakan "Type Tool" utk membuat tulisan pada gambar.
* Sekarang, gambar yg anda mahukan semua dah ada. Tiba masanya utk gerakkan gambar-gambar tu.
5. Pastu klik kat tab "Window", dan pilih "Animation". Set masa frame tu kpd 2 saat. Pastu klik "Duplicate frames".
6. Akhir sekali untick pada salah satu layer gambar. Klik ikon "play" utk lihat hasil pergerakan gambar.
7. Save gambar tersebut di tab "File", pilih "Save for Web & Devices"..SIAP..!!
Tutorial utk buat Animation 2:
Ulangi langkah 5. Tapi langkah tu diubah sikit jadi camni:
5. Kat "Animation", set frames kpd 0.1 saat dan pilih "Duplicate frames. Pastu klik pada "Tweens animation frames".
6. Set frame 1 dan 2 kepada 2 saat. Klik ikon "play" utk lihat hasil pergerakan gambar.
7. Save gambar tersebut di tab "File", pilih "Save for Web & Devices"..SIAP lagi skali..!!
Amacam, senang je kan? Dah siap korang boleh la letak kat sidebar blog korang. Ngehh.. Jumpa lagi kat tutorial photoshop akan datang. Adiossaa...
*Sila 'LIKE' dan 'SHARE' Jika Anda Suka Posting Ni..=)
nice la bro, ramai x tau photoshop ni leh wat pix animation
hehe.. bro.. kalau hang pandai edit pic pakai GIMP, share la tutorialnye :D
@suffer8zine
yeke..beza la ngn aku..aku tau animation je..edit2 gambar aku tak pandai. hehe..
@IKRAM
GIMP tu pn aku tak tau natang ape. camne nak share tutorialnye..ahaks..
gua takda Adobe Photoshop.
sob sob.
jejaka terhangat... tq sbb sudi ajar...
yahhhhhhh itu dia tutorial dtg lgi!!!!!!!!
p/s lame gilak xbkak ps nih
@cik elina
lu mau pening pale ape lagi..kan wa dah kasi link downlod photoshop tu..free jek..
@Muhammad Burn
no problemo la bro..ada ilmu sket ape salahnye kongsi kan..=)
@tsaicoutic tranmorphersys
ehh..datang lagi? kan baru pestime JT buat tutorial PS ni. haha..len kali baru buat lagi. nantikan yek..
kalau guna flash reti tak weh ?
adobe ain prob.. kena tggu 2 minggu lagi, baru boleh install de new adobe ngee!
Nice sharing JT.. Thanks ehh.
makin ramai yang sayang JT sebab tak lokek ilmu :)
@touya
aku tak reti pakai flash la kamen rider touya..software dia pon aku carik tak jmpe. nk beli mahal. hehe..
@Cik Aien
eh, cik ayen tak donlod kat link yg JT kasi tu ke..tak payah install pon bleh guna..
@Amyna
same2..hope tutorial ni berguna..pasni tutorial lain akan menyusul. ngehh..
@IN
haha..ade ke orang syg JT..ada ilmu apa mau dekut2..lg pn tgh rajin, ape salahnye share. hehe.
jejaka, abg ain suh tggu dier.. hehe :) cik ain dh buat, dh downlod, tp cik ain ni kena ade orang kt sebelah baru bnda tu jadi :)
@Cik Aien
okey..no problemo..kalo ada masalah pape tanye je.=)
nice tutorial bro
kalau banyak mencuba di ps ni ,macam-macam kita boleh buat
@wazy
btol sgt tu bro..tutorial ni kira paling basic la. amik masa sket je godek2..nanti pandai la..
nice sharing..
sekarang i tahu n sekarangggggggggg gak i nak buat pastu nak letak dlm blog..hehehe
byase gne flash jew.. ;)
Assalamualaikum,bro nice toturial... :),ayie baru nak berjinak2.. dengan photoshop :)..
@Nurulbadiah Lai
wahh..tak sabau2 dia ek. hehe..pasni bleh la tgk gmbar gerak2 kat blog cik Nurul..=)
@MoHaMaD KhAMarUL
hehe..nanti aku blaja guna flash plak..=p
@AyieBlog
thanks..brader ayieblog lebih pandai guna illustrator drpd photoshop kan?
yeep.. boleh sikit2 :).. banyak perkara kena belajar... terutama pen tools... :).
wow.. dah lama godek photoshop tapi xpnah tau.. sob3.. TT_TT
btw, tenkiu2..
@rubi @ cawan2
rugi tak tau psl ni..hehe..tp takpe, skrg dah tau kan..and same2..:)
@AyieBlog
nanti bila2 blog tutorial ilustrator dah siap kasitau la yek..nak blaja ilustrator gak.hehe..
asfz guna adobe 7..
xleh wat animation ek :(
hehe.. GIMP lebih kurang cam photoshop jugak.. memang sama fungsinya.. kalau photoshop berat sangat, kalau gimp sangat ringan.. hehe.. kalau saya pakai photoshop, nak masukkan gambar yang nak di edit tu tak boleh, sangkut..
last post:
visitor macam mana nak kira?
tingkatkan visitor anda dengan mudah
7 site ping paling bagus
wow..thnx jejaka terhangat..baru tau adobe blh main2 wat animation jugak..
slalu edit2 je..huhu..
thnx for the info..
baguih dok ada..boleh aku try sat lagi..tq for sharing
ta tau na bwat animation gne Ps, slalu gne photoscape je.. lepas ni nak cube ahh.. mekaseh JT :D
bestnya tutorial ni,
Salam JT, nk tye skit...tuk save tu,
save as type HTML & images ye??...then,setting ape plak ye...sbb bile dah save dia xgrk2 pun..statik je...den bile nk ltk dlm blog x ley...mcm mne ye...sori...bdk bru blja..(#,#)
waalaikumsala Hamba Allah..
masa nak save, amik pilihan "Save for Web & Devices"..nanti dia akan save file tu jadi format GIF..format tu yg kita mahukan..
masa nak letak kat blog, masa "new post" tu, upload je gmbar tu mcm biasa..try dlu ea..=)
p/s: kalo tak gerak, try test kat browser lain, gerak tak. kdg2 browser prblem..
fuhh !
sudah seabad lamenye aku mencari tuto nih.. mekasih JT atas keinginan utk share.. lebiu lah ! awww~♥
thank sbb sudi share.. ade x yg new versi cs5?