Shop Mobile More Submit  Join Login
Animated pixel icon tutorial.1 by Fiveonthe Animated pixel icon tutorial.1 by Fiveonthe

/Edit: OMG WHAT THE HECK ;;;;; THANK YOU SO MUCH GUYS!! I got a DD?!!! :icontearplz:
This was so unexpected!! Thank yoou for your support guys ;____; And of course thank you for :iconkhallandra: and :iconshelldevil: for featuring it! :iconmuahplz:



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: :iconkawaiihannah:

I've found new methods, ways, tips and tricks that will help you out better than the last tutorial. :) Another reason why I wanted to make this so that people don't have to use their money on me, and making it themselves will make them feel - proud of themself for achieving something different / trying a new medium!

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 :D (It's up to you to decide if it's good or bad LOL) ~

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
:iconrairakkufenikkusu::iconfiveonthe::iconryuuka-nagare::iconnoc-san:
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…
Add a Comment:
 

Daily Deviation

Given 2011-03-03
Animated pixel icon tutorial.1 by =Fiveonthe Suggesters Words: This is a brilliant tutorial that not only details how to produce a cute pixel art character, but how to animate them too. ( Suggested by Khallandra and Featured by shelldevil )
:iconcypher-boss:
Cypher-Boss Featured By Owner Jan 11, 2016  Hobbyist Digital Artist
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.
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jan 11, 2016
.gif :D 
Reply
:iconcypher-boss:
Cypher-Boss Featured By Owner Jan 11, 2016  Hobbyist Digital Artist
Thanks :D

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
Reply
:iconthe-capricious-clown:
The-Capricious-Clown Featured By Owner Dec 30, 2015  Hobbyist Artist
wow this is really helpful *_*
Reply
:iconlunangel07:
Lunangel07 Featured By Owner Nov 13, 2015  Hobbyist
Ooh I just noticed you redid it ^^; lol thank youuu ~ <3
Reply
:iconmodengineer:
ModEngineer Featured By Owner Oct 19, 2015  Hobbyist Digital Artist
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 :D
The way I wanted it
hehehe....:iconmodengineer:
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Oct 20, 2015
Ah awesome!
Reply
:iconundeadwolf7:
undeadwolf7 Featured By Owner Aug 31, 2015  Hobbyist General Artist
Why are my things looking like crap? sta.sh/0idncsqrqxx
Do you have any tips?.. i use paint.net and no layers
Reply
:iconprofessorlenah:
ProfessorLenah Featured By Owner Sep 20, 2015  Student Digital Artist
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;
Reply
:iconcarrolllapin:
CarrollLapin Featured By Owner Jun 25, 2015  Hobbyist
Thank you for this tutorial! It really helped a lot. I was able to make the icon that I'm using now with it.
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jun 25, 2015
Yeah~!~! It looks great!
Reply
:iconzedna7:
Zedna7 Featured By Owner Jun 6, 2015  Student Digital Artist
used it here: Lucyla animated icon by Zedna7 thanks so much for making this tutorial. It has helped me a lot throughout time
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jun 7, 2015
AWesome!
Reply
:iconzedna7:
Zedna7 Featured By Owner Jun 7, 2015  Student Digital Artist
:squee:
Reply
:iconbubblegumbingo:
BubblegumBingo Featured By Owner May 18, 2015  Hobbyist Digital Artist
Where's the fit to screen part??
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner May 19, 2015
It's under the zoom tab ! ^^
Reply
:iconbubblegumbingo:
BubblegumBingo Featured By Owner May 19, 2015  Hobbyist Digital Artist
Thanks! :D
Reply
:iconnerdylacy:
NerdyLacy Featured By Owner May 15, 2015  Hobbyist General Artist
Sorry to ask, but how do you make your lines look so clean? My turn out weird and don't look smooth. 

Examples: A distant memory but a beautiful moment by xXGamerNetworkXx  Surprise! by xXGamerNetworkXx
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner May 15, 2015
If you erase each pixel so they don't join! I have a section of this in the tutorial itself! :D
Reply
:iconnerdylacy:
NerdyLacy Featured By Owner May 15, 2015  Hobbyist General Artist
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?
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner May 16, 2015
Yeah!
Reply
:iconnerdylacy:
NerdyLacy Featured By Owner May 16, 2015  Hobbyist General Artist
Ok ill try that! Thanks for your help. :D
Reply
:iconpearlabigail13:
pearlabigail13 Featured By Owner Apr 27, 2015  Student Artist
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?
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Apr 28, 2015
Yep! Eyes are a new layer :D
Reply
:iconpearlabigail13:
pearlabigail13 Featured By Owner Apr 28, 2015  Student Artist
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? 
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Apr 29, 2015
It will jsut be harder when you animate because you have to re-draw them all the time :D
Reply
:iconpearlabigail13:
pearlabigail13 Featured By Owner Apr 29, 2015  Student Artist
ah! thank you so much!!!!!!!!!!! Hug Hug Hug 
Reply
:iconkittenkniter:
kittenkniter Featured By Owner Apr 12, 2015  Hobbyist Digital Artist
what animation program did u use I tried with Movie Maker but it didn't turn out the way I wanted it to
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Apr 12, 2015
Photoshop! ^^
Reply
:iconkittenkniter:
kittenkniter Featured By Owner Apr 13, 2015  Hobbyist Digital Artist
ok thank u ;3
Reply
:iconmailinya:
Mailinya Featured By Owner Feb 25, 2015  Hobbyist Digital Artist
Hello! Thank you so much for this great and very useful guide!
My first attempt here: Summerdream by Mailinya

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!
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Feb 25, 2015
Yep ^^ That's right! Nice work~
Reply
:iconmailinya:
Mailinya Featured By Owner Feb 26, 2015  Hobbyist Digital Artist
Thank you ^-^
Reply
:icononislogo:
Onislogo Featured By Owner Feb 22, 2015  Student
Thank you so much! Look at my new icon! :D
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Feb 22, 2015
Ahh so cute!!
Reply
:icononislogo:
Onislogo Featured By Owner Feb 22, 2015  Student
Thank you! It´s the first time i do an icon
Reply
:iconnebubae:
nebubae Featured By Owner Feb 22, 2015  Hobbyist Writer
Ahhh this tutorial makes everything 1768213219821 times easier. THANKYOUUU!!! Super super helpful! And I love your ppixel icon asdhjkl SO CUTE QwQ!!!
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Feb 22, 2015
Hahaha no worries!! Glad it helps!!!
Reply
:iconhiimfromtransformice:
HiImFromTransformice Featured By Owner Jan 19, 2015  Hobbyist Digital Artist
I tried but I couldn't figure out how to color D:
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jan 20, 2015
Use the pencil tool or paintbucket tool? Hehe, what part exactly were you unsure about ?
Reply
:iconhiimfromtransformice:
HiImFromTransformice Featured By Owner Jan 20, 2015  Hobbyist Digital Artist
Im using GIMP to do it.
But on the pencil tool it wont have a color scale or anything
Reply
:iconumbrastar:
Umbrastar Featured By Owner Jan 17, 2015   Digital Artist
Thank youuuuuu!!!!!!Heart 
Is Microsoft Paint good to use??? Just wondering.I am a dummy! 
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jan 17, 2015
Yes you can use it but it doesn't support transparency or animation!
Reply
:iconumbrastar:
Umbrastar Featured By Owner Jan 17, 2015   Digital Artist
Okay! So I should use PhotoShop for animation.
Reply
:iconjinxthesphynx:
JinxTheSphynx Featured By Owner Jan 5, 2015
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
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Jan 8, 2015
Oh? What exactly don't ya get? >V<
Reply
:iconjinxthesphynx:
JinxTheSphynx Featured By Owner Jan 8, 2015
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 :iconfirerageplz: I did all that work for nothing??? :iconexplodeplz:
Reply
:iconsweetcweppypastass2:
SweetCweppypastasS2 Featured By Owner Dec 30, 2014  Hobbyist General Artist
What Program you used? I'll try using GIMP c:
Reply
Add a Comment:
 
×




Details

Submitted on
March 1, 2011
Image Size
2.5 MB
Resolution
1000×10000
Link
Thumb
Embed

Stats

Views
93,479 (6 today)
Favourites
5,731 (who?)
Comments
965
Downloads
1,799
×