HOME | DD

mxlove β€” Animated Avatar - Tutorial

Published: 2009-11-20 00:26:58 +0000 UTC; Views: 24812; Favourites: 586; Downloads: 396
Redirect to original
Description "Quick" Tutorial I did on
HOW TO MAKE AN ANIMATED ICON/AVATAR.

- Using Photoshop (CS3)

Hope the steps are clear enough
(and that it somehow helps..!),
Feel free to ask any questions - I'm here to help!
Enjoy.
Click here to see final results of my "I PS" Icon
Please show your support by if you use this or download it! Thank you! And any donation amount of points is appreciate it! I can be as little as 3
It'll encourage me to make more tutorials!

This tutorial is very simple, for beginners, but if you want to try out some cooler stuff check out this video tutorial: [link] !
by `b0r3d13
-------------------

Ps: Should I mention? now that I think about it, I only discovered I could animate things through photoshop thanks to my friend ~daniedesigns ! and SHE got me addicted... Thank you?
Related content
Comments: 192

LizbethLizard [2013-10-25 11:10:07 +0000 UTC]

Thanks for the tutorial <3

πŸ‘: 0 ⏩: 0

PeppermintSoda [2013-10-14 13:20:50 +0000 UTC]

I didn't know I could do animation right from Photoshop! I think I should connect my art skills with my video making, don't I? I think this tutorial inspired me to create my own avatar. Only if you were a premium member and on was the Critiques button…

πŸ‘: 0 ⏩: 0

jaqu3s [2013-06-08 22:32:20 +0000 UTC]

It's awesome , I love , thanks for sharing

πŸ‘: 0 ⏩: 0

KP-Lionheart [2013-04-05 05:51:23 +0000 UTC]

This is great! Only problem I have is that the file ends up way too big, even if I shorten the frame times and lower the number of frames. How do I make it from 29.9kb to 15kb? :/

πŸ‘: 0 ⏩: 0

ChocoCheshireCat [2013-03-12 00:57:29 +0000 UTC]

thx for the handy tutorial! i made a rly cute one ( i think )

πŸ‘: 0 ⏩: 0

PadawanLinea [2013-02-01 15:22:02 +0000 UTC]

Thank you! This is something I've been wanting to do for a while now!

πŸ‘: 0 ⏩: 0

unicorn-tails [2012-11-29 16:24:10 +0000 UTC]

Could you do one for Gimp? c:

πŸ‘: 0 ⏩: 1

mxlove In reply to unicorn-tails [2013-01-02 02:34:20 +0000 UTC]

I've never used GIMP but I suggest downloading photoshop from the official Adobe site and try it out for free!

πŸ‘: 0 ⏩: 0

Leopard-Enya [2012-08-08 17:46:51 +0000 UTC]

thank you!! It really helped me!

πŸ‘: 0 ⏩: 1

Leopard-Enya In reply to Leopard-Enya [2012-08-08 18:19:52 +0000 UTC]

[link]

πŸ‘: 0 ⏩: 0

Helen-The-Potato [2012-04-22 19:20:04 +0000 UTC]

how do udo it without photoshop?

πŸ‘: 0 ⏩: 1

mxlove In reply to Helen-The-Potato [2013-01-02 02:34:50 +0000 UTC]

I suggest downloading photoshop from the official Adobe site and try it out for free!

πŸ‘: 0 ⏩: 1

Helen-The-Potato In reply to mxlove [2013-01-16 05:11:12 +0000 UTC]

ok thanks

πŸ‘: 0 ⏩: 0

LunaxDawn [2012-03-20 13:55:20 +0000 UTC]

Does this work for Macs too?

πŸ‘: 0 ⏩: 1

mxlove In reply to LunaxDawn [2013-01-02 02:35:14 +0000 UTC]

I believe hotoshop should be the same for both Mac and PC

πŸ‘: 0 ⏩: 0

RussianPassport [2012-03-19 00:14:57 +0000 UTC]

did u use Sai to make this?~

πŸ‘: 0 ⏩: 1

mxlove In reply to RussianPassport [2013-01-02 02:35:24 +0000 UTC]

Photoshop

πŸ‘: 0 ⏩: 0

OokamiChan-12 [2012-03-18 16:19:31 +0000 UTC]

Thank you! that helped so much! ^^

πŸ‘: 0 ⏩: 0

IndigoSparkles [2012-03-16 11:56:57 +0000 UTC]

Is there a way to make animated avatars without using photoshop? cos i dont have it

πŸ‘: 0 ⏩: 3

mxlove In reply to IndigoSparkles [2013-01-02 02:35:37 +0000 UTC]

I suggest downloading photoshop from the official Adobe site and try it out for free!

πŸ‘: 0 ⏩: 1

IndigoSparkles In reply to mxlove [2013-01-02 20:42:59 +0000 UTC]

it.s ok I have it now

πŸ‘: 0 ⏩: 0

Minori2 In reply to IndigoSparkles [2012-05-11 12:46:00 +0000 UTC]

Draw it with paint or something then go to iaza.com

πŸ‘: 0 ⏩: 0

Helen-The-Potato In reply to IndigoSparkles [2012-04-22 19:19:14 +0000 UTC]

i agree i dont have it either

πŸ‘: 0 ⏩: 0

KaiRayne [2012-02-23 04:39:20 +0000 UTC]

YAY!! Thank you for posting this! You helped me make my avatar!!

πŸ‘: 0 ⏩: 0

ShamsArts [2012-01-19 15:35:27 +0000 UTC]

Aw thanks so much!! This was exactly what I was looking for, simple and well explained ^^
It worked

πŸ‘: 0 ⏩: 0

sjsaberfan [2012-01-07 19:56:33 +0000 UTC]

I have a big problem... I'm using Photoshop Elements 8.0 and when I go to the windows tab, there's no "animation" button...

πŸ‘: 0 ⏩: 1

mxlove In reply to sjsaberfan [2013-01-02 02:36:26 +0000 UTC]

I suggest downloading Photoshop CS6 from the official Adobe site and try it out for free!
I don't think Elements have all the features!

πŸ‘: 0 ⏩: 0

KurunaGirl [2012-01-06 13:19:45 +0000 UTC]

I'm sorry... >.< but I tried to make an icon but something went wrong...can you help me please?

[link]

πŸ‘: 0 ⏩: 1

mxlove In reply to KurunaGirl [2013-01-02 02:37:28 +0000 UTC]

Looks like everything's fixed? Let me know if you need more help. So sorry I'm replying like a year too late :$

πŸ‘: 0 ⏩: 0

JeanaWei [2011-12-27 10:38:59 +0000 UTC]

Thanks, took me a long time to make since each of my images is a different size (had to take a screenie for each of them on exactly 50 x 50 size), but the result is nice, thank you!

πŸ‘: 0 ⏩: 0

b1ackskies [2011-12-07 01:56:41 +0000 UTC]

simple and easy to understand. thanks : )

πŸ‘: 0 ⏩: 1

mxlove In reply to b1ackskies [2011-12-16 17:50:42 +0000 UTC]

My pleasure

πŸ‘: 0 ⏩: 0

LoteWilerp [2011-11-28 05:18:37 +0000 UTC]

I wish I could super favorite this!!! I've been trying to figure this out for a LONG time!! thank you!!!!

πŸ‘: 0 ⏩: 1

mxlove In reply to LoteWilerp [2011-11-28 05:24:01 +0000 UTC]

You're welcome

πŸ‘: 0 ⏩: 0

Esmeia [2011-11-17 04:45:57 +0000 UTC]

Very helpful and easy to understand. Thanks for sharing this!

πŸ‘: 0 ⏩: 1

mxlove In reply to Esmeia [2011-11-21 01:43:07 +0000 UTC]

You're welcome

πŸ‘: 0 ⏩: 0

KawaiiWolfi [2011-11-06 22:12:44 +0000 UTC]

help! it wont let me copy and paste my icon to begin with! what do i do?

πŸ‘: 0 ⏩: 1

mxlove In reply to KawaiiWolfi [2011-11-11 15:11:28 +0000 UTC]

You simply right-click on your icon and hit "Copy image" and then when you open your new file on PS, you hit Ctrl+V, it should do the trick!

πŸ‘: 0 ⏩: 0

Louisa-Flowers [2011-11-02 20:11:36 +0000 UTC]

Oh gosh! thank you so so much! all the tutorials i've seen so far just use Imageready ... but i'm so thankful that you can do this as well in photoshop! thanks thanks thanks a bunch!! :3

πŸ‘: 0 ⏩: 0

polipori [2011-10-31 00:03:08 +0000 UTC]

Thanks for the tuto!

πŸ‘: 0 ⏩: 0

charrylove [2011-10-13 23:36:48 +0000 UTC]

thx so much.i've been trying to find out how to make animated avtar

πŸ‘: 0 ⏩: 0

ToboieeTheArtMaker [2011-09-06 17:53:58 +0000 UTC]

thank you soo much!!!!!!it did really help me ^^

πŸ‘: 0 ⏩: 0

ashleighaleigh [2011-08-24 01:33:05 +0000 UTC]

Thanks! This really helped me

πŸ‘: 0 ⏩: 0

Glazba [2011-08-05 05:27:56 +0000 UTC]

love the design really helpfull thanks

πŸ‘: 0 ⏩: 0

RheaRox99 [2011-08-04 03:50:07 +0000 UTC]

Omg!!! this is soooooo kool!! i love it! this is the animation i made (my avatar)!!! This is the best tutorial!!!

πŸ‘: 0 ⏩: 0

Tsuki-no-Me-Keikaku [2011-07-31 20:56:46 +0000 UTC]

This helped me so much. And it's so easy to follow, thank you so much. ^^

πŸ‘: 0 ⏩: 0

StrawberryStar123 [2011-07-04 19:01:45 +0000 UTC]

Thank you - this will be gr8

πŸ‘: 0 ⏩: 0

sedrati [2011-07-01 18:51:39 +0000 UTC]

coooooooooooooool....i ve been looking for an animated stuff..oooh ...great

πŸ‘: 0 ⏩: 0

Nagamasa-sama [2011-06-26 02:12:03 +0000 UTC]

Thank you very much for this tutorial!!

πŸ‘: 0 ⏩: 0

stone-pegasus [2011-06-23 08:56:26 +0000 UTC]

cool i always wondered how to make the animated avatars, i just dont have PS3 *sad*

πŸ‘: 0 ⏩: 1


| Next =>