1 December 2011

Tutorial : Header GIF/Flash macam Kihah

Assalamualaikum dan Salam sejahtera.

Acctually, banyakyang request tutorial ni. Sorrylah sebab lambat. Hehehe. So, lets start! Anyway, Thanks to Qay for the BI tutorial :D Kihah suruh korang ikut tuto kat Qay sebab Kihah malas nak buat tuto. Hahaha. But, diorang kureeengg paheemm bahasa Inggeris. So, Tutorial ni dalam Bahasa MELAYU :>

Bahan-Bahan untuk memasak buat header GIF.

Cara-cara untuk memasak buat header GIF

1. Buka Photoshop, tekan Ctrl+N atau File > New. Namakannya HEADER dan, kalau nak transparent, amik Transparent. Width dan height ikut suka.


2. Tulis je apa-apa/tajuk header korang (tengok gambar). Kihah letak Faqihah Husni je. Nak tulis Welcome to My Blog pun boleh. Ikutlah.


3. Buka background/bokeh yang ada suka. File > Open > Pilih background/bokeh yang korang punya.
4. Selepas itu, dongak atas, tengok bumbung rumah korang sebelah File, tekan Edit > Define Pattern. Tengok gambar bawah ni.


5. Yeay! Kita dah selesai tetapkan pattern. Sekarang, anda boleh tutup tab tu kalau rasa menyemak :p LOL
6. Di Tab Header tadi, Pi kat bahagian Layer Text/Tulisan tadi, Right Click > tekan Blending Options


7. Selepas tekan Blending Options, tu, ada naik window Layer Style macamni kan? Pastu, korang tekan Patterns Overlay, tekan kat gambar tu, Pilih Pattern yang korang pilih tadi (No.4). After that, adjust scale sampai puas hati. Dah siap tekan OK.


8.  Dah tekan OK? Sekali Lagi, dongak atas, tengok bumbung rumah korang Cari Window Tekan tu dan Ambik Animation.


9. Lepas tekan Animation, ada keluar tab baru kat bawah tu. Korang tekan butang kecil kat hujung atas tab tu.  Lepas tu, Pilih Copy Frame. Rujuk gambar bawah


10. CTRL+N sekali lagi atau File > New. Kat PRESET,  pilih Header/atas Custom dan OK.


11. Dekat Tab baru ni, Korang tekan butang kecik kat Animation Window tadi tu (macam tadi), tekan Paste Frame pulak. Tengk gambar ni


12. Lepas tekan, keluar window. Pastu, tekan Replace Frames dan OK.


13. Lepas tu, Tekan Kat Layer Text tadi Right Click > Blending Options > Pattern Overlay > Tukar Scale.Kalau tadi, kat step 7, scale dia 50, sekarang ni, korang tukar jadi 20ke apa ke. yang penting, corak TAK sama macam step 7. Paham?


14. Lepas tekan Ok, Picit butang kecik tu sekali lagi, tekan Copy Frames


15. Lepas copy, pergi tab Header/yang mula-mula tadi. Dah pergi? sekarang ni, korang garu kepala. Dah? Bagus. Korang tekan butang kecik tu juga. sekali lagi, Ambik Paste Frames sekali lagi.


16. Keluar benda ni lago. Tapi, kali ni, tekan Paste After Selection. dan tick ok. Pastu, koranng try playkan header GIF korang tu. Laju tak? Try tengok gambar bawah ni, anak panah play.



17.  tekan 0 sec tu. Pastu,, dia akan keluar macam ni. Korang pilihlah korang nak laju ke lambat.


18.YEAY! Dah siap. sekarang, korang perlu Save kannya. EH. Bukan save macam gambar biasa yee. File > Save for Web & Devices..


Pastu,adakeluar tab. Tekan Save je. Hahaha
*NOTA
Kalau nakbuat banyak gambar bergerak atau berlainan corak, korang boleh mula balik from 9, 10, 11, 12, 13, 14, 15, 16 sampai 17. Kalau nak guna gambar lain pada setiap yang lain ikut step 3 dan 4.

Okay. Dah habis. Penat weyh. Hahahaha. Kalau nak buat post about tutorial ni, makesure credit to me eh. LOL :p

Oh ya, Ni Kihah nak bagi bokeh/gambar untuk korang guna untuk buat pattern tu. Kalau amik, komen ok.



Kalau korang taksuka bokeh kat atas ni, pergi Google/Photobucked,search BOKEH. Pilihlah sendiri :p 

Oh ya! Jadi ke tak header GIF korang. Sharelah sikit header korang tu. Cara nak upload Header ni macam Biasa. Macam korangdok ulpload kat blog. Boleh guna for blogskin juga :D

Klah, Bye, Assalamualaikum :>

58 comments:

  1. wa'alaikumussalam~ pheww~ panjang jugak care²nye~ thanks kihah!

    ReplyDelete
  2. @FLOWER GIRL Trylah guna. Gunajelah Photoshop.Senang sikit

    ReplyDelete
  3. kalau nk masukkn header tu cm biase ea kat gadget header??

    ReplyDelete
  4. x de pun blending option tu ? hmm sparuh jln je . pstu x mnejadi dhh

    ReplyDelete
  5. Ohoo!!! Dah lama cari tuto ni.. Thanks Kihah

    ReplyDelete
  6. Kihah! kihah gune font ape? saya sukasukasuka header kihah!!! :D

    ReplyDelete
  7. thanks kihah. berseri-seri header ku .. hehe :)

    ReplyDelete
  8. Kalau guna Photoshop cs 5 boleh dakk ?

    ReplyDelete
  9. @Ieyra SuRaYaA EH. tak de? Try buat sekali lagi. Ada la. Ps5 ada ps3 pun ada

    ReplyDelete
  10. @Cik AmaBEE BUKANKAH KAT ATAS DAH TULIS PHOTOSHOP CS5.

    ReplyDelete
  11. kihah gune fonts ape tu....share ler ngn kiter.....:)

    ReplyDelete
  12. Tak boleh pun blending options .Dh try bnyk kali nie

    ReplyDelete
  13. Yeaa! dah jadi ! big thanks Kihah
    Jom la singgah ka blog saya ;)

    ReplyDelete
  14. Kihah, nak gambar bokeh yang Kihah guna dalam tuto ni, boleh? (:

    ReplyDelete
  15. Saya ambil gambar tu ya. Thankss. ^^

    ReplyDelete
  16. Saya ambil gambar tu ya. Thankss. ^^

    ReplyDelete
  17. kalau gune adobe photoshop cs4 boleh x?

    ReplyDelete
  18. tq Kihah ! jadik ! huhu
    soraya..saye gne cs5 bole jek..klo cs4 rsenye lg bole

    ReplyDelete
  19. hikhikhik. menjadi lah. thanks kihah ;)

    ReplyDelete
  20. thankyou for this tutO :)

    ReplyDelete
  21. kenapa tak boleh save ye ? hwua~!! please help me ASAP ! :(((

    ReplyDelete
  22. alhamdulillah.boleh.faham(:
    tq so much for ur effort dear.

    ReplyDelete
  23. @buzz_zielaTak boleh nak save? Bukan save as png ok. Try rujuk balik ;)

    ReplyDelete
  24. @Ana Liya Waah. Dah jadik la. mest ana liya buat cantik! haha. my plesure.

    ReplyDelete
  25. qihah,cam ner nak download ? tekan ape ? tekan muat turun ke tekan download 4Shared desktop ?

    ReplyDelete
  26. Adex Faqihah.Kak nak tnye nieyh.. Kalau nak buat flash banner kene guna software apa? Bagi info yew...:) Thnks

    ReplyDelete
  27. Faqihah husni kalau guna photoshop cs4 tak boleh ke ?

    ReplyDelete
  28. @DianaZander : KAN DAH BAGITAHU KAT ATAS TU
    @Nisha Izlyn : APA APA PHOTOSHOP CS BOLEH. DAH BAGITAHU KAN KAT ATAS..

    ReplyDelete
  29. die tak keluar lah pattern tu kihah ? :(

    ReplyDelete
  30. Kihah , dekat Photoshop 7.0 tak de Blending Options tu punn ?

    ReplyDelete
  31. Kihah? Acaner nak save? Kite guna netbook nie. Perkataan SAVE ta jumpe ah. Dah buat semua yg Kihah cakap kan tuh.

    ReplyDelete
  32. wauu , thankyou ye Qihah !! :)

    ReplyDelete
  33. thanks adik faqihah! dah jadi!! guna PHOTOSHOP cS3 pun mula2 mmg pening sikit.. tp kejap je.. k thanks for this tuto :)

    ReplyDelete
  34. thanks dik, guna tuto ni :)

    ReplyDelete
  35. Qihah! thanks! terima kasih! syukran for this tutorial.
    this is awesome.. da lama carik but tak jumpa2 and sometimes it's very difficult to learn. love u lah camni.

    ReplyDelete
  36. thanks kak kihah :) boleh tak share dengan Asma' macam mana buat tulisan macam kena jahit tu ?

    ReplyDelete
  37. it works :) Thanks!

    ReplyDelete

Your words defines you