Shop Mobile More Submit  Join Login


Submitted on
December 30, 2009
Image Size
1.3 MB


58,949 (5 today)
2,610 (who?)
Awesome Animated Avatar Tut by xXAli-StarXx Awesome Animated Avatar Tut by xXAli-StarXx

:faint: :woohoo: AHHHHHHH A DD!! :woohoo: :faint:
:love: Thanks ^FantasyStock, =mushir =ScENeYmE for suggesting and `znow-white for featuring!! :love:

Excuse me while I got die of happiness!!!!

Warning MASSIVE File!!!

Click download :D You know you want to!

A few people have been asking how I make my avatars, so I decided to dedicate the weekend to making a little tutorial.. Which kind of turned into a massive tutorial!!

If you decide to post the icon on deviantart feel free to leave me a comment with a link to it attached. I'd loved to see what you made :la:

If you use this tutorial please provide a link back, so others can find the tutorial

:bulletpurple: Q & A Time :bulletpurple:

:bulletpink: When I click optimised, the background turns white instead of clear: Where you selected the file size - at the very begining- you should have the option to make the background transparent. If that doesn't work, drag the layer named background (it should be a completely white square) to the trash can down the bottom of the layer pallet, and hopefully that should make the background transparent.
:bulletpink: To fade your name in and out: Just click on the layer you want to fade in and out and change the oppacity (which is a little bar at the top of the layers panel), change it to about 75% then make another slide, change it to 50%, then make another slide change it to 25% then make another slide and change it to 0%. Then do the reverse if you'd like to fade it back in again.
:bulletpink: For photoshop CS3 and CS4 users: If anyone is using CS3/CS4 there is no more Imageready. Instead you have to go to Window --> Animation. Then at the animation bar go to bottom right and click on 3 squares to get the same look as in imageready (Thanks to ~BlazingsNL for the tip for CS3 and CS4 users. :hug:)
:bulletpink: In CS3 when I move one thing every slide changes: I don't have CS3, but my brother told me to get around this problem, he flattened the whole pixel image into one layer, and then created a new layer for each slide.
:bulletpink: I've successfully made an avatar, but it only moves up and down once: In CS3, theres a little drop down menu below the slides which allows you to chose whether you'd like it to repeat forever or just once. (Thankyou to ~Vega-Three for this tip for CS3 users:hug:)
:bulletpink: In CS4 there is no save optimised as Instead you go file --> save for web and devices and select save as a gif. It should be animated.


Avatar used in the tutorial

Avatars made with this tutorial: [link]

:blowkiss: Thankyou for all the faves! It means so much to me :blowkiss:

:bulletpink: Avatar Tutorials How to make avatars

I'm so glad that so many people have been making their own cloud avatars, but remember guys if you're using the tutorial 'd appreciate if you wouldn't claim it as your own idea
Add a Comment:

Daily Deviation

Given 2010-03-18
The suggester writes: Awesome Animated Avatar Tut by =xXAli-StarXx is just what the title says - Awesome! It's a fabulously simple step by step set of instructions on how to create an animated cloud avatar in Photoshop and Image Ready. The artist uses clear language with visuals to help artists make the best of the tools in these programs for future projects. Thank you for sharing! ( Suggested by FantasyStock and Featured by znow-white )
Tudalia Featured By Owner Dec 1, 2014  Student General Artist
What software did you use to make this?
DesignsByKittn Featured By Owner Mar 2, 2014  Hobbyist Digital Artist
Oooh! I really needed this! Thank you!
lachouette Featured By Owner Feb 6, 2014
Good work!
Pink-kitty-kat Featured By Owner Dec 23, 2013  Student Artist
amber1700 Featured By Owner Sep 3, 2013  Student Traditional Artist
Thank you so much :D
abby8438 Featured By Owner Aug 12, 2013
darn i dont have photoshop or the other thing
Friguceler Featured By Owner Oct 1, 2013  Hobbyist
you can also animate stuff in :icongimpplz: gimp, which you can download for free.
TheWhiteMage101 Featured By Owner Jul 7, 2013  Student Digital Artist
Gonna try it! Thanks! :iconfoxhappyplz:

JellyCake734 Featured By Owner Mar 26, 2013
yay I made my first Icon thanks to this...THANK YOU!
SilverTetsusaiga Featured By Owner Mar 6, 2013  Hobbyist General Artist
Thank you soo much for making this !!

I used it here: Clicky !!
Add a Comment: