HOME | DD

FiveontheAnimated pixel icon tutorial.1

Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124660; 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. 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 (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

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

LaConeja In reply to ??? [2013-06-23 08:50:15 +0000 UTC]

Thank you
[link]

👍: 0 ⏩: 1

Fiveonthe In reply to LaConeja [2013-06-24 00:23:09 +0000 UTC]

That looks awesome!

👍: 0 ⏩: 1

LaConeja In reply to Fiveonthe [2013-06-24 02:08:51 +0000 UTC]

Thanks ^^ your tuto really helps

👍: 0 ⏩: 0

honrupi In reply to ??? [2013-06-03 23:28:08 +0000 UTC]

This is an awesome tutorial! Thank you!!

👍: 0 ⏩: 1

Fiveonthe In reply to honrupi [2013-06-05 08:01:16 +0000 UTC]

Glad it helps!

👍: 0 ⏩: 0

NaroKusanagi In reply to ??? [2013-05-29 04:19:04 +0000 UTC]

I tried making a pixel icon
I've been 'hunting' for this tutorial for a while~XD
Thank you so much for making this...But yeah,my icon is not animated...I'm lazy

But why can't I make an invisible background using Paint Tool SAI English Version?I have GIMP,but I still haven't figured out how to use it

👍: 0 ⏩: 1

Fiveonthe In reply to NaroKusanagi [2013-05-29 08:04:30 +0000 UTC]

Wah its alright, good start ! I don't think SAI supports transparency ;

👍: 0 ⏩: 1

NaroKusanagi In reply to Fiveonthe [2013-05-29 08:07:59 +0000 UTC]

Well,maybe not the English Version

👍: 0 ⏩: 0

bluerabbit66 In reply to ??? [2013-05-19 19:33:44 +0000 UTC]

thanks to your tutorial, i could make this : [link]

👍: 0 ⏩: 1

Fiveonthe In reply to bluerabbit66 [2013-05-20 10:06:42 +0000 UTC]

"this" is absolutely adorable !!! xD

👍: 0 ⏩: 1

bluerabbit66 In reply to Fiveonthe [2013-05-20 10:10:22 +0000 UTC]

Awwww >//< Thank you !!

👍: 0 ⏩: 0

RainbowDashCat In reply to ??? [2013-05-16 18:05:33 +0000 UTC]

all these pixels made me dizzy xDD but it is a great tutorial , it hepled me so much !!!! keep up your awesome work !!

👍: 0 ⏩: 1

Fiveonthe In reply to RainbowDashCat [2013-05-18 02:43:54 +0000 UTC]

Haha awesome!!

👍: 0 ⏩: 1

RainbowDashCat In reply to Fiveonthe [2013-05-18 09:24:53 +0000 UTC]

^^

👍: 0 ⏩: 0

DaphInteresting In reply to ??? [2013-05-15 22:54:43 +0000 UTC]

This is the best tutorial for pixel art<3 It tells you exactly what tools you use and just overall helpful. It's laid out very well. Better than the ones I have ran into that doesn't give much help. xP You helped me to create my avatar I have now<3 Thank you so much!

👍: 0 ⏩: 1

Fiveonthe In reply to DaphInteresting [2013-05-16 11:17:55 +0000 UTC]

Wowww, thank you! Your icon looks cute!

👍: 0 ⏩: 1

DaphInteresting In reply to Fiveonthe [2013-05-16 23:00:10 +0000 UTC]

Np at all<3 Thank you! I love your icons too<3 I still got to practice on fullbody hehe.

👍: 0 ⏩: 0

inJazztice In reply to ??? [2013-05-10 13:57:14 +0000 UTC]

this tutorial is awesome help! thank you so much!

👍: 0 ⏩: 1

Fiveonthe In reply to inJazztice [2013-05-11 09:02:31 +0000 UTC]

Awesome!

👍: 0 ⏩: 0

OberonsChild In reply to ??? [2013-05-07 12:10:53 +0000 UTC]

Loved this tutorial!!

👍: 0 ⏩: 1

Fiveonthe In reply to OberonsChild [2013-05-07 14:05:13 +0000 UTC]

Thank you!

👍: 0 ⏩: 0

Lollipoplovesu In reply to ??? [2013-04-20 22:56:01 +0000 UTC]

This doesn't help bc I have GIMP and the animation part is diff... Wah

👍: 0 ⏩: 1

Fiveonthe In reply to Lollipoplovesu [2013-04-21 03:04:34 +0000 UTC]

I'm not too familliar with GIMP, sorry! ;;;

👍: 0 ⏩: 1

Lollipoplovesu In reply to Fiveonthe [2013-04-21 19:48:49 +0000 UTC]

It's fine!

👍: 0 ⏩: 0

AngelicCupcake In reply to ??? [2013-04-19 22:36:06 +0000 UTC]

Thank you so much for doing this! Your wisdom helped me to make this .
I'm sorry for completely copying the eyes, but I suck at pixel art. OTL

👍: 0 ⏩: 1

Fiveonthe In reply to AngelicCupcake [2013-04-20 04:11:39 +0000 UTC]

It's totally alright! Keep pixelling! It looks great

👍: 0 ⏩: 1

AngelicCupcake In reply to Fiveonthe [2013-04-20 10:58:15 +0000 UTC]

Thank you! I will!

👍: 0 ⏩: 0

Recca-Kun In reply to ??? [2013-04-19 02:21:42 +0000 UTC]

this is very helpful dear
umh...can i use this in pain tool sai?

👍: 0 ⏩: 1

Fiveonthe In reply to Recca-Kun [2013-04-19 09:15:11 +0000 UTC]

You can try? I'm not sure / familliar with it though ^^

👍: 0 ⏩: 0

IllusriArt In reply to ??? [2013-04-17 02:08:16 +0000 UTC]

I used your wonderful tutorial to make my icon a while back and was just going over it again, thank you so much for making this!

👍: 0 ⏩: 1

Fiveonthe In reply to IllusriArt [2013-04-17 13:32:38 +0000 UTC]

Aw, thats awesome!!!

👍: 0 ⏩: 1

IllusriArt In reply to Fiveonthe [2013-04-17 15:05:20 +0000 UTC]

Thanks you so much!!! *honored*

👍: 0 ⏩: 0

UNDEAD-Tomato In reply to ??? [2013-04-05 11:14:24 +0000 UTC]

👍: 0 ⏩: 1

Fiveonthe In reply to UNDEAD-Tomato [2013-04-07 03:16:12 +0000 UTC]

👍: 0 ⏩: 1

UNDEAD-Tomato In reply to Fiveonthe [2013-04-09 14:51:58 +0000 UTC]

see that icon? with u i dont know what i wouldve done

👍: 0 ⏩: 1

Fiveonthe In reply to UNDEAD-Tomato [2013-04-10 08:27:43 +0000 UTC]

It looks awesome!

👍: 0 ⏩: 1

UNDEAD-Tomato In reply to Fiveonthe [2013-04-10 14:05:36 +0000 UTC]

why thank you x3

👍: 0 ⏩: 0

mnvulpin In reply to ??? [2013-03-24 17:47:23 +0000 UTC]

Thank you, this tutorial really helped me

👍: 0 ⏩: 1

Fiveonthe In reply to mnvulpin [2013-03-25 08:36:50 +0000 UTC]

Most welcome! ^^

👍: 0 ⏩: 0

njrmdrsj In reply to ??? [2013-03-24 06:53:47 +0000 UTC]

This tutorial is amazing and so easy to understand and do. Thank you so much! I can make these now because you were nice enough to share your knowledge. This is what I was able to do on my first try: [link]

👍: 0 ⏩: 1

Fiveonthe In reply to njrmdrsj [2013-03-24 13:28:25 +0000 UTC]

Wah, it's so cute!

👍: 0 ⏩: 0

Feather334 In reply to ??? [2013-03-17 00:30:30 +0000 UTC]

your art and icons are gorgeous! you deserved that DD! =w=
just one question though.. i made a bouncing picture on paint with only 2 frames. the size however is bigger than it should be and dA won't accept that.
i commissioned someone an icon, and it's animated as well, and the size is too big...
can i fix that somehow? .-.

👍: 0 ⏩: 1

Fiveonthe In reply to Feather334 [2013-03-17 13:58:57 +0000 UTC]

On paint?? If you save it as a .GIF make sure it's saved to No Dither 128 ^^
About the commissioned icon - ask the artist to fix it for you

👍: 0 ⏩: 1

Feather334 In reply to Fiveonthe [2013-03-17 15:18:23 +0000 UTC]

oh okay, thank you for answering! ^^

👍: 0 ⏩: 0

AllouchSukeshi In reply to ??? [2013-03-14 13:44:05 +0000 UTC]

how can you save as GIF? I can't change the format as GIF... OMG! I'm stuck!

👍: 0 ⏩: 1

Fiveonthe In reply to AllouchSukeshi [2013-03-14 13:57:34 +0000 UTC]

I see you go it~!

👍: 0 ⏩: 1

AllouchSukeshi In reply to Fiveonthe [2013-03-14 14:06:07 +0000 UTC]

yea finally

👍: 0 ⏩: 0

AllouchSukeshi In reply to ??? [2013-03-14 13:36:24 +0000 UTC]

wow O.O I will try to make this soon TT^TT

👍: 0 ⏩: 1

Fiveonthe In reply to AllouchSukeshi [2013-03-14 13:57:39 +0000 UTC]

It looks good!

👍: 0 ⏩: 1

AllouchSukeshi In reply to Fiveonthe [2013-03-14 14:04:34 +0000 UTC]

thank you (_ _) I need to make more TT^TT #practice || But I think I should do my work now xD #off task

👍: 0 ⏩: 0


<= Prev | | Next =>