Shop Mobile More Submit  Join Login
×




Details

Submitted on
October 22, 2012
Image Size
211 KB
Resolution
620×1570
Submitted with
Sta.sh
Link
Thumb
Embed

Stats

Views
7,973
Favourites
721 (who?)
Comments
161
Downloads
94
×
Pixel icon tutorial by koffeelam Pixel icon tutorial by koffeelam
My very first tutorial, well mostly I made for fun (Don't judge me T~T) But i really really hope it's helpful for some of you who doesn't know how to make animated icon.


***NOTE NOTE NOTE: To save it as a gif file: File ~> Save for web and devices XD

(Using photoshop cs4)

This is my free icon if you wanna use hehe~ :iconirapeitplz:



:skullbones: YOU ARE NOT ALLOWED TO COPY/REMAKE/REPOST THIS TUTORIAL OR CLAIM IT AS YOURS!
THIS IS A RESULT OF PERSONAL WORK AND PLEASE RESPECT.

Other tut~

Add a Comment:
 
:icontenshibakaxd:
tenshibakaxD Featured By Owner Sep 7, 2014  Hobbyist Interface Designer
chị ơi, làm sao vẽ cái ảnh nó mở mắt, nhắm vừa, nhắm thế ạ? Em toàn phải bôi bôi tô tô lại để vẽ con mắt đó ạ TwT Mong chị giúp em gấp
Reply
:iconkoffeelam:
koffeelam Featured By Owner Sep 8, 2014  Hobbyist Digital Artist
fav.me/d3iz0mj
Tham khảo tut này nha em, có gì khó hiểu thì hỏi chị :3
Reply
:icontenshibakaxd:
tenshibakaxD Featured By Owner Sep 8, 2014  Hobbyist Interface Designer
à chị ơi, người ta bảo copy cái mắt đó vào đâu thế hả chị? và nhấn vào đâu mới copy được thế ạ? Em cứ làm hoài mà không được ; w ;
Nếu em có làm phền chị thì cho em xin lỗi chị nhé ; x ;
Reply
:iconkoffeelam:
koffeelam Featured By Owner Sep 14, 2014  Hobbyist Digital Artist
là sao em, chị k hiểu *-*
Xin lỗi em nha, dạo này chị bận nên trả lời chậm.
Reply
:icontenshibakaxd:
tenshibakaxD Featured By Owner Sep 14, 2014  Hobbyist Interface Designer
trong TUT có bảo copy con mắt vào một cái trang vô hình, ( em dịch tầm phào thì nó ra thế này) Nhưng mà em nhấn chuột phải thì nó không có chữ copy gì hết chị ạ, và cái trang vô hình đó là cái gì?
Reply
:iconkoffeelam:
koffeelam Featured By Owner Sep 15, 2014  Hobbyist Digital Artist
Giờ em chọn vùng mắt (phần cần chuyển động) rồi bấm Ctrl J, layer đó sẽ được nhân đôi lên, em giấu (hide) 1 trong 2 layer đi (cơ bản là cả 2 giống nhau nên hide cái nào cũng được, em đặt tên để khỏi nhầm thì càng tốt) rồi em resize cái còn lại như trong Tut chỉ. :3
Reply
:icontenshibakaxd:
tenshibakaxD Featured By Owner Sep 16, 2014  Hobbyist Interface Designer
ohoho >3
Em làm được rồi >33
Tks chị ^^
Reply
:iconmarylovebloom:
marylovebloom Featured By Owner Jul 7, 2014  Student Digital Artist
Em phải lưu thành 2 ảnh mới làm được chị ạ.
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jul 7, 2014  Hobbyist Digital Artist
Trước giờ chị làm ảnh động thì cũng không lưu thành 2 file, nhưng em thấy cần thiết hoặc tiện hơn/đơn giản hơn thì làm, thành phẩm ra như nhau cả. Nói chung mỗi người có 1 cách làm khác nhau thôi em
Reply
:iconmarylovebloom:
marylovebloom Featured By Owner Jul 7, 2014  Student Digital Artist
Vâng, dù sao cũng cám ơn chị, cái icon của em là nhờ cái tut của chị đấy :D
Reply
:iconneogalactic54:
neogalactic54 Featured By Owner Jun 17, 2014  Student General Artist
The tutorial was osm :D Just one question, how do you make it bounce, do you redraw all the lines or do you use the transform tool?
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jun 19, 2014  Hobbyist Digital Artist
Well I redrew the part that needed to be changed to make movement :3
Reply
:iconneogalactic54:
neogalactic54 Featured By Owner Jun 19, 2014  Student General Artist
Oh finally the answer that I've been wondering about for so longg XD THANKS A TON :3 <3<3<3
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jun 21, 2014  Hobbyist Digital Artist
You're welcome :3
Reply
:iconalinakitti:
AlinaKitti Featured By Owner Feb 14, 2014
Thanks for the tutorial! I made a really derpy heart out of it...
Reply
:iconkoffeelam:
koffeelam Featured By Owner Feb 26, 2014  Hobbyist Digital Artist
You're very welcome, I'm just glad it helps >w<
Reply
:iconvocaloidwings:
VocaloidWings Featured By Owner Feb 10, 2014  Hobbyist Digital Artist
I used this here: fav.me/d75zmik

I hope you don't mind. I HAD to steal this idea because it's so CUTE!!!!!!!
Reply
:iconkoffeelam:
koffeelam Featured By Owner Feb 26, 2014  Hobbyist Digital Artist
Well done, keep up with the good job XD
Reply
:iconpurpleily:
Purpleily Featured By Owner Feb 10, 2014  Student Digital Artist
Awwwww! This is adorable!! :)
Reply
:iconyleniaateyou:
YleniaAteYou Featured By Owner Jan 26, 2014  Student Digital Artist
:3 I made my icon with this tutorial =w=
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jan 27, 2014  Hobbyist Digital Artist
Good work XD
Reply
:iconyleniaateyou:
YleniaAteYou Featured By Owner Jan 27, 2014  Student Digital Artist
ahahah xD Thanks xD Btw i love your pixel arts..they are so cute..kawaiii *-*
Reply
:iconcupcakenx:
cupcakenx Featured By Owner Dec 30, 2013  Hobbyist Traditional Artist
I made my icon with the help of your tutorial, thanks! c:
Reply
:iconkoffeelam:
koffeelam Featured By Owner Dec 30, 2013  Hobbyist Digital Artist
VERY CUTEEEE <3 <3
Reply
:iconxxflyinglionxx:
XxflyinglionxX Featured By Owner Dec 30, 2013
how do i make that i dont get it?
Reply
:iconkoffeelam:
koffeelam Featured By Owner Dec 30, 2013  Hobbyist Digital Artist
Photoshop CS4
Reply
:iconxxflyinglionxx:
XxflyinglionxX Featured By Owner Dec 31, 2013
ok
Reply
:iconxxflyinglionxx:
XxflyinglionxX Featured By Owner Dec 30, 2013
what proggram is that?
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jan 7, 2014  Hobbyist Digital Artist
I used photoshop CS4
Reply
:iconlehira-rutherford:
Lehira-Rutherford Featured By Owner Oct 26, 2013  Hobbyist General Artist
I use your tutorial for this deviation: fav.me/d6rx9cs =) Thanks a lot!
Reply
:iconkoffeelam:
koffeelam Featured By Owner Oct 26, 2013  Hobbyist Digital Artist
XD I'm so glad my tutorial can help, keep up with the good work <3
Reply
:iconfluffy-luve:
Fluffy-luve Featured By Owner Oct 18, 2013  Hobbyist Digital Artist
I'm using CS6 but there is no animation option T.T and I dont have image ready...
Can you help me? Thank you!
Reply
:iconshadowed-mist:
Shadowed-Mist Featured By Owner Oct 19, 2013  Hobbyist General Artist
Sorry to butt in like a random dork XD
But to animate in cs6 you click on File > Browse in Mini Bridge > Timeline
And from there you can make the animations.
Reply
:iconfluffy-luve:
Fluffy-luve Featured By Owner Oct 19, 2013  Hobbyist Digital Artist
Uwah! Thank you very much! It works! ^////^
Reply
:iconshadowed-mist:
Shadowed-Mist Featured By Owner Oct 19, 2013  Hobbyist General Artist
Hehe, You're welcome~
Reply
:iconkoffeelam:
koffeelam Featured By Owner Oct 18, 2013  Hobbyist Digital Artist
I have never used Cs6 before >_< But i thought every photoshop version has animation option~~~ Sorry I couldnt help you with this, maybe google?
Reply
:iconfluffy-luve:
Fluffy-luve Featured By Owner Oct 18, 2013  Hobbyist Digital Artist
it's okay thank you anyway :D
Reply
:iconninjatanner:
NinjaTanner Featured By Owner Oct 14, 2013  Hobbyist Digital Artist
Thank you SOOOO very much for this!
I've been trying to figure it out for a while..

I never would have thought to use the PENCIL tool -.- I'm such an idiot *facepalm*
Reply
:iconkoffeelam:
koffeelam Featured By Owner Oct 15, 2013  Hobbyist Digital Artist
You're welcome, I'm so glad my tutorial does help! You're not an idiot, you just didn't familiar with pixel, we've all been there XD
Reply
:iconninjatanner:
NinjaTanner Featured By Owner Oct 15, 2013  Hobbyist Digital Artist
This was what i came up with when i tried. ninjatanner.deviantart.com/art…
Reply
:iconkoffeelam:
koffeelam Featured By Owner Oct 15, 2013  Hobbyist Digital Artist
That's actually very good you know, keep up with the good work XD
Reply
:iconninjatanner:
NinjaTanner Featured By Owner Oct 15, 2013  Hobbyist Digital Artist
I'm still  mad at myself for not saving before i cropped it.. but oh well.

And thank you!
Reply
:iconswirled--dreams:
Swirled--Dreams Featured By Owner Sep 8, 2013
This looked so easy...
But I tried making one and it looks like trash.. ;o;
Reply
:iconkoffeelam:
koffeelam Featured By Owner Sep 8, 2013  Hobbyist Digital Artist
All you need is more practice XD
Reply
:iconshiriumi:
Shiriumi Featured By Owner Sep 2, 2013
Why does it look so easy O-O
Reply
:iconkoffeelam:
koffeelam Featured By Owner Sep 2, 2013  Hobbyist Digital Artist
Because it is super easy~!!! XD
Reply
:iconshiriumi:
Shiriumi Featured By Owner Sep 3, 2013
Hm.. xD
I am trying it out later~:>
Reply
:iconcute-heart:
Cute-Heart Featured By Owner Aug 9, 2013  Student General Artist
omg this is so cute :D
Reply
:iconrandomteenager98:
randomteenager98 Featured By Owner Jul 31, 2013  Hobbyist Traditional Artist
IS photoshop CS4 free?
Reply
:iconkoffeelam:
koffeelam Featured By Owner Jul 31, 2013  Hobbyist Digital Artist
Unfortunately it's not, but I'm using Photoshop CS4 portable, and it's just the same as the licensed one (actually there are some features that can't be used but no harm to me)
you can find it anywhere on google, easy to install and only around 50 60mb :meow:
Reply
Add a Comment: