HOME | DD
Fiveonthe —
Animated pixel icon tutorial.1
Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124696; 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
;v; I'm not that pro you see... because people have their own styles
I like the way you do your hair >v<
👍: 0 ⏩: 1
PFFT you modest person, you. 
Haha thank you! C:
👍: 0 ⏩: 0
This tutorial helped alot. Thanks for making it
👍: 0 ⏩: 1
You're welcome! Your icon~~ It's so wonderful lololol
👍: 0 ⏩: 0
Thank u for ur tutorial! It really helped me out
👍: 0 ⏩: 1
thanks for the tutorial! I kinda had some success, but I'll improve
👍: 0 ⏩: 1
Yeah! The colours can be more dynamic but in general it's soooooo awesome
👍: 0 ⏩: 1
I know, im still choosing more colors and testing but i wanted to see what it would look like on da for now xD
👍: 0 ⏩: 0
Just like majority of the comments here I would like to thank you for the awesome tutorial!! o3o<3
👍: 0 ⏩: 1
And like many replies, yours is really well done too! ^^ I like the vibrant colours~ Well done~
👍: 0 ⏩: 0
I Thank You~ this tutorial is awesome. awesomesauce all over it.
👍: 0 ⏩: 1
Thank you so much for this tutorial! I figured out how to make my own icon of my OC!
Awesome tutorial, easy to follow, and really helpful.
👍: 0 ⏩: 1
Thanks a bunch! I made one that I'm satisfied with. This tutorial is a big help! ^-^
👍: 0 ⏩: 1
Thanks for much for this. I finally made a cute icon that absolutely love!
👍: 0 ⏩: 1
Thanks! I hope to improve!~ ^^
👍: 0 ⏩: 0
Its really nice tutorial too bad i cant make people.. Q_Q Ill show you what i did tho!
👍: 0 ⏩: 1
This is a really amazing tutorial! Thank you so much for taking time to make it. I can't wait to start making icons of my own! ♥
👍: 0 ⏩: 1
>V< No worries! Let me see it when you're done?
👍: 0 ⏩: 1
Sure! I will comment with a link when I have something. :3
👍: 0 ⏩: 0
Thank you thank you Thank you for making this!! Now I have a pixel icon
👍: 0 ⏩: 1
👍: 0 ⏩: 1
;A; i-i can't find the pencil tool on photoshopcs3. help anyone?
👍: 0 ⏩: 1
okay, I successfully made this and saved it as a .psd, but it will not upload as an icon or deviation. When I try to upload it as a deviation, it makes me use a preview, and uploaded without moving and with some thing in the background :/
👍: 0 ⏩: 1
You have to save it as optimized so that it's saved as a .GIF and it will be able to upload after it's a GIF. ^^
Its under File > Save Optimized As...
👍: 0 ⏩: 2
Nevermind, I was able to fix that.
The only thing is, when I click to preview it in ImageReady, it runs exactly how I want it to. When I try to upload it to dA, however, or as an Icon, it just overlaps the frames, and you can see the old frame behind the current image :/
👍: 0 ⏩: 1
Change the options to GIF 128-No Dither
👍: 0 ⏩: 0
it's only letting me chose from .png and .html when I do that... 
👍: 0 ⏩: 0
this tutorial was very~ helpful
thank you now i have my own pixelated icon
> A <
👍: 0 ⏩: 1
Awww its a crownnnnnn ;v; It's awesome~
👍: 0 ⏩: 1
Ahh, cute and helpful~~~
Thanks for sharing
👍: 0 ⏩: 1
This tutorial's amazing *_* i LOVE pixel char!!!Mine tutorial *_* I'll send u a result (if i will be able to make a pixel char ò.ò) Thank you
👍: 0 ⏩: 1
I tried to make an avatar!!You can see i put it on!!!I'm soooo proud of it *_* Even if i didn't shade...it's hard >.< i hate shadows!
👍: 0 ⏩: 1
No~ It's cute! Without shadows looks cool too ^^ You can always try shadow next time to see how it goes tho ^^
👍: 0 ⏩: 1
Thankies :3 I'll surely try shadows next time!
👍: 0 ⏩: 0
I did the icon, but i dont know how to animate it! My photoshop doesn't support animation, and imageready is not sellable anymore ;_;
still, your tutorial helped me alot! thank you!! ^_^
👍: 0 ⏩: 1
Ah really?? Awww! Did you find a way? Since the icon I see is animated now?
👍: 0 ⏩: 1
yea i did ^_^ Thank you so much for the tutorial again<3
👍: 0 ⏩: 0
oh my goodness! It worked! thanx so much!
(My icon is me hugging an inuyasha doll if you cant see it clearly.)
👍: 0 ⏩: 1
<= Prev | | Next =>