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 :>
Posted at
In ,

58 comments:

  1. FLOWER GIRL1 December 2011 at 21:33

    kalau guna gimp tak boleh ke?

    ReplyDelete
  2. Zaf981 December 2011 at 21:45

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

    ReplyDelete
  3. faqihahhusni1 December 2011 at 21:50

    @FLOWER GIRL Trylah guna. Gunajelah Photoshop.Senang sikit

    ReplyDelete
  4. Deqanne Sketzbuk1 December 2011 at 22:05

    nak try la..thanks for the tuto..

    ReplyDelete
  5. Unknown1 December 2011 at 22:17

    kalau nk masukkn header tu cm biase ea kat gadget header??

    ReplyDelete
  6. faqihahhusni1 December 2011 at 23:12

    @deiqanne sketzbuk Hahaha. Most welocome

    ReplyDelete
  7. faqihahhusni1 December 2011 at 23:12

    @Qaseh PuteriYup. Macam biasa

    ReplyDelete
  8. Surayalalala1 December 2011 at 23:24

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

    ReplyDelete
  9. Amirah Syafiqah1 December 2011 at 23:27

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

    ReplyDelete
  10. Atieqah Hisham1 December 2011 at 23:37

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

    ReplyDelete
  11. Nufa Zieqa2 December 2011 at 11:34

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

    ReplyDelete
  12. Cik Amabee2 December 2011 at 14:01

    Kalau guna Photoshop cs 5 boleh dakk ?

    ReplyDelete
  13. faqihahhusni2 December 2011 at 18:01

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

    ReplyDelete
  14. faqihahhusni2 December 2011 at 18:01

    @AmirahSyafiqah ♥Most welcome :>

    ReplyDelete
  15. faqihahhusni2 December 2011 at 18:03

    @Farah Farhana Hahahaha. Most welcomee

    ReplyDelete
  16. faqihahhusni2 December 2011 at 18:04

    @Cik AmaBEE BUKANKAH KAT ATAS DAH TULIS PHOTOSHOP CS5.

    ReplyDelete
  17. Budakkacamata2 December 2011 at 20:23

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

    ReplyDelete
  18. Lissa2 December 2011 at 22:19

    thanks Kihah. menjadik :)

    ReplyDelete
  19. NS2 December 2011 at 23:07

    Tak boleh pun blending options .Dh try bnyk kali nie

    ReplyDelete
  20. Amirah Syafiqah2 December 2011 at 23:43

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

    ReplyDelete
  21. Anonymous2 December 2011 at 23:47

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

    ReplyDelete
  22. Nadrah Zulkifly4 December 2011 at 14:22

    Saya ambil gambar tu ya. Thankss. ^^

    ReplyDelete
  23. Nadrah Zulkifly4 December 2011 at 14:22

    Saya ambil gambar tu ya. Thankss. ^^

    ReplyDelete
  24. Unknown6 December 2011 at 15:25

    kalau gune adobe photoshop cs4 boleh x?

    ReplyDelete
  25. Unknown9 December 2011 at 17:24

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

    ReplyDelete
  26. Unknown9 December 2011 at 17:25

    @SorayaHanisboleh aje..sye gne cs5

    ReplyDelete
  27. faqihahhusni9 December 2011 at 19:08

    @Eeman FIQAN MEMANG LA TUTO NI GUNA CS5. GRRRRR!

    ReplyDelete
  28. faqihahhusni9 December 2011 at 19:08

    @SorayaHanisSEMU JENIS PS BOLE!

    ReplyDelete
  29. Capital N10 December 2011 at 13:02

    gne adobe photoshop bleyh x ?

    ReplyDelete
  30. Umi Nadhirah11 December 2011 at 20:12

    Thanks Kihah :)

    ReplyDelete
  31. Ana Liya15 December 2011 at 05:24

    hikhikhik. menjadi lah. thanks kihah ;)

    ReplyDelete
  32. Anonymous18 December 2011 at 17:30

    thankyou for this tutO :)

    ReplyDelete
  33. Cik Ziela24 January 2012 at 00:36

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

    ReplyDelete
  34. Unknown27 January 2012 at 20:49

    thnc kihah.Terbaik :)

    ReplyDelete
  35. Are~q!Lah3 February 2012 at 15:32

    nak tny ..
    2 font pe ??

    ReplyDelete
  36. Unknown7 February 2012 at 17:55

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

    ReplyDelete
  37. faqihahhusni7 February 2012 at 18:14

    @ezzamalikMy Pleasure sis! ;) Tahniah

    ReplyDelete
  38. faqihahhusni7 February 2012 at 18:14

    @Are~q!LahSinger Mears dear :)

    ReplyDelete
  39. faqihahhusni7 February 2012 at 18:15

    @Nurul Qaireen Erlysa My pleasure! Hahhaa

    ReplyDelete
  40. faqihahhusni7 February 2012 at 18:15

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

    ReplyDelete
  41. faqihahhusni7 February 2012 at 18:15

    @Nur Ikhma My pleasuree.

    ReplyDelete
  42. faqihahhusni7 February 2012 at 18:16

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

    ReplyDelete
  43. faqihahhusni7 February 2012 at 18:16

    @Capital NAdobe ps la ni

    ReplyDelete
  44. faqihahhusni7 February 2012 at 18:16

    @Ratu Lissamy pleasuree

    ReplyDelete
  45. faqihahhusni7 February 2012 at 18:17

    @Zaf98 haha. okayh ;D

    ReplyDelete
  46. hafizah.11 February 2012 at 18:22

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

    ReplyDelete
  47. Diana Zander5 April 2012 at 16:39

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

    ReplyDelete
  48. Anonymous25 April 2012 at 07:25

    Faqihah husni kalau guna photoshop cs4 tak boleh ke ?

    ReplyDelete
  49. faqihahhusni20 May 2012 at 16:11

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

    ReplyDelete
  50. Student Kecik29 May 2012 at 12:27

    die tak keluar lah pattern tu kihah ? :(

    ReplyDelete
  51. sazrinhazid30 May 2012 at 16:29

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

    ReplyDelete
  52. Fatin Shakinah17 June 2012 at 16:06

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

    ReplyDelete
  53. Iza Zaty18 July 2012 at 13:49

    wauu , thankyou ye Qihah !! :)

    ReplyDelete
  54. Tengku Nurhanis17 August 2012 at 15:20

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

    ReplyDelete
  55. A-N9 September 2012 at 09:33

    thanks dik, guna tuto ni :)

    ReplyDelete
  56. Hareez Haiqal ™30 November 2012 at 02:04

    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
  57. Asma' Sah28 December 2012 at 14:18

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

    ReplyDelete
  58. Anonymous25 May 2013 at 17:03

    it works :) Thanks!

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)