Tutorial Adobe CS5 : Animation GIF

SO , here we gonna make an intresting tutorial using adobe photoshop cs5 :) \not fluent in english/ HAHA :D tutorial kali nie menggunakan banyak gambar yer semuaa ??  sambil una akan letak Description dekat bawah dia so korunk boleh follow perlahanlahan okeyy ? now , let we start -->

Firsrt korunk pergi ke FILE then select New lepas tuh dia akan pop-out kan ? korunk adjust lah dia punye width(kelebaran) & height(ketinggian) , ini bergantung pada besar mana & tinggi mana korunk nak kay ? then dah adjust ape sume korunk clikc OK . so , now let move to the step-2 -->
Bila dah Ok semua dia akan keluar satu ruangan kosong kan ? then korunk pergi dekat bahagian tool dia , click yang anda tanda 'T' , itu kita nak letak TEXT kayy ? lepas tuh pilih font yang korunk nak then taip ikut suka hati . HAHA :D tak faham sila rujuk gambar , lepas tuh kite move pada step-3 -->
Lepas dah taip ikut suka hati korunk click pada WINDOW , hahh , jumpa tak ? dah jumpa kite tengok ANIMATION :) dah tengokk ? eihh , jangann tengokk jee clickk  lahhh :D hehe , skrg kite akan move on ke step-4 -->
nowww , dia akan kelihatan sebegini rupa :D pop-out satu tab animation dekat bawah tuhh  . soo , kite melangkah pula ke step-5 -->
Dekat step 5 nie korunk kene ulang balik taip something different , mcm yang first tadi kan una taip 'I LOVE YOU MUCH MORE' then dekat atas nie the second , una taip 'I LOVE YOU MUCH MORE !' kita buat mcm nie sebab nanty bile kita play GIF dia , dia akan jap LIP LAP LIP LAP gituu ~ and now kite move one ke step-6 pulak okeyy -->
then , in this step korunk nampak tak dekat animation tab tuh ? ade tulis 'duplicate selected frame' korunk tekan tuh , bergantung lah pada berapa banyak animation yang korunk nak buat ? mcm una , una just guna dua layer je :) lepas dah click tuh kite move on pada step-7 -->
pada step-7 nie korunk click dekat later yang pertama lepas tuh pergi tengok dekat ADJUSTMENT tuh , ade nampak kan ade dua layer , satu ' I LOVE YOU MUCH MORE' satu lagy hanya ade tanda '!' okey , korunk ade nampak tak macam bentuk mata dekat tepi dia ? kalau nampak untuk layer yang pertama di bahagian animation tab korunk hilang kan mata pada layer yang ade tanda '!' so then kite teruskan pada step-8 -->
pada step 8 nie sama jugak macam dekat step 7 , tapi yang nie kite kene tengok dekat tab animation then korunk click layer number 2 tuh :) lepas tuh pergi ke layer yang ade tanda '!' tadi , then timbulkan mata dia semula :) then korunk set timing dia dekat yang dia tulis '0.0sec' hahh , mcm una , una guna '0.5sec' tak lambat & tak laju sangat :) then we move one to the step-9
pada step-9 nie una terangkan cara-cara  nak save gambar yang dah jadi animation GIF tuh , hahh , sebelum save mesti nak tengok pae hasilnya kan ? hehehe :D okey cuba korunk pergi dekat animation tab tuh ade nampak tak button mcm anak panah , dia terletak di bahagian tengah  , korunk play lah , omeyy takk ? hehehe :D lepas tuh stop kan balik the korunk pergi ke FILE > SAVE AS WEB.... yng una higlight biru tuh . nampak  ? korunk click then kite move on ke step-10 and now we gonna finish it kay guy's !
bile tekan je save as web tuh terus dia pop out korunk macam gambar dekat atas nie kann ? hah , ape lagy ! tekan aje button SAVE tuhh :) sekrang korunk punyer animation GIF dah siapp ! huhu :D sukee takk ? soo , meh tengok hasil animation GIF yang una dah buat tadi -->


so , guy's semoga berjaya :D harap ini dapat membantu ! hee :D korunk tak nampak gambar ? click right click then korunk click open link in new tab , now its done :) selamat mencuba semuaaa .

21 comments:

  1. Kak una , kalauu pakai photoshop CS4 boley tak ?

    ReplyDelete
  2. kak , mmg kne guna photoshop cs5 ? hana xd cs5 :/

    ReplyDelete
  3. boleh saja edit pakai adobe tuh :)
    kalau semua yang ade di tuto nie ade di bahagian adobe kamu , pasty boleh buat jugak tuto nie :)
    apa2 tak faham inform yaa :)

    ReplyDelete
  4. akak , time nk post gmbr yg saya bt td 2 oleh xboleh la .. :(

    ReplyDelete
  5. Hye . Mcm mne nak change cursor . boleh ajar x ?

    ReplyDelete
  6. This comment has been removed by the author.

    ReplyDelete
  7. Kak una , dekat step 5 tu tak faham .
    dah banyak kali cube tak jadi ni .boleh terangkan tak ?

    ReplyDelete
  8. kak , problem sye skrg tk dpt nk save sbb button save dia kat bwh bnda yg pop up tu spruh je keluar . tolong !!

    ReplyDelete
  9. kak, sye tak bole save sbb pop up save as web tu besar sngt..help me!!

    ReplyDelete
  10. hey na tye photoscape boleh x ? sebab rara xde bende yg kak una sebotkan tu..cam mne yek ?

    ReplyDelete
  11. Kak Una, macam mana pulak step2 dia kalau nak buat gif gambar ? Sama saja ke?

    ReplyDelete
  12. Saya tak fam dari ste 5 hingga habis..............

    ReplyDelete
  13. kak, mengapa imej saye tidak sah? apa ada yang salah ya?

    ReplyDelete
  14. akk guna font apa ye? cantik lah pulak.

    ReplyDelete
  15. Trimas!! Benda ni sgt berguna!!! Nk try!!! Nk wat tuto camnie gak! Tpi versi adik punyer yer!!! :D

    ReplyDelete

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=