Animation Eye Hulk

Dec 23, 2008

Pembuka : ini hanya merupakan animasi dasar dengan mengunakan adobe photoshop.

1. Buka file gambar yang akan kita bikin animasinya.

2 Duplikat layer, dengan cara klik kanan pada layer, dalam windows pop up klik duplicate layer.

3. Buat layer baru dengan cara tekan ( shift + Ctrl + N ) atau klik di bawah palet layer icon create a new layer.

4. Tekan tombol ( D ) di keyboard agar warna di tool dalam keadaan defaul ( warna hitam di atas sedangkan putih di bawah )

5. Beri warna layer baru tersebut dengan cara tekan tombol ( alt + backspace ) berbarengan . atau pilih paint bucket tool kemudian di atas gambar klik mouse kiri satu kali.

6. Buka menu Filter -> Render -> Lens Flare atur settingan nya.

7. Tekan tombol ( Ctrl + U ) untuk memunculkan palet Hue/Saturation atur setingganya.

8. Ganti layer mode ke linear dodge.

9. Dengan move tool geser gambar cahaya ke daerah mata.

sebelum sesudah

10, Buat Duplikasi layer cahaya tadi , kemudian geser ke daerah mata sebelah kanan hasilnya.

11. Sekarang kita mempersiapkan animasi. buka palet animation.

Perhatian

a. photoshop cs 2 ke atas anda tinggal buka menu -> windows animation.

b. Sedangkan untuk photoshop cs 1 ke bawah anda buka menu file -> edit in image ready. kemudian setelah terbuka program image ready nya buka menu-> windows animation.

12 Di palet animasi sudah terdapat satu gambar, untuk menambah gambar lagi klik ikon seperti gambar di bawah yg di kasih tanda.

13. Aktipkan Frame atau gambar pertama.

14 Di palet layer non aktifkan kedua ikon yang menyerupai mata seperti yang di tunjukan di gambar.

jadi

15. Kemudian pindah ke Frame dua untuk di aktifkan.

16. Untuk frame ini, aktifkan kedua ikon yang menyerupai mata tadi. ( kebalikan-nya dari no 14 di atas )

jadi

17 Coba sekarang kita klik tombol play animation .

18. Langkah terakhir klik tweens animation frames.

19 Kemudian Frame to Add nya kita kasih 5 saja ( tergantung anda sih ).

20 pilih semua Framenya, caranya klik frame pertama sambil menekan tombol ( shift ) klik frame terakhir, kemudian klik mouse dalam pop up pilih delay ke 0,1 sec.

21. coba klik play.. kemudian save dengan format gif..

22. Jika kurang paham dan jelas.. tinggalkan saja komen..

45 comments:

  1. Wow! Keren banget........... aku pingin cobain!!!!!!!!!!!!!!!!!!!!!!!!!!!

    Tutorialnyamaknyus dan ga bisa dibilang sederhana (setidaknya menurutku...)

    ReplyDelete
  2. Paham pk guru, Aq lom praktek, tapi situs uda dibookmark. makasih atas ilmunya. Sukses buat anda

    ReplyDelete
  3. Kk thx atas ilmunya semua materi atau tutorialnya isa g pahami dan g praktekin tapi kk g ada masalah dalam save nya

    Gambar yang g save dalam bentuk .gif tidak berupa gambar gerak/animasi melainkan seperti gambar biasa tolong di jelasin dung kk

    kirim ke email g davis_7_xh@yahoo.com

    ReplyDelete
  4. haduh. serem si hulk. eh, huck...
    pengin nyobain, mau bikin pipiku semu2 merah gitu, biar di photo aku jadi cuakeeep.

    ReplyDelete
  5. @ Anonymous

    Oke deh untuk save gif agar beranimasi.

    1. buka menu File - Save As For WEb ( dalam Cs4 : Save For Web & Devices )

    2. Setelah terbuka jendela baru cari pilihan format file. Jpg, Gif, Png-8 dll.

    3. Kamu pilih Format File Gif.

    4. Kamu bisa lihat juga Di bawah Judul Animation ada Looping Option. kamu pilih

    apa mau Forever ( animasi-nya di ulang2 ) atau sekali saja.

    Moga membantu.

    ReplyDelete
  6. hohoho, suhu molor neh yakkk nungguin di accept...hihihi

    baidewei, tutornya manteppp, penjelasan ama yg msh belum paham pun telaten jawabannya, ini baru suhuuu ;)

    sayang, bukan giginya...wkwkwkwk

    biar mirip boneng..hehehehe

    kaboerrrrrr =))

    ReplyDelete
  7. Wah tidak salah nih anak seenthing maen ke tempat bang haji untuk belajar sotoshop....ajari dong bang haji

    ReplyDelete
  8. kok makin kece aje nie tampilannya yakkk :D

    ReplyDelete
  9. @ Blger Addicter

    siapa dulu donk guyu sotoshop na..xixixi

    ReplyDelete
  10. kang jaloe ini gambar ko bisa muncul yak di postingan besarnya? pyuuuh.... hmmm... ada rahasianya pasti ini

    ReplyDelete
  11. thanx atas tutorialnya..
    sederhana tp keren abiz,,,,^_^

    ReplyDelete
  12. kok di gue ga ada windows animation ato file edit animationnya yah??

    ReplyDelete
  13. mantepppp! abisss!!!!
    @gdenarayana ..iyayah klo gigi bisa gak ! mungkin lucu kali.

    tapi emang mantep,& keren abis...

    ReplyDelete
  14. nice info sob....mantab banget nich ngomong2 ini blog kamu juga ya gus?

    ReplyDelete
  15. bang JALOE...gw mo nanya neh !
    gw dah buat tuh effect eyes dan berhasil..horee

    tapi ga bisa di save as for web.... pake save as yang biasa bisa gak ke gif nya..gw coba sih gak bisa (gak gerak gitu effect eyesnya)... begimana itu... tolong petunjuknya suhu.......thx be 4

    ReplyDelete
  16. saya dah coba hasilnya ok sama, tapi waktu saya unggah ke fb ko ga gerak-gerak, kenapa ya? minta infonya kang jaloe ma'acih s'lum'a

    ReplyDelete
  17. gmn sih caranya?ajarin dong via email gw.ocid@yahoo.com

    ReplyDelete
  18. keren boz, ajarin yg lain nya lg donk! mksh info kerennya....!

    ReplyDelete
  19. kalo cara save buat cs3 gimana kang????

    ReplyDelete
  20. fren aku kesulitan dgn langkah no 6 itu aku cari tp ga ad y,,,itu gmn dong maklum amatiran hehhee thank's 4.

    ReplyDelete
  21. @ Anonymous

    wow emang pake sotoshop yg versi berapa

    ReplyDelete
  22. rudy_marteen@hotmail.comMay 11, 2010 at 12:28 AM

    ach...zadaaaaaaaaafs.

    hatur nuhun,Juragans

    ReplyDelete
  23. palet layerna d mna sich ???

    d image ready g ada
    d photoshop juga g ada

    tolong d jlasin
    makasi

    ReplyDelete
  24. palet layernya d mna sich ?

    tlong d jlasin
    makasi

    ReplyDelete
  25. bang: aku pngen nanya ni,,klw di photoshop CS cara savenya biar jdi format giv, gmana yach???
    tlong d bantuin cz aku udah brsusah payah bikinnya tp pas d save gak bisa brgerak..

    ReplyDelete
  26. mysterious_girl>>>palet layernya ada di menu...klik adja pasti paletnya keluar...smoga bisa mmbantu :)

    ReplyDelete
  27. mysterious_girl>>>maksudnya ada d menu Window trus Animation....maaf yg d atas gak lengkap,,hoho

    ReplyDelete
  28. @ Anonymous

    sip nanti akan saya update cara ngesave ke format gif animasi

    ReplyDelete
  29. Good n Great....
    lagi dicoba neh, thank ya bos

    ReplyDelete
  30. keren banget omz dah lama ane cari tutor singkat, padat dan jelas kaya gini (sedikit kebingungan masalah finisingnya tapi dah ok lah ^_^d

    ReplyDelete
  31. mast cara nyimpennya piye (bagaimana)
    kok g bisa bergerak yow pas tak liad

    ReplyDelete
  32. @ Anonymous

    pertanyaan anda sudah sy jawab pada komentar diatas

    ReplyDelete
  33. Wuah manteb banget,,

    ReplyDelete
  34. gw belum nemu nih, cara nyimpan biar bisa gerak kl upload di FB or avatarnya BB... plz solusinya bos.. tku

    ReplyDelete
  35. makasih y k udah mau berbagi ilmu walau belum saya pelajari dan lom tau hasil nya tapi pasti akan saya coba

    ReplyDelete
  36. Uda coba tp gambarnya tetap gelap....animasi memang suda jadi..gmn ni...

    ReplyDelete
    Replies
    1. lihat tuh nomor 8 layernya diganti, jika tidak nanti jadi gelap semua

      Delete
    2. siap bravo ...thank buat Aqmal Fathahilla

      Delete
  37. baru ketemu tutorial bagus disini,ijin bookmark gan,mau dipraktekin.terima kasih sebelumnya.

    ReplyDelete
  38. Kembangkan terus artikel-artikel yang lebih bermanfaat lg ya gan ..

    ReplyDelete
  39. Terima kasih tutorialnya gan, menambah ilmu dan keterampilan kita dalam mengedit dan membuat animasi dan poto2 yang lucu, unik dan menarik

    ReplyDelete
  40. Wahh,...
    Agak ribet juga ya banyak banget jalur2nya. Heheheee..
    Ane coba nih gan, sebelumnya makasih ni ya gan utk artikel yang bisa nambah ilmu ane buat edit foto

    ReplyDelete