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 )
:iconbubblegumbingo:
BubblegumBingo Featured By Owner 4 days ago
Where's the fit to screen part??
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner 3 days ago
It's under the zoom tab ! ^^
Reply
:iconbubblegumbingo:
BubblegumBingo Featured By Owner 3 days ago
Thanks! :D
Reply
:iconxxgamernetworkxx:
xXGamerNetworkXx 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 6 days ago
If you erase each pixel so they don't join! I have a section of this in the tutorial itself! :D
Reply
:iconxxgamernetworkxx:
xXGamerNetworkXx Featured By Owner 6 days ago  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 6 days ago
Yeah!
Reply
:iconxxgamernetworkxx:
xXGamerNetworkXx Featured By Owner 6 days ago  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  New member 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  New member 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
:iconjameshock:
jameshock Featured By Owner Feb 24, 2015
I have visited so many sites but I never got the site like yours, amazing posts with informative latest things. english dubbed anime
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
:iconiceyghosty:
IceyGhosty Featured By Owner Feb 22, 2015  Hobbyist Digital Artist
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
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
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
:iconfiveonthe:
Fiveonthe Featured By Owner Jan 2, 2015
I used photoshop! ^^ I was told that GIMP works perfectly fine :D
Reply
:icontigerpawcake:
tigerpawcake Featured By Owner Edited Dec 20, 2014  Hobbyist Interface Designer
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?
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Dec 27, 2014
Yes you have to buy it!
Reply
:iconkatlover29:
KatLover29 Featured By Owner Dec 15, 2014  Professional Digital Artist
Nice I love it!
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Dec 27, 2014
Thanks!!
Reply
:iconseaplume:
SeaPlume Featured By Owner Nov 20, 2014  Student General Artist
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!
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Nov 20, 2014
Oh I'm glad it helps! Good job!
Reply
:iconrustywakkoaj:
RustyWakkoAJ Featured By Owner Nov 18, 2014  Hobbyist Filmographer
Hey, this helped a lot on making my icon! Thanks!
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Nov 18, 2014
Glad it helps!
Reply
:iconalkeryn:
alkeryn Featured By Owner Nov 15, 2014  Hobbyist Digital Artist
Thanks for making this guide, it was really helpful ^^
Reply
:iconrabe-burros:
rabE-burrOs Featured By Owner Dec 5, 2014  Hobbyist Digital Artist
Oh hey! Fancy meeting you here!
Reply
:iconalkeryn:
alkeryn Featured By Owner Dec 5, 2014  Hobbyist Digital Artist
Hi XD
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Nov 16, 2014
Glad it helps!
Reply
:iconrustywakkoaj:
RustyWakkoAJ Featured By Owner Oct 30, 2014  Hobbyist Filmographer
I love you for making this XD
Reply
:iconfiveonthe:
Fiveonthe Featured By Owner Oct 30, 2014
haha glad it helps!
Reply
Add a Comment:
 
×
Download JPG 1000 × 10000




Details

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

Stats

Views
85,808 (25 today)
Favourites
5,483 (who?)
Comments
950
Downloads
1,741
×