HOME | DD
Fiveonthe —
Animated pixel icon tutorial.1
Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124505; 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
dontcha worry , i started pixelart when i was 5 , and I Still suck ;v;
if you dont know what I mean , look atmy pixelart , Theyre literally crap ;v;
👍: 0 ⏩: 0
Thank you for this tutorial! It really helped a lot. I was able to make the icon that I'm using now with it.
👍: 0 ⏩: 1
used it here: thanks so much for making this tutorial. It has helped me a lot throughout time
👍: 0 ⏩: 1
Where's the fit to screen part??
👍: 0 ⏩: 1
It's under the zoom tab ! ^^
👍: 0 ⏩: 1
Sorry to ask, but how do you make your lines look so clean? My turn out weird and don't look smooth.
Examples:
👍: 0 ⏩: 1
If you erase each pixel so they don't join! I have a section of this in the tutorial itself!
👍: 0 ⏩: 1
I tried doing that but it still didn't turn out so smooth for me. Would it help if I didn't use black for the lines?
👍: 0 ⏩: 1
Ok ill try that! Thanks for your help.
👍: 0 ⏩: 0
Fiveonthe uhmm.. did you seperate those eyes and the skin in a new layer? or the eyes and the skin is in the one layer? uhmm.. should i really seperate them? or there is another way?
👍: 0 ⏩: 1
Yep! Eyes are a new layer
👍: 0 ⏩: 1
Fiveonthe thanks!!!!! ^^ uhmm,,, what will happen if i don't put the eyes in a new layer? the skin and the eyes are in one layer ( when you draw in paint tool sai ) and what will happen when i animate it already, what will happen?
👍: 0 ⏩: 1
It will jsut be harder when you animate because you have to re-draw them all the time
👍: 0 ⏩: 1
ah! thank you so much!!!!!!!!!!!
👍: 0 ⏩: 0
what animation program did u use I tried with Movie Maker but it didn't turn out the way I wanted it to
👍: 0 ⏩: 1
Hello! Thank you so much for this great and very useful guide!
My first attempt here:
I had some issues trying to save the thing, because I have Photoshop CS6 and this version is just different.
Once you've finished working on the frames you have to go 'File > Save for Web..' and then a pop-up shows where you can change the optimizing thing and hit save!
👍: 0 ⏩: 1
Yep ^^ That's right! Nice work~
👍: 0 ⏩: 1
Thank you! It´s the first time i do an icon
👍: 0 ⏩: 0
Ahhh this tutorial makes everything 1768213219821 times easier. THANKYOUUU!!! Super super helpful! And I love your ppixel icon asdhjkl SO CUTE QwQ!!!
👍: 0 ⏩: 1
Hahaha no worries!! Glad it helps!!!
👍: 0 ⏩: 0
I tried but I couldn't figure out how to color D:
👍: 0 ⏩: 1
Use the pencil tool or paintbucket tool? Hehe, what part exactly were you unsure about ?
👍: 0 ⏩: 1
Im using GIMP to do it.
But on the pencil tool it wont have a color scale or anything
👍: 0 ⏩: 0
Thank youuuuuu!!!!!!
Is Microsoft Paint good to use??? Just wondering.
👍: 0 ⏩: 1
Yes you can use it but it doesn't support transparency or animation!
👍: 0 ⏩: 1
Okay! So I should use PhotoShop for animation.
👍: 0 ⏩: 0
Great tutorial but either I am really stupid or just not teachable I have tried to animate and I still dont get how the whole layer frames stuff works Dx
👍: 0 ⏩: 1
Oh? What exactly don't ya get? >V<
👍: 0 ⏩: 1
Its okie I somehow figured it out but is there anyway I can animate with photoshop elements 13 I don't want a gif cause whenever I put it at gif it always says "oh the number of layers is to big or reduce the canvas size" And i'm like I did all that work for nothing???
👍: 0 ⏩: 0
What Program you used? I'll try using GIMP c:
👍: 0 ⏩: 1
I used photoshop! ^^ I was told that GIMP works perfectly fine
👍: 0 ⏩: 0
I just slightly skimmed through this, and I may have missed it, But: What is the Art tool/Photoshop tool called that you use in this tutorial? And does it require download, email, or credit card numbers?
👍: 0 ⏩: 1
Thank you so much for this wonderful tutorial. It took me all night to figure out how to use it with GIMP (the program and my computer's fault, not yours!), but I finally succeeded (more or less), and look forward to exploring more with pixel art. You've done an awesome job!
👍: 0 ⏩: 1
Oh I'm glad it helps! Good job!
👍: 0 ⏩: 0
Hey, this helped a lot on making my icon! Thanks!
👍: 0 ⏩: 1
Thanks for making this guide, it was really helpful ^^
👍: 0 ⏩: 2
| Next =>