HOME | DD

FiveontheAnimated pixel icon tutorial.1

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

CLAY-ISH In reply to ??? [2013-03-08 20:58:18 +0000 UTC]

I shall try this! O.O I have GIMP so lets see how well this works.

👍: 0 ⏩: 1

Fiveonthe In reply to CLAY-ISH [2013-03-11 09:29:08 +0000 UTC]

Awesome!!

👍: 0 ⏩: 1

CLAY-ISH In reply to Fiveonthe [2013-03-11 14:55:25 +0000 UTC]

:3

👍: 0 ⏩: 0

ManishaChan In reply to ??? [2013-03-07 00:36:38 +0000 UTC]

i need to try this! got a feeling im gonna fail epicly though

👍: 0 ⏩: 1

Fiveonthe In reply to ManishaChan [2013-03-07 10:22:00 +0000 UTC]

Have fun !!

👍: 0 ⏩: 0

Yinlizzy In reply to ??? [2013-03-05 01:07:22 +0000 UTC]

so basically you actually have to have artistic skill to do this?!?!?!?!?!!?

👍: 0 ⏩: 1

Fiveonthe In reply to Yinlizzy [2013-03-05 10:35:08 +0000 UTC]

It takes practice!

👍: 0 ⏩: 1

Yinlizzy In reply to Fiveonthe [2013-03-05 23:17:50 +0000 UTC]

Yeah, yeah. Hey, if I gave you points, would you make me an icon?

👍: 0 ⏩: 0

Faithful-Imagination In reply to ??? [2013-03-03 23:36:11 +0000 UTC]

This is great by the way! But why does mine a poor quality than yours? [link]

👍: 0 ⏩: 1

Fiveonthe In reply to Faithful-Imagination [2013-03-04 08:10:54 +0000 UTC]

Did you optimize it in GIF 128 non-dithered? It looks fine to me ^^

👍: 0 ⏩: 1

Faithful-Imagination In reply to Fiveonthe [2013-03-05 00:57:42 +0000 UTC]

umm... what does that mean? hehe Doesn't it look choppy? Yours looks so much smoother.

👍: 0 ⏩: 1

Fiveonthe In reply to Faithful-Imagination [2013-03-05 10:35:44 +0000 UTC]

Hm, if you think the animation is 'choppy' you can try adding more frames of animation to smoothen the animation

👍: 0 ⏩: 1

Faithful-Imagination In reply to Fiveonthe [2013-03-05 16:28:30 +0000 UTC]

No. Not the animation. I think the figure is. I can see like all the pixels. It doesn't look clean like yours. Somebody told me it's because I have too much color in mine.

👍: 0 ⏩: 0

Kyouleonrei In reply to ??? [2013-03-01 07:37:01 +0000 UTC]

Arigatou ^_^ Your tutorial is the best !! What a great help xD easy to understand . see my 1st pixel icon <<

👍: 0 ⏩: 1

Fiveonthe In reply to Kyouleonrei [2013-03-02 02:18:43 +0000 UTC]

Hahah, that's awesome!! It looks so cute!

👍: 0 ⏩: 0

scarclaw17 In reply to ??? [2013-02-28 11:48:20 +0000 UTC]

thank you! This really helps for my pixel icon!

👍: 0 ⏩: 1

Fiveonthe In reply to scarclaw17 [2013-03-02 02:18:50 +0000 UTC]

No problems! Good job~!

👍: 0 ⏩: 0

NyanCactus In reply to ??? [2013-02-23 06:39:11 +0000 UTC]

What did you use for this? you never said what...

👍: 0 ⏩: 1

Fiveonthe In reply to NyanCactus [2013-02-23 10:43:51 +0000 UTC]

Photoshop CS ^^

👍: 0 ⏩: 0

Melody-thornheart In reply to ??? [2013-02-22 18:00:43 +0000 UTC]

can you make the backround on sai paint tool transparent? I can't see how

👍: 0 ⏩: 1

Fiveonthe In reply to Melody-thornheart [2013-02-23 03:25:28 +0000 UTC]

You can't :C

👍: 0 ⏩: 1

Melody-thornheart In reply to Fiveonthe [2013-02-23 20:07:46 +0000 UTC]

awww. well I'm screwed :I

👍: 0 ⏩: 0

DevinDesign In reply to ??? [2013-02-14 00:06:24 +0000 UTC]

This has been a great help, im so proud of my first icon >w<

👍: 0 ⏩: 1

Fiveonthe In reply to DevinDesign [2013-02-15 07:56:45 +0000 UTC]

Yay!

👍: 0 ⏩: 1

DevinDesign In reply to Fiveonthe [2013-02-15 14:46:53 +0000 UTC]

XD

👍: 0 ⏩: 0

Crystellica In reply to ??? [2013-02-09 07:11:48 +0000 UTC]

This is really cool :3 I just have a question o3o on the 1600% zoom part, I can't find it on GIMP(the program I use) please if you know if I can do the same with GIMP please tell me how :3 thx!

👍: 0 ⏩: 1

Fiveonthe In reply to Crystellica [2013-02-10 00:26:44 +0000 UTC]

Not quite sure with GIMP. You can still normally zoom so I guess you can try that instead. :C

👍: 0 ⏩: 0

ReiShiba In reply to ??? [2013-01-26 18:20:29 +0000 UTC]

This tutorial is extremely helpful and definitely got me motivated to make some pixel art! Thank you for making such a clear and concise tutorial. I was actually excited to see at the end that there was a part 2!

👍: 0 ⏩: 1

Fiveonthe In reply to ReiShiba [2013-01-28 02:05:59 +0000 UTC]

BDb Of course they would be a part 2 hahah; Nice icon!

👍: 0 ⏩: 1

ReiShiba In reply to Fiveonthe [2013-01-28 04:10:52 +0000 UTC]

Thank you so much for this tutorial again and for the compliment! It was all thanks to your guidance, sempai!

👍: 0 ⏩: 0

LadyCheck In reply to ??? [2013-01-26 09:35:00 +0000 UTC]

awesome tutorial!

I'll use it!~

👍: 0 ⏩: 1

Fiveonthe In reply to LadyCheck [2013-01-28 02:05:46 +0000 UTC]

Nice icon!!

👍: 0 ⏩: 1

LadyCheck In reply to Fiveonthe [2013-02-02 13:32:01 +0000 UTC]

Thank you very much!

It's really thanks to your awesome tutorial, though <3

👍: 0 ⏩: 0

orokay In reply to ??? [2013-01-12 19:54:34 +0000 UTC]

Hey, I was wondering how you can get ImageReady?

👍: 0 ⏩: 1

Fiveonthe In reply to orokay [2013-01-13 03:10:01 +0000 UTC]

It comes with earlier versions of photoshop - eg. CS and CS2, with the newer versions, the 'imageready' is pretty much found inside of photoshop itself. ^^

👍: 0 ⏩: 1

orokay In reply to Fiveonthe [2013-01-13 13:59:20 +0000 UTC]

That explains why I don't have it, I have Elements, haha. Thanks!

👍: 0 ⏩: 0

happy-little-ghost In reply to ??? [2013-01-01 06:36:39 +0000 UTC]

This tutorial was so helpful, thanks so much for making it!

👍: 0 ⏩: 1

Fiveonthe In reply to happy-little-ghost [2013-01-02 12:11:13 +0000 UTC]

Thanks! Glad it helps ^^

👍: 0 ⏩: 0

ArtisticMii In reply to ??? [2012-12-30 08:21:55 +0000 UTC]

Thank you for your guide :hearts: :hearts: !
It helped me make a wonderful icon thanks!

👍: 0 ⏩: 1

Fiveonthe In reply to ArtisticMii [2013-01-02 12:11:29 +0000 UTC]

Thanks! That's cool!

👍: 0 ⏩: 0

SilverBreak In reply to ??? [2012-12-30 01:53:09 +0000 UTC]

This tutorial really help
Used this to create my icon [link]
Thanks again

👍: 0 ⏩: 1

Fiveonthe In reply to SilverBreak [2013-01-02 12:11:22 +0000 UTC]

Wah nice job! It's LUCY RIGHT?!!!! That's awesome@!!!

👍: 0 ⏩: 1

SilverBreak In reply to Fiveonthe [2013-01-02 18:38:03 +0000 UTC]

It's actually my OC lol
Her hairstyle a little bit like lucy tho

👍: 0 ⏩: 1

Fiveonthe In reply to SilverBreak [2013-01-03 11:01:19 +0000 UTC]

Oh ahahahah sorry!! Yeah I mistaken her for Lucy ^^ She's pretty~!!

👍: 0 ⏩: 0

imPide18 In reply to ??? [2012-12-25 17:00:24 +0000 UTC]

Hiii ~
First of all, I want to say Thank You. It helped me alot. But I have a question o __ o
I hope you can help me.
I know it have to be 50x50 and under 15kb... and my picture is already 50x50 and the size is 4,25 KB but dA still can'r resize it :/// I really don't understand it > <
it would be so nice if you could help ~

👍: 0 ⏩: 1

Fiveonthe In reply to imPide18 [2012-12-26 04:35:58 +0000 UTC]

HMmm? Resize? It doesn't need to be resized if it's 50x50

👍: 0 ⏩: 1

imPide18 In reply to Fiveonthe [2012-12-26 08:23:48 +0000 UTC]

Hmm. I don't know. ( It's already 50x50 but dA don't set it up as my icon.
I really don't know what to do now > <

👍: 0 ⏩: 1

Fiveonthe In reply to imPide18 [2012-12-27 10:34:44 +0000 UTC]

Sure it's in .GIF, .JPEG or .PNG?

👍: 0 ⏩: 1

imPide18 In reply to Fiveonthe [2012-12-27 11:57:17 +0000 UTC]

it's .GIF . __ .

I don't know. It's 50x50 and 5KB but still doesn't work > w <
It's so frustating ://

👍: 0 ⏩: 1

Fiveonthe In reply to imPide18 [2012-12-27 13:46:54 +0000 UTC]

That's so strnage.... upload it to sta.sh and link it to me ?

👍: 0 ⏩: 1


<= Prev | | Next =>