HOME | DD

FiveontheAnimated pixel icon tutorial.1

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

XscarshadowX In reply to ??? [2012-06-01 02:54:37 +0000 UTC]

AWWSOME TUTORIAL!!!
i need to download flash player soon :/ I acidently deleted it ): LAWL C: I gona animate the one i made XD

👍: 0 ⏩: 1

Fiveonthe In reply to XscarshadowX [2012-06-01 08:41:10 +0000 UTC]

XDD Awesome!!

👍: 0 ⏩: 0

fae-ru In reply to ??? [2012-06-01 02:21:29 +0000 UTC]

ah this tutorial is so helpful <3 but I'm stuck on the starting the animations part. I have photoshop cs3 and photoshop elements 8.0, but I can't find imageready or the animations button. Can you please help me? ;A;

👍: 0 ⏩: 1

Fiveonthe In reply to fae-ru [2012-06-01 08:41:44 +0000 UTC]

Oh, CS3 has it's own animation window in photoshop itself. ^^ It's under Window > Animations ?? I'm not sure, it should be the same.

👍: 0 ⏩: 0

NinjasGiveYouWings In reply to ??? [2012-05-29 21:35:11 +0000 UTC]

LE GASP! I wanna do one!

👍: 0 ⏩: 1

Fiveonthe In reply to NinjasGiveYouWings [2012-05-29 23:36:50 +0000 UTC]

Do one!!

👍: 0 ⏩: 1

NinjasGiveYouWings In reply to Fiveonthe [2012-05-29 23:44:26 +0000 UTC]

...I am too lazy...

👍: 0 ⏩: 0

LilyLui In reply to ??? [2012-05-29 01:34:22 +0000 UTC]

This helped more than you can imagine, thank you

👍: 0 ⏩: 1

Fiveonthe In reply to LilyLui [2012-05-29 10:59:09 +0000 UTC]

<3 Glad it helps!!

👍: 0 ⏩: 0

parafluff In reply to ??? [2012-05-28 05:51:50 +0000 UTC]

thx for the help! it taught me how to make pixel icons, which i had always wanted to make.
today i made this one < the one i have as my avatar currently.
thx!

👍: 0 ⏩: 1

Fiveonthe In reply to parafluff [2012-05-28 10:12:26 +0000 UTC]

Owahhhh!!! That's adorable!!

👍: 0 ⏩: 1

parafluff In reply to Fiveonthe [2012-05-28 17:01:55 +0000 UTC]

;alskdjfa;lskdjf
thank u, and once again thx for the tutorial~~ its so well described!

👍: 0 ⏩: 0

MangaThePanda In reply to ??? [2012-05-22 18:53:31 +0000 UTC]

It is a really good tutorial ~ C:
Do you know if you can make the RBG canvas 8-bit on elements?

👍: 0 ⏩: 1

Fiveonthe In reply to MangaThePanda [2012-05-22 23:37:26 +0000 UTC]

Not very sure, you can try You should be able to ^^

👍: 0 ⏩: 0

washi123 In reply to ??? [2012-05-17 02:09:58 +0000 UTC]

WOOOONDERFUL TUTO CONGRATS....

👍: 0 ⏩: 1

Fiveonthe In reply to washi123 [2012-05-17 09:21:29 +0000 UTC]

Thank you~ Glad it helps! ^^

👍: 0 ⏩: 0

ToxicxTaste In reply to ??? [2012-05-08 03:01:45 +0000 UTC]

Thanks for this! It really helped :3

👍: 0 ⏩: 1

Fiveonthe In reply to ToxicxTaste [2012-05-08 13:46:34 +0000 UTC]

Glad it helps!!

👍: 0 ⏩: 0

meowchan321 In reply to ??? [2012-04-28 07:57:18 +0000 UTC]

dang thats pretty epic

👍: 0 ⏩: 1

Fiveonthe In reply to meowchan321 [2012-04-28 13:56:17 +0000 UTC]

XDD Thank you

👍: 0 ⏩: 0

tomcat-tango In reply to ??? [2012-04-15 21:21:58 +0000 UTC]

Is there an explanation on how tp dp it with GIMP instead?

👍: 0 ⏩: 1

Fiveonthe In reply to tomcat-tango [2012-04-16 07:52:37 +0000 UTC]

Hmmm, I'm not too sure because I've never used it before... Sorry QAQ

👍: 0 ⏩: 0

judetoth In reply to ??? [2012-04-10 14:17:36 +0000 UTC]

I'm so excited...wanna try this out..now
I hope i can do it....
Thx for the great tutorial

👍: 0 ⏩: 1

Fiveonthe In reply to judetoth [2012-04-11 05:02:55 +0000 UTC]

8'D It looks great!

👍: 0 ⏩: 1

ForeignButterfly In reply to Fiveonthe [2012-04-15 03:14:53 +0000 UTC]

I made one but I can't seem to be able to upload it as an icon? Any idea why?

👍: 0 ⏩: 1

Fiveonthe In reply to ForeignButterfly [2012-04-15 04:48:19 +0000 UTC]

Save as a GIF and under 15kb!

👍: 0 ⏩: 1

ForeignButterfly In reply to Fiveonthe [2012-04-15 14:40:13 +0000 UTC]

Well I did save it as a GIF, how do I change the kb?

👍: 0 ⏩: 1

Fiveonthe In reply to ForeignButterfly [2012-04-15 14:57:25 +0000 UTC]

Depends, how big is the file first?

👍: 0 ⏩: 1

ForeignButterfly In reply to Fiveonthe [2012-04-15 15:28:34 +0000 UTC]

I had it at 50X50

👍: 0 ⏩: 1

Fiveonthe In reply to ForeignButterfly [2012-04-16 07:53:05 +0000 UTC]

Right click on the file and check Propeties, how big is the file?

👍: 0 ⏩: 1

ForeignButterfly In reply to Fiveonthe [2012-04-16 16:08:54 +0000 UTC]

0 KB (0 bytes)
50px × 50px

Thats what it says.

👍: 0 ⏩: 1

Fiveonthe In reply to ForeignButterfly [2012-04-17 01:44:04 +0000 UTC]

Hmm, upload it to sta.sh and link it to me?

👍: 0 ⏩: 0

obot101 In reply to ??? [2012-04-09 15:39:47 +0000 UTC]

Thanks but I STILL don't understand (Mind helping another deviant to make an animation? {not me})

👍: 0 ⏩: 1

Fiveonthe In reply to obot101 [2012-04-09 15:48:58 +0000 UTC]

What don't you understand?

👍: 0 ⏩: 0

creanima In reply to ??? [2012-04-07 13:32:13 +0000 UTC]

Thanks for this great tutorial! I just overread it right now and it already helped 👍: 0 ⏩: 1

Fiveonthe In reply to creanima [2012-04-08 03:36:01 +0000 UTC]

8'DDDD Awesome!

👍: 0 ⏩: 0

EverydayImherpderpin In reply to ??? [2012-04-05 12:56:01 +0000 UTC]

Thankyou! This helps me soo much!

👍: 0 ⏩: 1

Fiveonthe In reply to EverydayImherpderpin [2012-04-05 13:23:46 +0000 UTC]

You're welcome!!

👍: 0 ⏩: 1

EverydayImherpderpin In reply to Fiveonthe [2012-04-05 13:25:37 +0000 UTC]

But...er....do you use photo shop fo this? Are there any free animation sites that you use?

👍: 0 ⏩: 1

Fiveonthe In reply to EverydayImherpderpin [2012-04-06 07:35:56 +0000 UTC]

Try GIMP or you can just download photoshop trial?

👍: 0 ⏩: 1

EverydayImherpderpin In reply to Fiveonthe [2012-04-06 13:27:33 +0000 UTC]

Mhm mhm mhm, GIMP is supposedly very good yush

👍: 0 ⏩: 0

QueenAllyJean In reply to ??? [2012-03-30 03:42:40 +0000 UTC]

Thanks so much! Thanks to your help, I was able to make my Roxas icon!

👍: 0 ⏩: 1

Fiveonthe In reply to QueenAllyJean [2012-03-30 07:56:51 +0000 UTC]

aklsjflj SO CUTE ;v;

👍: 0 ⏩: 1

QueenAllyJean In reply to Fiveonthe [2012-03-30 21:41:07 +0000 UTC]

Thanks so much!!
I still need to work out some kinks with the animating, but I'll work it out eventually!

👍: 0 ⏩: 0

AyubFrenzy In reply to ??? [2012-03-23 05:17:17 +0000 UTC]

mm ..
i have a little problem here ..
T^T

i cant understand all your english languange

👍: 0 ⏩: 1

Fiveonthe In reply to AyubFrenzy [2012-03-23 08:14:17 +0000 UTC]

OH ok? What language do you speak? Bahasa indonesia? I can speak very little bahasa melayu... haha they are very similar... what do you not understand?

👍: 0 ⏩: 1

AyubFrenzy In reply to Fiveonthe [2012-03-23 09:18:56 +0000 UTC]

oh .. dont mind it ..
i've done to draw my pixel art

and the animation tutorial that you gift is very usefull
thanks :*

👍: 0 ⏩: 0

elloKirby In reply to ??? [2012-03-10 22:40:15 +0000 UTC]

I have another question, sorry for spamming > < I use Photoshop elements for the animating and when I tried to animate, it didn't blink with the picture, like each frame is by itself..do you know? Sorry for bad English > <

👍: 0 ⏩: 1

Fiveonthe In reply to elloKirby [2012-03-11 00:19:52 +0000 UTC]

I don't know because I don't use elements! Sorry T____T But I search on google and maybe this helps?
[link] (Skip to Step 4)

👍: 0 ⏩: 1

elloKirby In reply to Fiveonthe [2012-03-11 00:35:24 +0000 UTC]

Oh > < last time used Elements and I had to duplicate each layer to get the other icon that you told me to clean the pixels > <. Like it still doesn't work so probably I'm going to have to downlad another program but what programs do you use to animate pixels? ;;

👍: 0 ⏩: 0


<= Prev | | Next =>