Thursday 12 March 2009

tutorial buat banner bergerak (lanjutan tutorial sebelumnya)




wedeww...posting lagi aahhhh.....
baidewei..ini lanjutan tutorial buat banner yg udah di posting kmaren...
(sebenernya gak pantes disebut tutorial krn yg ngajarin cara buka file gif pake Image Ready juga 3sna..)hehehe
tetep dedicated especially 4 :

3snahouse
3snahouse
berhubung cara buat dasaran pink udah dibahas kemaren....maka dalam tutorial ini langsung dibahas cara memasukkan gambar bergerak kedalam banner dasar yg udah kita buat.
hokeehhh..kita mulaiii...
  • siapkan banner pink bergaris yg udah kita buat kmaren (gambar1)
  • bongkar file gif yang akan kita masukkan ke banner dengan cara, klik kanan file *.gif > Open With > Image Ready (gambar2)
  • simpan gambar *.gif (yang udah dibongkar) menjadi goyang2muter.psd sesuai (gambar3)
  • kembali ke dasar bannerpink yg udah disiapin tadi, sekarang buka file goyang2muter.psd hasil dari proses pada point sebelumnya (file ini punya 9 layer) dan lakukan "copas" ke layer baru pada bannerpink (gambar4).
  • ulang proses diatas untuk layer ke 2-9 seperti pada gambar5, hasilnya sesuai gambar6 (terdapat 9 layer baru pada bannerpink yang berisi layer hasil "copas" dari goyang2muter.psd).
  • buka file mashimaro.gif dengan klik kanan > Open With > Image Ready (gambar7), dan simpan ke format *psd (gambar8) *disimpan jadi mashilari.psd*
  • kembali ke bannerpink, buka file mashilari.psd dan lakukan proses copas layer seperti sebelumnya (gambar9)
  • lakukan free transform (ctrl + t) pada masing2 layer hasil copas dari mashilari.psd sehingga diperoleh efek gerakan mashimaro berjalan (gambar10).
  • lakukan duplicate layer pada layer mashilari1 - mashilari 4 dan beri nama berbeda (dalam hal ini "mashilaribalik1-5). lakukan free transform (ctrl + t) pada layer mashilaribalik1-5 hingga diperoleh kebalikan / pencerminan dari mashilari1-4 (gambar11).
  • tambahkan layer2 lain berisi dekorasi (termasuk gambar Vic zhou pake baju kelinci), tampilan lengkapnya seperti pada gambar12. simpan dan pilih edit with Image Ready.
  • pada gambar13a, masih terdapat 1 frame animation, atur tampilan tiap layer seperti pada gambar13a.
  • lakukan penggandaan frame animation menjadi 9 frame (kita pakai 9 frame karena 2 gambar bergerak *mashimaro & cewek muter2* yg sudah ada di banner tadi sama2 memiliki 9 layer), aktifkan frame 2 dan atur tampilan layer seperti pada gambar13b.
  • lakukan proses setting frame seperti diatas pada frame 3-9 sesuai dengan gambar13c - gambar13i. jangan lupa mengatur durasi per frame menjadi 0,1 sec.
  • langkah terakhir, lakukan save seperti pada gambar14. dan hasil dapat dilihat seperti pada bannerpink(tut).gif.
daaaannn...akhirnya sodara2...
inilah tutorial seadanya dari saya..
buat eneng, semoga puas...heheheh
kalo ada yag kurang jelas, saya minta maap....
semoga berguna..amiienn

67 comments:

  1. waduh om baca nya pelan biar nggak salah ...?

    ReplyDelete
  2. intruksi na hahhah
    pake photoshop ya om .....?
    nggak pandai" tu ag pake itu tahu kenapa ...?
    selalu nya pake photo impact .nggak terlalu berat buat nubie

    ReplyDelete
  3. hueheheh..
    samaa...Q juga gak sebrapa bisa..
    ni udah kemampuan max seorang Mupengml...
    baidewei...
    layout ente baguss...
    cara naro counter diatas headshot tu gmn?

    ReplyDelete
  4. hheeh tu om DK yang ngajairn :http://trickmp.multiply.com/journal/item/150/Tips_memasang_Flag_Counter_dari_flagcounter.com_di_Rail

    tapi flagcounter . tadi pas ku coba heheheh jadi ketahuan kalo punya nggak tersohor kayak ponari hkkiki ku ku ganti dengan counter nya doang ...!
    masih kurang sempurna entar tanya sama om DK .
    page nya dalam perawatan ye ...* hkikik*

    ReplyDelete
  5. huhehehehe
    siipppp....
    tak coba ahhh...
    tadi malem nyoba improve..tp gagal..
    kepentok batasan 50 character di profile..heheheheh

    ReplyDelete
  6. bacanya mumet hehehe.
    selamat atas tutorialnya yaa...

    ReplyDelete
  7. huheheheh..matur nuwun
    maklum...masih debutan Om...huhehehehhehe

    ReplyDelete
  8. Hiks.. akyu binun bacanyah, kan dah tau diriku gaptek gila..
    Tar mupeng bikinin ajah buat aq yah.. yah.. *elus2 mbem mupeng*

    ReplyDelete
  9. jahhh..lha emang mupeng gag pnter buat tutorial..
    nyang request ajah masiy nanya lagii....huheheheh
    ampyuun dechhhh

    ReplyDelete
  10. xixixixixixi.. nda ah, mupeng pinter kok
    justru krn ada kalimat2 becandanya..nda 100% serius..jd lbh enak bacanya
    kek wkt mupeng bikin tutorial buat N80 aq..gampang dimengerti kok
    tetep cmangatt ya chayank.. *ciyumm mbem mupeng*

    ReplyDelete
  11. hallah, xixixixixixixi
    tp akyu cedihh, dedicated especially nyah bukan buat aq lagi, hiks hiks

    ReplyDelete
  12. jaahh...pan yang request 3sna...
    jd y especially 4 her dunk

    ReplyDelete
  13. hiks, klo gitu aq jg mo rikwes ahh.. spy dedicated especially to me...

    ReplyDelete
  14. siyap bule'...
    *ambil posisi hormat*

    ReplyDelete
  15. wedew... mmm.. mo rikwes apa yakz... oia, bikinin toolbar buat emo onion nyah mupeng doong

    ReplyDelete
  16. toolbar?
    wedeww....syusyahhh...
    mupeng blom bisa...gag tau caranya..hikz
    maren2 kan udah request ntu...

    ReplyDelete
  17. wedew, jd aq rikwes apa doong ?
    jd binun.. padahal kan aq pengen rikwes, hiks
    mmm... oia, gmn caranya spy layout aq bs senarsis mungkin tp nda norak *gubraaks*

    ReplyDelete
  18. wah2..
    tulisin aja tuh bannernya..
    "welcome 2 biutipul &jorjus girl's site"
    hehehehe

    ReplyDelete
  19. klo cuman ditulisin mah muka akyu nda keliyatan doong, hiks *ngaca*

    ReplyDelete
  20. jahhh..ntu pan udah pasang badan di banner..
    masiy kurang y bule'?..ihihih..bner2 narsisss..

    ReplyDelete
  21. wedew....brarti harus pasang wajah kedip2 diatas banner ntu yach...huheheheheheh

    ReplyDelete
  22. waks, gut idea tuw.. xixixixixixi
    chayank bikinin akyu yaa.. *kedip2 pengen*

    ReplyDelete
  23. poto kedip2nyah ada gag?
    kalo ada cini tak buwatin..
    tp gag janji bisa sebagus yg pinte maen potosop, soalna Q masi nubi..

    ReplyDelete
  24. makasih ya tutorialnya,, kapan2 aku coba..

    ReplyDelete
  25. wadowww..Om maap nie..gw ko lom bica cie..ini gambar No 2.open withnya kan byk pilihan,,pake yg apa nie Om...?

    ReplyDelete
  26. tuw kan keliatan boz..open with Image Ready (tuh software bawaan adobe Photoshop)

    ReplyDelete
  27. Seneng ajah ada yg panggil mupeng 'om', xixixixixixixi

    ReplyDelete
  28. iyyah..udah jadi tuwir neeh....udah punya banyak ponakan...kekekkeke

    ReplyDelete
  29. muka pengen,,, oieiewywur..

    mksh ia tutorialnya ,, kpn2 aku buat dehhhhhhhhhhhh

    ReplyDelete
  30. hihii..agak rumit memang...tp dicoba aj dulu

    ReplyDelete
  31. makasih ya moga tambah oke blognya

    ReplyDelete
  32. coba si vic-nya loncat-loncat~ XD

    salut mang, 'rajeun' bikin ginian~

    ReplyDelete
  33. dijamin para cewek langsung ngejabanin thread ini dan minta dibikini versi cowok ganteng lainnya *tepok jidat*

    ReplyDelete
  34. sayang banget..padahal "ehe" banget loh...

    ReplyDelete
  35. uopooo 'ehe'...
    error lagi empeh, sayah gakbisa masuk my site~
    *nunggu maintenis dengan gambar

    ReplyDelete
  36. yaaaa..pokoke "ehe"...:P
    lhe??? gak bisa ke maisait?? trus piye???

    ReplyDelete
  37. bisaa~
    lewat my account-customize site... la la la ~ ♫ ♪

    ReplyDelete
  38. oalaahh tujuane cuman ngedit site toh...*manggut2*

    ReplyDelete
  39. gambar sebelumnya bikin pusing mata ketoke, jadi ta ganti key note musik :)

    ReplyDelete
  40. Ealaaahh.....gak jadi rumah jeyuk lagi dong yah

    ReplyDelete
  41. *ngeliatin*....trus yang dansa sopoo??

    ReplyDelete
  42. yg kejeblos kesitu~
    dansa ala tuzky XD

    mau tambah musik tapi ntarnya berat eung~

    ReplyDelete
  43. tambahin aja playernya, urusan mau dipake atau enggak kan terserah pengunjung, kalo pengen make' tinggal tekan "play" :D
    jadi gak akan bikin berat loadingnya kalo gak di play

    ReplyDelete
  44. musiknya ntar di-set for everyone gitu...
    uummmm... =3=

    ReplyDelete
  45. iyeess...jadi tinggal posting music dewe trus di share playernya di luar...jadi dehh :D

    ReplyDelete
  46. bikin playlist random dari yg udah diaplod gimana?

    ReplyDelete
  47. setau sayah sih tinggal bikin album music baru saja yang isinya lagu2 yang pernah diupload..tapi gak bisa random..... :(

    ReplyDelete
  48. bikin album musik baru tanpa unggah lagu gimana?
    sayah mah tahunya milih random lambum yg udah ada, terus diedit gitu deh~

    ReplyDelete
  49. dulu ada kok tutorialnya.....kang juring tau deh kyknya....
    coba upload file playlist aja...kyknya ntar bakal jadi music kosong deh....trus bisa bikin baru deh...

    ReplyDelete

"berkatalah yang baik atau diam"