HOME | DD
Fiveonthe —
Animated pixel icon tutorial.1
Published: 2011-03-01 13:43:50 +0000 UTC; Views: 124653; 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. 
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 
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
isnt pixlr a photo affect program?
In the case, i wouldnt imagine it would...
👍: 0 ⏩: 1
You can also make art on Pixlr.
👍: 0 ⏩: 1
really? cool! i didnt know you could ._.
👍: 0 ⏩: 0
I've never heard of Pixlr? If it has a pixel function then I suppose it can
👍: 0 ⏩: 0
I have Photoshop CS6 but not Animation. What do I use?
👍: 0 ⏩: 1
Did you fix it since your icon is now animated??? :3
👍: 0 ⏩: 1
It's alright I figured it out. BTW The icon was a commission from my talented friend
👍: 0 ⏩: 1
Thanks for making this! ^_^ But I just have one question, I have Photoshop Elements 10 so where would I find the animation option? ;u; You probably been asked this question many times...sorry if I bothered you.
👍: 0 ⏩: 1
I'm not really sure with Elements 10, but if it's not too different from the other versions then it should be under
File > Save for Web. In the dialog that opens the new window , check "Animate"
Checkmarking it sets all the defaults for the animation. At the bottom of the options you'll also be able to set the framerate/timing and to checkmark "Loop". Click on the Browser Preview button (bottom right corner of the Preview window) to see your animation in action.
^ found that answer from google~! Hope it helps! No worries
👍: 0 ⏩: 0
omygosh,, this,,, this really helped me a lot... thank u soooooooooo freakin much!!! ;A; /
👍: 0 ⏩: 1
Awwww your icon is adorable~~!!!
👍: 0 ⏩: 1
Used this tutorial to make my icon! This tutorial helped a lot! It was really hard to understand how to animate, since I used Elements 9, and it didn't have Imageready 
👍: 0 ⏩: 1
Oh, that's really awesome! Good job!
👍: 0 ⏩: 1
Thanks so much! This was very helpful
I'm still having issues with animation though :<
👍: 0 ⏩: 1
No problem! What kinda problems are you having?
👍: 0 ⏩: 1
I don't really understand how to animate it. Is the animation part one a different program, and do you have to redraw everything if you wanted it to blink?
👍: 0 ⏩: 1
What version of Photoshop are you using? If it's less than CS2 then it's called "Imageready" and if it's more than CS2 then it will be under the "Window > Animation" tab.
There are many ways to animate~ You can transform the eye until it's closed or otherwise for you can redraw everything to animate. Usually you duplicate the layer and change what you want to animate
👍: 0 ⏩: 1
Oh I think I'll use imageready then
👍: 0 ⏩: 0
Whats dodge and burn? And is it on PaintTool Sai?
👍: 0 ⏩: 1
Paint tool SAI don't have dodge/burn ^^
👍: 0 ⏩: 1
Great tutorial, i will try it , making icons looks like a lot of fun! 
👍: 0 ⏩: 1
Your tutorial really helped :> I just made my icon for my oc . azquezxcreator.deviantart.com/…
👍: 0 ⏩: 1
Thank you . All of yours are adorable too
👍: 0 ⏩: 0
where can i download these programs?
👍: 0 ⏩: 1
Photoshop (trial) -> www.adobe.com/downloads.html
👍: 0 ⏩: 1
and what about imageready?
👍: 0 ⏩: 1
The newest version includes the animation option in it, so Imageready doesn't matter
👍: 0 ⏩: 0
You are so wonderful!! You really have helped me create my first icon, and also animate it! I am so ever indebted to you~<33
👍: 0 ⏩: 1
This really helped me for making my first icon. Thank you~!!
👍: 0 ⏩: 1
No problem! Your icon looks great
👍: 0 ⏩: 1
Seems the pixel palette is no longer there oAo
👍: 0 ⏩: 1
Oh really?? HMm in that case then you can just copy and from the tutorial itself.
👍: 0 ⏩: 0
<= Prev | | Next =>