Photoshop Tutorial : Header GIF

22:25:00

Assalamualaikum.

So, dah lama sebenarnya tutorial ni di request oleh adik ni. Cuma aku malas. Photoshop punya tutorial bukannya senang, kena sabar. Sambil screen capture sambil kena fikir ayat yang nak tulis.

Adik DianeeyA, esok kalau awak tak buat. Hahaha, jagalah awak. Akak babab nanti.



Bahan-bahan yang diperlukan ialah.

1.Photoshop. (Tak kisah Photoshop berapa. Macam aku guna CS3)
2. 3 Keping gambar atau lebih yang berlainan rupa.




Buka Photoshop anda, terserah nak size gambar besar mana. 
Background Contents : White



So, aku guna warna grey untuk background. Boleh guna Paint Bucket Tool untuk warnakan dia. 

Bulat biru itu untuk tukar warna.
Bulat hijau untuk tulisan.
Bulat Merah untuk Paint Bucket Tool



Tulis lah apa yang awak nak, tulisan warna tak kisah sebab nanti kita nak masukkan gambar dalam tulisan tu.




Klik Open > File yang awak save gambar. 

CTRL+Clik untuk klik gambar lebih dari satu. Lepas tu klik Open.



Bila dah keluar macam ni, nampak tak bulat merah tu. Klik situ. Minimize window 




Drag masukkan gambar ke dalam Layer pertama yang kita buat tadi. Masukkan dan resize mengikut ke sesuaian.


Susun lawa-lawa yee~ 

Klik Layer 1 satu lepas tu tekan SHIFT di Layer 3 


Right Click + Create Clipping Mask



Tengok semua gambar tu dah masuk dalam tulisan kan?



Kemudian korang invisible kan semua gambar tu dengan cara korang klik tanda mata yang dalam petak tu. So lepas korang klik mata tu dia dah tak ada kan? Kosongkan semuanyaa yee~


Klik Window -> Animation 

Make sure gambar korang cuma highlight satu je. Tengok gambar untuk pemahaman.


Step ni kena ikut betul-betul eh, 

1. Korang klik bagi mata dia ada balik.
2. Lepas tu klik 'New Layer'



Kemudian korang unclick mata di layer satu. Klik mata di layer dua dan tekan simbol new layer.

Ulang step ini untuk gambar yang seterusnya.



Click layer 1 dan tekan SHIFT pada layer 4. Kemudia klik butang arrow yang ke bawah tu, adjust berapa lama korang nak. Kalau aku 'No delay'

Nak tengok hasil dia? Boleh klik button play dekat tengah tu.

Ready to Save!

Klik File > Save for Web & Devices > Save dalam file anda. 


Siap!

Sorry for my bad explaination. Ask me if you don't understand.

You Might Also Like

24 Love Letter(s)

  1. Better save in bmp format..and then setting at animation tools..

    ReplyDelete
    Replies
    1. Ohh ada cara lain lagi eh? Haha, thank you sebab share. Tak pernah tahu. Ini jelah cara yang selalu buat. Biasalah. Belasah belajar Photoshop ni sendiri-sendiri je. T_T dan apa tu animation tools? bmp tu apa pulak?

      Delete
    2. Jika di cs2 atau version photoshop sebelum ni..merge dengan image ready utk buat animation gif.

      Dlm version cs3..dah flexible. Hanya guna tools --> animation..
      Tapi seblum tu buat image saiz apa yang kamu mahu dan save sbg bitmap bmp format..dan cara nya sama kamu tunjukkan..hide eye di layer .

      Delete
    3. Ohhh macamm tuu, okay-okayy. thankk you. akan cuba pulak lepas ni. Makaseh sebab sudi share. ^^

      Delete
  2. Alamak, babap!? >.< Memanglah saya request untuk dibuat, tapi bukan sekarang. Tengah berlawan dengan manuskrip dan masa. Huhu~ Waktu cuti sekolah nanti saya nak buat new look, InshaALLAH dan akan guna semua tutorial akak saja. ;) Tanya awal-awal sebab takut nanti akak busy ke apa, huhu~ Ampun ya penunggu gua! T^T

    ReplyDelete
    Replies
    1. Yelahh, good luck~ Hahaha. penunggu gua? apakah yang awak merepek ni? T_T

      Delete
  3. Heheheh.. bahaye kalu nk tny dikna nnt ji.. tak buat kene babab... amboiii garangnyeee

    ReplyDelete
    Replies
    1. Hahaha, mana ada garangg~ Babab pelan je, kalau tampar kuat. ahahaha, XD acah2 jee~

      Delete
  4. ok buat benda alah ni langsung xphm..hahaha

    ReplyDelete
    Replies
    1. hahahha. XD bila dah buat nanti faham le. hehe.

      Delete
  5. kita tak ada photoshop, huhu..teringin sangat nak buat macam ni.. header yang ada tu pun kira bersyukur la.. *putih mata.

    ReplyDelete
    Replies
    1. Hahaha. boleh je download dekat tenet. banyak. XD hahaha. bagus2. :3

      Delete
  6. tuuu diaaa babap ! hehehe . akak dah uninstall photoshop .malasnya nak install balik . haha

    ReplyDelete
    Replies
    1. OHHHHH WHYYY? T^^T. Tu sajaa acahh jee, ahaha. :3

      Delete
  7. wooohaa..cantiknya..suka la tengok.nak buat sendiri ambik masa yang lama nih..heheh..banyak benda lagi nak kena paham dan akak belajar ni dikna..

    ReplyDelete
    Replies
    1. ahahaha, aina pun kena banyak belajar lagi kak. benda ni baru je tahap amatur. T_T

      Delete
  8. dulu rajin la explore menda ni semua. maybe perubahan umur menjadikan kemalasan itu wujud.

    ReplyDelete
    Replies
    1. Hahaha, maybe. Aina ni setakat ni tak pernah jemu lagi. Sebab rasa banyak benda yang tak puas lagi nak di gali. hehe.

      Delete
  9. ahaaa..tutorial begini yg akak cari..ada masa nanti nk try

    ReplyDelete
    Replies
    1. Really? heheheh. try tauu. jangan tak try. ^^

      Delete
  10. wowww cantiknya kotak komen....kaksha pun tunggu je tutor header ni :P

    ReplyDelete
    Replies
    1. woow. soo thank you. hehehe. iyeke? nanti cuba eh. :)

      Delete
  11. akak fail dah photoshop :P
    belajar dulu then lupa dah hahaha

    ReplyDelete
    Replies
    1. Hahaha, tau mrsm memang ada ajoo kan. aina pun dulu hampir terlupa sebab dah lama tak godek. Haha. :3

      Delete

Like us on Facebook