HOME | DD

Fiveonthe — Animated pixel icon tutorial.2

Published: 2011-03-01 13:45:46 +0000 UTC; Views: 25344; Favourites: 936; Downloads: 409
Redirect to original
Description Part 2 of 2.
You can see Part one here: [link]

Hope it helpss!! <3 Spent such a long time on it..

art © =Fiveonthe
Thank you for reading!!
Related content
Comments: 219

Ask-Pochi [2013-07-21 06:56:42 +0000 UTC]

Oh my gosh thank you!!! I'm already using it as my avatar~!


Although I have a tiny dot in the top left corners of the icons I make, do you know how to get rid of them?

👍: 0 ⏩: 1

Fiveonthe In reply to Ask-Pochi [2013-07-21 07:20:27 +0000 UTC]

They are probably dots on a certain layer that you forget to erase !

👍: 0 ⏩: 1

Ask-Pochi In reply to Fiveonthe [2013-07-21 07:32:58 +0000 UTC]

Well I actually checked back on the gif on CS5 and it's actually supposed to be transparent after I checked all the layers.

👍: 0 ⏩: 1

Ask-Pochi In reply to Ask-Pochi [2013-07-21 09:26:51 +0000 UTC]

Aha, nevermind! I somewhat figured how to fix it by changing the Matte to none since it was originally on white when I downloaded it!

👍: 0 ⏩: 0

Redilion [2013-07-11 19:05:24 +0000 UTC]

Dear =Fiveonthe! Thank you very much for this tutorial. Now I made my Yzma blink! You were right, this is easy!

👍: 0 ⏩: 1

Fiveonthe In reply to Redilion [2013-07-12 02:06:40 +0000 UTC]

That's amazing !!!

👍: 0 ⏩: 0

rosie0 In reply to ??? [2013-06-11 01:42:19 +0000 UTC]

Thank you so much! I'm so jelly of peeps who make their own Pixel Art, so thanks for getting me inspired to get off my butt and try it. <3

👍: 0 ⏩: 1

Fiveonthe In reply to rosie0 [2013-06-11 02:16:05 +0000 UTC]

Awesome !!! Did you make your icon?!

👍: 0 ⏩: 1

rosie0 In reply to Fiveonthe [2013-06-12 02:24:57 +0000 UTC]

Not yet; working on it. It's not a character but a huge rose C: It's almost done; I'll link it tonite

👍: 0 ⏩: 1

rosie0 In reply to rosie0 [2013-06-12 03:17:54 +0000 UTC]

Here it is!

👍: 0 ⏩: 0

sn0wangel1 In reply to ??? [2013-04-11 03:56:38 +0000 UTC]

Hi, sorry if this is a dumb question, but how do you optimize on photoshop CS5? I tried "Save for Web & Devices", but it looks like the colors were messed up a bit

👍: 0 ⏩: 1

Fiveonthe In reply to sn0wangel1 [2013-04-11 10:34:04 +0000 UTC]

Yeah it is Save for Web & Devices. Make sure the options is still GIF 128 Non-Dithered.

👍: 0 ⏩: 1

sn0wangel1 In reply to Fiveonthe [2013-04-11 20:58:28 +0000 UTC]

OK! Thanks

👍: 0 ⏩: 0

TOYIS123 In reply to ??? [2013-04-07 13:33:46 +0000 UTC]

nice

👍: 0 ⏩: 1

Fiveonthe In reply to TOYIS123 [2013-04-08 11:10:28 +0000 UTC]

Thank you!

👍: 0 ⏩: 0

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

Thank you so much, this has helped me more than u know ^-^

👍: 0 ⏩: 1

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

No problem! Glad it helps

👍: 0 ⏩: 1

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

Heehee yes ^-^ im glad to <3

👍: 0 ⏩: 0

Bluesparks4 In reply to ??? [2013-01-17 23:24:10 +0000 UTC]

This was very helpful! *will use soon* The first one was very helpful as well! Thx for posting!

👍: 0 ⏩: 1

Fiveonthe In reply to Bluesparks4 [2013-01-18 02:49:31 +0000 UTC]

Glad it helps!! ^^

👍: 0 ⏩: 0

R3dArkang3l In reply to ??? [2013-01-12 22:34:25 +0000 UTC]

what Photoshop are you using?

👍: 0 ⏩: 1

Fiveonthe In reply to R3dArkang3l [2013-01-13 03:09:37 +0000 UTC]

Photoshop CS and Imageready CS for most of my icons - but now I've updated to Photoshop CS5 ^^

👍: 0 ⏩: 1

R3dArkang3l In reply to Fiveonthe [2013-01-13 20:12:27 +0000 UTC]

cool XD I was wondering cause I just got Photoshop elements 5.0 and I thought you had the elements program, thank you for replying

👍: 0 ⏩: 0

Yuulyn In reply to ??? [2012-12-31 07:15:49 +0000 UTC]

Where do you download your photoshop?

👍: 0 ⏩: 1

Fiveonthe In reply to Yuulyn [2013-01-02 12:10:55 +0000 UTC]

Hmm I have it on a disk so I can't help you there Q___Q But you can download it for a 30 day trial on their website ^^

👍: 0 ⏩: 1

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

Oh then that's ok! Thanks for replying!

👍: 0 ⏩: 0

MiAmourMeow In reply to ??? [2012-11-24 19:03:11 +0000 UTC]

wait...how do you combine the frames?

👍: 0 ⏩: 1

Fiveonthe In reply to MiAmourMeow [2012-11-25 02:13:04 +0000 UTC]

What do you mean combine frames?

👍: 0 ⏩: 1

MiAmourMeow In reply to Fiveonthe [2012-11-26 02:13:17 +0000 UTC]

like...
the animation frames.
On the tutorial, it says "combine them together!... ok"
so i was a bit confused, just assuming you meant the frames, which, if you didn't, i apologize. uwu

👍: 0 ⏩: 1

Fiveonthe In reply to MiAmourMeow [2012-11-26 07:58:42 +0000 UTC]

oh, I meant you could combine different types of animations together eg. blinking and waving tail ^^ nothing technical there! Move on! heheh.

👍: 0 ⏩: 0

NeighborhoodKitty In reply to ??? [2012-11-04 04:27:48 +0000 UTC]

Oh THANK YOU! I have been trying to figure this out for a while and you have helped me so much! My icon is my first animated pixel icon... Well actually it is my first pixel icon

👍: 0 ⏩: 1

Fiveonthe In reply to NeighborhoodKitty [2012-11-04 11:21:52 +0000 UTC]

Awesome!!!

👍: 0 ⏩: 1

NeighborhoodKitty In reply to Fiveonthe [2012-11-04 17:47:55 +0000 UTC]

I know right and thank you again for the having this tutorial! ^^

👍: 0 ⏩: 0

ShopkeeperJoe [2012-10-05 16:50:02 +0000 UTC]

Thanks for this tutorial!
Tho I took really long to figure it out cause I'm dumb :/

👍: 0 ⏩: 1

Fiveonthe In reply to ShopkeeperJoe [2012-10-06 03:26:08 +0000 UTC]

Hahaha www, it takes some time to get used to, but great that you got it!

👍: 0 ⏩: 1

ShopkeeperJoe In reply to Fiveonthe [2012-10-06 03:32:19 +0000 UTC]

Ehhee, thanks alot tho C:
Now I can animate with photoshop \YAY/

👍: 0 ⏩: 0

TheBlueberryCat [2012-10-05 11:11:15 +0000 UTC]

Oh god, so me gusta! thanks for sharing

👍: 0 ⏩: 1

Fiveonthe In reply to TheBlueberryCat [2012-10-06 03:25:52 +0000 UTC]

QAQ You're most welcome~

👍: 0 ⏩: 0

Ohanabi [2012-09-27 10:45:08 +0000 UTC]

hey , i have a question , i don't have an optimized button on the tab above my image , how do i put it ?
my photoshop is cs4

👍: 0 ⏩: 1

Fiveonthe In reply to Ohanabi [2012-09-27 23:21:40 +0000 UTC]

Not sure, but I don't think you need it to be able to optimize Otherwise try View > Optimize or something?

👍: 0 ⏩: 1

Ohanabi In reply to Fiveonthe [2012-09-28 05:30:07 +0000 UTC]

thanks for the tutorial
that's my first gif [link]
i'm still not good at it XD

👍: 0 ⏩: 0

Snake-Spirit [2012-09-16 15:29:33 +0000 UTC]

I have a question. How do you get both the twinkling star thing and the blinking to go on at the same time?? I'm so confused at that point >.<'

👍: 0 ⏩: 1

Fiveonthe In reply to Snake-Spirit [2012-09-16 23:31:29 +0000 UTC]

Do the twinkling first, then go back and do the blinking if it's easier. I see you've already done it though, awesome!

👍: 0 ⏩: 1

Snake-Spirit In reply to Fiveonthe [2012-09-17 00:15:20 +0000 UTC]

Yeah, I figured it out. But, I pretty much did what you said anyways!! And thanks!!

👍: 0 ⏩: 0

aquadopts In reply to ??? [2012-09-03 01:42:53 +0000 UTC]

just a question: How do you save the optimizing? Where exactly is it?

👍: 0 ⏩: 1

Fiveonthe In reply to aquadopts [2012-09-03 08:01:06 +0000 UTC]

File > Save Optimized As... in Imageready. ^^ What version do you have?

👍: 0 ⏩: 0

Rococospade In reply to ??? [2012-09-02 08:19:02 +0000 UTC]

This was very helpful in both technical and inspirational aspects (reading this makes me want to work on sprites~). Thanks so much for taking the time to make and post it! :3

👍: 0 ⏩: 1

Fiveonthe In reply to Rococospade [2012-09-02 09:49:39 +0000 UTC]

;7; Glad you find it helpful! I'd love to see your results ;7;~

👍: 0 ⏩: 1

Rococospade In reply to Fiveonthe [2012-09-03 03:10:49 +0000 UTC]

I'm trying to make a batch, but uploaded two of the animated ones from it... I'm most proud of this [link] and an unposted one though :3

👍: 0 ⏩: 0

Vanilliana In reply to ??? [2012-08-28 08:30:06 +0000 UTC]

Thank you so much for making this! It really helped me make my first ever pixel icon, that I'm using at the moment ;w;

👍: 0 ⏩: 1


| Next =>