Friday, March 06, 2009



How to make your eyes blink! blink! with Adobe Photoshop.


Click to view larger image.

1. Make New File (Ctrl+N). Set size to 125 x 125 pixels / transparent (up to you). Paste & resize any of your portrait photo into the new file.

2. Make layers (mine 14 layers). Just paste 14 times of your photo. Those layers are like 'frames' in film editing.

3. Edit Photos. Edit all image in every layers. In my case, I use filter>liquify to make eyes open & close (blinking) and my smiles too.

4. Animation. Go to Window>Animation. Next, in the Animation(Frames) box, click Make Frames from Layers.

5. Time Setting. Set the time on every frames in the Animation(Frames) box. After you done with time setting, click the play button and set to 'Forever'. Edit the time and play until you satisfied. You can view the blinking result at your working file.

6. Save. Go to File>Save for Web and Devices... (Alt+Shift+Ctrl+S). And click Save.



Click to view larger image.

That's about it folks.

Notes: Upload your work to any sites first before you can view the result. Convert you Gif file to HTML code (How?... just copy the second note and paste it in Google search).

Some of you are more expert on HTML script than me...


Click this guy... animation/flash expert
who like to play with his balls... hahaha!

...erk.. I mean 'guli' balls... hehe

~ Shairul Abdul Karim

13 comments:

Shitsurei shimashita said...

cayalah, dah ada banner! bagus2! insyallah, bertambah maju biznes saudara.

harap pelbagaikan sdkit paparan saudara (ceh, mcm konsultan plak saya)

guapunyahal said...

hi cautrist.. maaf nak menyampuk skit leh yar.. bila gua dah besarkan tengok... catursit ada 14 frame dan saya prasan lepas 7 frame diulangi yg sama dari 1..

jadi kenapa tak 1 - 7 saja supaya file size lebih kecik... heheheh

just tanya jer.. mungkin gak gua silap..

Luth Textile said...

comel..
smart.. aku suka

AHMADSUFI6177 said...

perhh... abg mmg pandai... hehe

eRRuL AspHyxiAteD said...

cayalah, tumpang belajar

KhairiL's said...

lpas ni boley la bt tutorial yg advance...

sbb yg ni pun dh elok

caturist said...

Hahaha... tq semua.

Naga... ada rezqi nanti aku jadikan .com... doakan ye

Guapunyahal... tula..ko x nak ajar aku flash.. last2 aku buat sendiri.. tq 4 your advice... saje godek2.

DjLuth.. kalu ada tutorial tips.. share la kat sini.. hehehe

Ahmad sufi... adikku... tqtqtq

Errul Aparteid?... haha.. sori silap.. AspHyxiAteD (berbelit ahh).. welcome my friend..

Khairil... kat dlm ni ramai yg terer psl photoshop... ko jenguk jugak ye... haha promo kawan2.

Audio said...

Simple and nice! thanx for the tutorial bro!.. I normally guna photoshop untuk buat graphic je.. so far tak penah lagi try buat animation using this shoftware XD

fahmi latiff said...

wahhh menarik nyer tutorial ni... fahmi suka tutorial2 macam ni.. tq kongsikan info2 ni.... oh yer fahmi dah link kan banner abg caturist sajer jer menarik sangat... hahaha fahmi suka ngan editing pakai photoshop... "kedai gambarkan".. photo+shop= kedai gambar... heheheh tq bro... semoga success maju22222 ok tq... bye2

caturist said...

Audio... sy pun baru je godek2 kat Photoshop tu.. hehehe

Sudara Fahmi, tq22222... menarik blog awak.

ramya said...

Hello friend that was amazing i am ramya from india.I found your name in my Friends Blog roll.I found your Blog is intresting so what i have done is that i have added u in my Blog Friends list.So i think u can also add me in your blog list and share your experience with me.Ok friend see u in next post.Bye. http://cultureinindia.wordpress.com/h

Felicia F. Ramzi said...

im trying now..nak tgk jadi ke tak..eheh

H A F I Z said...

haaa...sangat2 tq utk tutorial ini bos.