HOME | DD
Fiveonthe —
Animated pixel icon tutorial.1
Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124694; Favourites: 5793; Downloads: 1968
Redirect to original
Description
TUMBLR | FACEBOOK | Commissions
/Edit: OMG WHAT THE HECK ;;;;; THANK YOU SO MUCH GUYS!! I got a DD?!!!
This was so unexpected!! Thank yoou for your support guys ;____; And of course thank you for and for featuring it!
Hi guys ^___^
I've re-done my pixel icon tutorial.. there are two parts to this, because it's like, super huge. Haha sorry!!
Part 1 of 2.
Part two is here: fiveonthe.deviantart.com/art/A…
The pixel palette can be found here: www.kawaiihannah.com/pixelart/…
The DA user is:
I've found new methods, ways, tips and tricks that will help you out better than the last tutorial. 
If you think it's hard, give it a try first. I used a tutorial before that was sort of hard to understand, but once I read through it again and again, look where it's brought me 
If you have any questions, anything at all, let me know! <3
FAQ
A note:
PHOTOSHOP: To resize with anti-alias, press CTRL+K (Options/Preferences) and change the option from Bicubic (Smoother) to Nearest Neighbour ^^
-Photoshop CS4: How to change the eraser mode to pencil?
In the tool bar at the top right next to the Brush options is the Mode button with the Pencil, Block and Brush choices for the type of erasing tool.
Photoshop Elements: Where is the pencil tool?
The pencil tool is nested with the brush tool, you can press 'N' to find it. Picture: forums.adobe.com/servlet/JiveS…
Thanks for reading ! <3
Examples
You can see more of my icon collection in my gallery .
Art © Fiveonthe
the old version can be seen here: fiveonthe.deviantart.com/art/H…
Related content
Comments: 1006
awesome pixel art its really amazing how you color and shade with all these colors. Do you maybe use a tool to shade?
👍: 0 ⏩: 1
Hmm? Nope, just use the pencil tool (it's brush tool in pixel form) and eyedropper!! and eraser (in pencil mode) occassionally
👍: 0 ⏩: 1
I see ok btw I really love ur icon. Mine is a little foggy and all so I'm doing some pixel art study to make some cool ones too ^^ Thankies
👍: 0 ⏩: 0
This is amazing, i plan on using it
👍: 0 ⏩: 1
You're welcome! Have fun trying it out
👍: 0 ⏩: 1
meh. I was about to, when I realised my bf's comp don't have ImageReady installed in his comp, saying it fills to omuch and will take too much of the performance -.-
my own comp is broke down
now, how to persuade him to get it >:]
👍: 0 ⏩: 0
It's really help me alot
thank u very much 
👍: 0 ⏩: 2
wow thank you im going to try this
👍: 0 ⏩: 1
I'm just wondering..when your doing the eye animation you have to re-trace everything right? or no..
👍: 0 ⏩: 2
No, just make a layer above the eye and draw the lids half closed, another layer, draw them closed. ^^
👍: 0 ⏩: 3
But I also wonder... is my icon okay..? I tried doing this for the first time and I'm not sure if it looks okay.. and sorry for spamming so many comments on your tutorial.... ; n ;
👍: 0 ⏩: 1
Yes~ It's cute for a first attempt
👍: 0 ⏩: 2
But also, what do you mean by the pixels? Like which part? (Sorry I'm just new to this( ; n ; )
👍: 0 ⏩: 1
Somewhere in the tutorial it says something about cleaning up pixels
👍: 0 ⏩: 0
Oh thank you~. At least I know what to improve on now^^
👍: 0 ⏩: 0
I also have another question..what about group icons? Like I tried to put it up but is says" it must be 100x50 and less than 30kb.. do you know?
👍: 0 ⏩: 1
Yea, it's the same. It just has to be 100x50 and less than 30kb.
Normal avatars are 15x15 and less than 15kb ^^
👍: 0 ⏩: 1
Oh,,like I have to shrink the size in order for the gif to fit right?
👍: 0 ⏩: 1
Oh okay ^_^ I thought I was wrong..but sorry for spamming so many comments v o v so many questions on my mind that need to be answered..but on the contrary thank you~
👍: 0 ⏩: 1
Kekeke ~ Yeah, no worries , don't worry about it
Keep pixeling.
👍: 0 ⏩: 2
Okay~ More practice means more perfection~[Well no really perfect but lots of effort~]
👍: 0 ⏩: 0
Okay~ More practice means more effort!
👍: 0 ⏩: 0
Oh wait nevermind I figured it out 
👍: 0 ⏩: 0
Thank you for making this tutorial. I have been curious about moving images for a while now. I'm just curious what to do with the eyes when drawing them. They are each on a different layer?
👍: 0 ⏩: 1
Okay, thank you. A friend of mine asked me to make him an icon out of the blue and I like making my friends happy but I realized I had no idea how to make an icon. 
👍: 0 ⏩: 0
AWESOME~! But... hehehe.... COOL~!
👍: 0 ⏩: 1
Did you try it ?
👍: 0 ⏩: 1
neh~ I can't well, I dont have tablet and I dont own photoshop~ have to wait until I have a tablet... hmmm
👍: 0 ⏩: 1
You can also do it with a mouse and with GIMP ^^
👍: 0 ⏩: 0
This is a really helpful and comprehensive tutorial! Thanks so much for it. <3
👍: 0 ⏩: 1
Thank you for the tutorial! o u o
It was easy to follow, and simply amazing. Kudos to you. 
👍: 0 ⏩: 1
oAo Omg that's so cuute hahaha~ You're welcome~~ ^^
👍: 0 ⏩: 1
Hahaha I think your icon is super cutiepie as well <3 Yours looks much more pro as well~ I think I'll need to practice more if I want to make my own icons reach your level of pro-ness. 
👍: 0 ⏩: 1
<= Prev | | Next =>