Tutorial Buat Banner Kelip-Kelip/Bergerak Cara Simple
Salam semua blogger tersayang. Kalau korang tengok entry sebelum ni kan pasal banner cik tom. Ramai yang bertanya kat cik tom macam mana cara nak buat banner kelip kelip/ bergerak macam tu. Kalau sebelum ni bertanya ramai yang cik tom bagi link tutorial dari wan hazel. Tapi cik tom kadang-kadang ada masa tak sedar pertanyaan yang ramai tanya kat shout mix je. So nak mengelakkan dari pertanyaan yang tak terjawab cik tom cuba buat tutorial sendiri. Tapi untuk memudahkan korang faham lagi, korang boleh jugak tengok tutorial wan kat SINI.
Step 1
Open ” photoscape” dan klik pada menu “ icon editor” seperti gambar di bawah ni.
Step 2
1: Untuk korang amik mana gambar dari folder mana yang korang simpan dalam pc/laptop
2: Lepas korang pilih folder gambar, kat box no 2 ni akan view gambar di dalam folder tue. Korang just klik je pada mana-mana gambar yang berkenan.
3: Lepas klik gambar yang korang suka, akan preview kat sini gambar tue. Apa-apa hasil yang korang tambah akan di preview di sini.
Step 3
Klik sama ada “Home”/”Object”/”Crop”/”Tools”. Tapi dalam tutorial ni, cik tom just guna “Object” je. Korang yang lebih kreatif dari cik tom boleh mencuba menu yang lain untuk hasil yang lebih cantik.
Step 4
Lepas klik “Object”, korang klik kat symbol “T” untuk edit masukkan huruf yang korang suka. Contoh: tomato. Lepas siap edit huruf, korang save dan letak didalam folder yang senang korang nak cari macam dekstop. Save guna nama yang berlainan ye.
Step 5
Lepas edit huruf, korang klik pulak icon gambar seperti dalam gambar di bawah dan masukkan gambar yang korang suka. Contoh: masukkan rumah tomato. Dah siap edit, korang save lagi guna nama berlainan tau.
Step 6
1: Klik menu bar “ Animated GIF” di atas tue. Lepas klik akan keluar seperti gambar di bawah. Untuk pilih gambar dari folder mana sama seperti di dalam Step 2.
2: Korang tarik gambar dari no 2 ker no 3. Satu persatu mengikut turutan mana yang korang nak gambar tue kuar first hinggalah last sekali.
3: Akan preview susunan gambar yang korang pilih
4: Preview hasil gabungan semua gambar di no 3.
5: Menu untuk korang adjust untuk banner kelip-kelip kat “change time” (masa banner tue berkelip), “change effect” (gaya effect banner tue akan keluar) dan “set canvas size” (untuk adjust size banner)
6: Siap dan save gambar tu.
Untuk gambar animation cam banner kelip-kelip ni korang tak boleh upload direct dari pc/laptop. So step seterusnya korang kena upload dulu banner ni di photobucket or apa-apa lagi jenis tempat storage gambar. Lepas dah upload tue korang guna url image yang diberi oleh website tue baru korang boleh upload di blog.
p/s: Harap korang faham dengan gaya tutorial cik tom ni. Yang penting korang kena rajin try and error buat banner supaya cantik. Selamat mencuba 🙂
Credit: wan hazel
Sharing is caring
pandai Cik Tom
ohyeahh ini mcm lhhh
photoscape tu ape cik tom?
nak cari kat mana benda tu?
siyes tak tau..
download kt sini >>> http://www.photoscape.org/ps/main/download.php
Jom baca entri terkini Shafizza …Terpaksa~
thanks ye sha 😉
oo..echah suka edit guna phtoscpe…sbb adobe leceh sikit..heheh..tp xtau lak bleh wt banner.thks cik tom:)
baik hati cik tom ek…nati nk try la buat..photoscape ni senang nak edit gambau…tq
wahh..leh dicuba nie..ingatkan pakai software ape…kalau photoscape, ok je..leh try..
thanks cik tom..;)
pandainye cik tom buat tutorial ni..nanti free nk try la, photoscape memang dh ada, byk jugak fungsi photoscape ni ye, tp tak pernah godek2 benda ni selain edit mengedit..hehe
aallollooollllooo…tq tq…akak ader software ni,tapi tak banyak tau kegunaannya..cuma untuk edit gambo jer…dah tau ni,nak cuba wat laa…
bagus bagus, hihihi, senangkan? photoscape memang bagus n simple 🙂
@eda: biase je yunk..kalau eda cuba ni lagi pandai 🙂
@kila: yup..ni macam jaa…
@diana: akak..photoscape tue software edit gambo…kalo nk download klik kat link yang cik tom bg dlm entry tue..senang je…
@echah: dah tau ni boleh cuba n exchange banner ye yunk 🙂
@sarah: yup akak…memang senang compare ngan photoshop..huhu
@adah: yup gn ni senang..slmt mencuba adah 🙂
@sweetsal: percubaan wat tutorial untuk kawan2..kalau ada tak faham boleh tanya 🙂
@cikgu nurin: selamat mencuba akak..try n error ye..huhu
@azura: yup memang senang..
picnik n photoscape mmg best! hehe..
rajin cik tom buat tuto.. keep it up. up..up.. and away.. hihi
nice tutorial..
sop biasa buat guna photoshop 🙂
@yaty: photoscape mmg best!!hihi…rajin buat tutorial bl ada yang tanya..kita kena share ilmu yang ada..baru bertambah berkat..hehe
@sop: sop takpe pandai guna photoshop..ciktom just guna software photoscape sbb simple..
nak buat banner tapi idea tengah xda..haha.
apa pun tutorial yg baik
oh, cik tom pakai photoscape je. hehe. senang lah gitu. comel je dgn tomato cik tom tu 😀
@budak nakal: jom la buat banner..leh exchange 🙂
@poyaty: yup yunk..pakai photoscape je..jom buat bannner and exchange 🙂
salam cik tom…. tima kasih sbb sanggup kongsi cara buat banner gerak ni… kalau tak wanzi tak tau…..
ouh alahai. selama ni rajin guna photoscape tak tahu pulak.huhu
cik tom..akak dah try photoscape tu..
best jugak ye edit2 gambo..
sebelum ni tak tau ape pun..
heheh..malam ni tak de entry baru la..
akak sibuk main2 photoscape..
hahahhah
Peewit ~ Clap2 (Tepuk Tangan) entry baik punya.. terima kasih cikgu.. hehe..
wah ade tutorial dah cayalah slmt berblog cik tom =)
@wanzie: sekadar share ilmu yang ciktom dapat dari blog wan hazel..selamat mencuba ye 🙂
@macy: tue la dulu ciktom pun tak tahu..so dah tahu ni boleh la cuba ye 🙂
@diana: tue la akak..kalau dah tau memang best guna software ni..akak boleh edit gmbr family akak..hihi..application pun senang..
@aretikz: percubaan je ni..hehe..tepuk2 tangan je..cubala sekali 🙂
@missXYZ: share ilmu yg ade ni miss bila ade yang tanya 🙂
Yeah..
Aku ade photoscape..
X yah nak download lg..
Thanx cik Tom..
@tieah: dah ade lg senang…jom buat banner kita exchange ramai2 🙂
salam..
thanx ekk sebab sudi tinggalkan komen kat entry HLN.sory lambat balas kunjungan. busy gila baru2 ni.
bagus tutorial ni cik tom!. 🙂 mudah nak dibuat.
p/s : mahu kekal langsing?? jom tengok advertorial pertama anna boleyn untuk tahu rahsianya!
http://hanalovenest.blogspot.com/2010/10/rahsia-kekal-langsing-u-must-read-this.html
whoaa!!!
senang jer rupanyer…
nak kene try cepat2 nih…
hee…
@anna: takpe2..cik tom faham..baguslah kalau anna rasa tutorial ni mudah difahami..hihi…
ok nati ciktom singgah ye yunk!
@belalang: jom cuba dan buat banner baru..huhu
cik tom hebat..cayalah!!
@qu aniza: takde la hebat..biase je ni..budak baru belajar 😉
thanx cik tom..baru taw..BG ade photoscape gak..tp xtaw gne..
dah buat..tenQ3…
@budak gemok: sori tak sedar ur komen sebelum ni..hehe..so, dah tahu boleh la guna kan 😉
@baby yats: tahniah berjaya buat banner 😉
ehhh.. ade gambar nufa kt situ.. hihihi
@Nufa Yusof: sedar je ada gambar nufa ek..hehe…nufa comel!!
tengkiu cik tom…. 😀
ohhh camtu rupa nak buat..skang da tau…tq untuk infO yg dikonsi…:D
bagos jugak tips nie..tekiu2:D
cik tom bee dah buat,macam mana nk letak link ke blog kita pulok?
memang senang kan buat banner dengan photoscape ni!
cik tom mekasih ajar…
lagi 1 jijah nak tanya…lau nak buat header leh tak pakai photoscape…
lau boleh harap mintak tolong ajar jijah ya…
mekasih cik tom..
@honeyvsbee:
https://www.ciktom.com/2010/11/tutorial-masukkan-coding-dalam-entry.html
@ Cik Azizah: boleh je..tapi header yang biasa bukan yang jenis transparent…cik tom xboleh janji lg bila dpt ajar…tp insyaAllah cik tom akan cuba ajar bila berpeluang..
Patotlah bile buat takjadi. Thanks anyways ! 😀
cik tom.. nak tnya nie.. lepas da siap wat banner tu.. mcm mana nak masukkan ke dalam blog?
@are-nisa:lepas dah siap banner…upload kan gmbr ke website storage macam photobucket.com atau imageshack.us..
lepas upload..copy url image yg diberi…kemudian boleh masukkan code banner…utk code banner boleh belajar kt sini;
https://www.ciktom.com/2010/11/tutorial-masukkan-coding-dalam-entry.html
em time kasih…..
entry nie mmbantu sgt…
hehehe
Thanks dear…! dah lama cari tuto yang ni.tyvm ye.:D
tq cik tom.. bagus sangat tutorial ni ,5 star!
terima kasih cik tom…sy memang dah lama cari tutorial nak buat banner bergerak ni… seriously, tq cik tom ^_^
Jom baca entri terkini SyafzMagz …Tutorial Cara Memasang Tab pada sidebar
sama2..kita kena saling bantu membantu dan tolong menolong…thanks untuk tutorial tab pada sidebar ye…
terima kasih sesangat, cari ni la selama ni~ huhu tq
Jom baca entri terkini imransyakir …Juvana episod 3
sama2..selamat mencuba ye 😉
Cik Tom , saya dah save sume tuhh kat photobucket . Bila saya nak uploadkat header blog , bende tu menjadi , cuma kecikk aja . rASanya panjang pendrive , cmne jadi gitu yer ?
datang dari blog Odahone.
Baru nak bina blogshop
so ini sangat2 membantu
terima kasih cik tom..saya dah ade satu banner kat blog hasil ajaran cik tom *wink*
hehe…cik tom da besh lar….wuwu da wat…cntik…thanx ye cik tom……………..
Jom baca entri terkini Babywuwu …Header Aku….!
Wahh cik tom ! Kelaaas kau cik tom ! Thanks a lot sbb create tutorial ni . Lama dah nak tau , finally dpt jugak ! Tatau pulak guna photoscape pon bole create flash pic . Thanks again cik tom ! 🙂
p/s : BANNER cik tom ade at blog saia ! Jom lahh visit ! 🙂
http://adibsblogsite.blogspot.com
Jom baca entri terkini Adib Asyraff …KERANA Doodle II Adib Lagi Comel .
sama2..ciktom dah copy banner adib dan masukkan dalam banner exchange
jadi lah cik tom .. terima kasih yee..
sama2..tahniah sebab berjaya buat 🙂
Wah!! ada tutor Banner…hihihi boleh try buat…
Jom baca entri terkini Cik Rose Cute …Efek Contact Lenses
selamat mencuba tutorial buat banner ni 🙂