HOME | DD
Fiveonthe β Animated pixel icon tutorial.2
Published: 2011-03-01 13:45:46 +0000 UTC; Views: 25305; 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
Β
Β Followed your tutorial, helped a lot! Thank you!
Β
π: 0 β©: 0
whenever IΒ got to set the icon as my avatar it comes out with both of the layers showing (
Β ) and I don't know how to fix it. It shows normally on imageready
ps your tutorial is great my dude
π: 0 β©: 0
I am using photoshop CC 2015 and cannot find the optimization settings..
π: 0 β©: 0
Imageready isn't available anymore! What program should I use instead?
π: 0 β©: 1
Newer versions of Photoshop have the animation toolbar installed in it instead
π: 0 β©: 1
Window > AnimationΒ
or Window > Timeline (if you have the newer versions)
π: 0 β©: 1
Hello ^.^ I have a little problem. You see, the icon I'm using right now has some white pixels outside the kitten and when the heart fades out. I've checked multiple times on the timeline, then I optimized it, and during the preview, the white pixels are there. They aren't there when I look at it on the timeline. I play the loop, there's no white behind the heart or the kitten :c I needs help!
π: 0 β©: 1
You mean the white flash?
π: 0 β©: 1
Yeah :c I don't know how to get rid of it. There's also some white pixels around the bow of the cat
π: 0 β©: 1
You can erase the white pixels around the bow of the cat!
This might have been because the brush you used was low opacity (at times) so you may not be able to see it on a transparent bg when you pixel!
What you should do is:
1) go to the original .psd file
2) make the background layer a dark colour (eg. dark maroon or something) so you can see the pixels
3) and then look for the layer the pixels are on and erase them
4) in the animation stage, play through it to see whether it still shows
The white flash is bound to happen because of the optimization settings! So you can't do much about that unless you make the file size larger (which probably won't fit in 15kb size!!)
π: 0 β©: 1
Ah! After 4-5 hours of erasing and doing it again I've done it 
π: 0 β©: 1
No worries! It looks much better!! >V<
π: 0 β©: 1
Hi. I tried to save my pixel as my icon but it said that it should not be bigger than 15kb. Can you please help me with this? Thank you.
π: 0 β©: 1
The animation may be too much! Usually that's the case
π: 0 β©: 1
Okay ~ I know u can do blinking and bouncing together ~
But . . . how do u do it at same time ~ ?
Mines ends up as an awkward bouncing motion like the one shown in my icon [on the left] ~
π: 0 β©: 1
I see you got it done!! It looks very cute!
π: 0 β©: 1
I already have the icon done but how do I put it as my icon? Whenever I try to do it it's not animated
π: 0 β©: 1
I got it, nevermind
π: 0 β©: 0
Welcome! Glad it helps~!
π: 0 β©: 0
Thank you soooo much for this tutorial, you're amazing!Β I was finally able to make my own icon too~ Β Β
π: 0 β©: 1
Thanks for the tutorial! It's really great! now I could make my own icon! Thank you so much!
π: 0 β©: 1
Thank you so much! I made my own Icon with the help of this tutorial!
π: 0 β©: 1
This tutorial is great, thank you, it helped a lot!
fav.me/d7dql6h
π: 0 β©: 0
thanks for this tutorial! came here for the animation partΒ
π: 0 β©: 1
Just made an icon with your help~~~!Β
thankies!!! fav.me/d7689a3
π: 0 β©: 1
awww! It's adorable!!
π: 0 β©: 1
It's very helpful, but when I save it that way it weights 18 kb and dA doesn't let me use it; how can I bring the resolution down?
π: 0 β©: 1
Hmm, I used to have problems with this...
You can try:
1) Changing the animation so it's less complex (take out a couple of frames)
2) Use less colour when pixeling (like 8 or 16 etc) and then you can render at a lower rate (instead of GIF 128, you can try 64 or 32 etc.)
π: 0 β©: 0
Thanks for the very detailed tutorial! Going to try it tonightΒ
π: 0 β©: 1
Thanks for the tutorial! it helped me a lot, my icon is the first pixel icon i made with your help <3
π: 0 β©: 1
Mochi Mochi! Thank you very much for makeing this tutorial. I was able to make my cute icon and I will make some more!!XD
violet-takanori.deviantart.comβ¦
π: 0 β©: 1
| Next =>