HOME | DD
Fiveonthe —
Animated pixel icon tutorial.1
Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124482; Favourites: 5793; Downloads: 1967
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
Omg thank you so much, made this icon inspired by your tutorial!
👍: 0 ⏩: 0
Thank you so much for this tutorial, this was the most detailed tuts ive ever seen.
👍: 0 ⏩: 0
Is there anyway I could do this without photoshop?
👍: 0 ⏩: 0
Followed your tutorial, helped a lot! Thank you!
👍: 0 ⏩: 1
Looks awesome - turned out great!
👍: 0 ⏩: 1
I will try this later. This tutorial helps a lot. Thank you! :3
👍: 0 ⏩: 0
gonna try this with clip studio. Hopefully it still works out even though the functions will be a little different
👍: 0 ⏩: 0
Read the top of the post, dudes :') it says photoshop there
👍: 0 ⏩: 1
Doing work, thanks for replying ! hahaha
👍: 0 ⏩: 0
omg!!! thanks a bunch!!! I have photoshop so I can definitely do this xDDD
👍: 0 ⏩: 1
Aww... I can't do this because I don't have photoshop...
👍: 0 ⏩: 1
I cant do this too.... T~T
👍: 0 ⏩: 0
Thanks 4 the the tutorial mate! ^^ It was really helpful!
👍: 0 ⏩: 0
So, I made my icon 50x50 on SAI, but it's now saying it needs to be smaller than 15kB
this is the icon I made
👍: 0 ⏩: 0
May I quickly ask anyone how this can be done on Paint.NET? I have done it before (accidentally), and I have no idea how I did it at all, but I know it's possible and I'd like to ask if someone can tell me how to do it again.
👍: 0 ⏩: 0
thanks so much, it was very helpful for me!
I used it for my current icon
👍: 0 ⏩: 1
Looks awesome dude, good job !
👍: 0 ⏩: 1
You never explain what this is actually made on... .-.
👍: 0 ⏩: 1
how do you save this then ad it as your pfp? I save it to my desktop and it is animated and all that but when I got to change it to my profile pic it says to choose a different because it didn't "display this image to resize" can you tell me how to save it?
👍: 0 ⏩: 1
nevermind I saw your second tutorial and I figured it out. Thank you!
👍: 0 ⏩: 0
THIS is something I dream about everyday. The biggest dream of my life. To be a pixel animator. The problem is that I am not allowed to have Photoshop.
👍: 0 ⏩: 1
you can use gimp (free) or possibly aseprite (paid, $15 not on sale, but cheap and good for animation software, its on steam)
👍: 0 ⏩: 1
Thanks for the answer! I guess I will be using Gimp
👍: 0 ⏩: 1
I have
stalked
and found you
jk jk
Never knew you'd be on here
👍: 0 ⏩: 1
Omg what a CRINGE WORTHY old comment!! xD
All I wanted was to be a pixel artist- and then I gave up because normal art is much better and easier xD
👍: 0 ⏩: 1
I know it may be mentioned, but what has been bugging me is the exporting. What type of file do you export the animation as? Because when I try and do it, it fails to become and animation.
👍: 0 ⏩: 1
Thanks
I tried it though, and it still remains a still image.
However the image and layers are changed, in
perfect sync and are all in the right order. Hm...
any tips on that? o.o
👍: 0 ⏩: 0
Ooh I just noticed you redid it 
👍: 0 ⏩: 0
Hey thank you for the tutorial, finally found it again!
Thanks to you for the explanation for the animation!
It made my Icon now alive
The way I wanted it
hehehe....
👍: 0 ⏩: 1
Why are my things looking like crap? sta.sh/0idncsqrqxx
Do you have any tips?.. i use paint.net and no layers
👍: 0 ⏩: 1
| Next =>