HOME | DD

Hardrockangel — Animated Avatar Tutorial

Published: 2010-09-04 19:26:06 +0000 UTC; Views: 24547; Favourites: 770; Downloads: 300
Redirect to original
Description Download for full-view!

I decided to make a tutorial on how I make my animated avatars since I was asked today.

Both programs I use are free for download, but note that the free version of Graphicsgale does not allow you to animate. That's what I use GIMP for.

The icon I made can be found here .

--

F.A.Q

Q: "I can't move the heart without moving the entire layer in GIMP. How do I solve this?"

A: Simple!
I select that which I want to move and copy it.
Then, I delete what I have selected and paste what I've just copied.
That way you get that part on a floating layer that you can manipulate as you like, until you decide to flatten it onto the layer you just copied the piece from.

--

Please do not trace the image that I use in my tutorial, be original and design something yourself.

And if you create something using this tutorial, link me back to it. I'm curious to see what you guys can create.

Icons created using this tutorial

Have fun!

--

*The GIMP can be downloaded here .

*Graphicsgale can be downloaded here .

--

Edit: Due to the quite large amount of I've gotten for this tutorial I'm going to say it right here: Thank you everyone! It really means a lot to me and I'm happy I could help by making a tutorial of the process I go through when making my avatars.
Related content
Comments: 510

WanderingStarMage [2015-08-18 08:18:35 +0000 UTC]

O: ! Ā I have GIMP just don't know what to do with it O 3 O but now I do!

šŸ‘: 0 ā©: 0

CJTheWolves [2014-08-20 17:40:33 +0000 UTC]

umm i am trying to make a bounce icon and it wont work it always fails on me

šŸ‘: 0 ā©: 0

chibihitomi [2014-02-19 11:34:15 +0000 UTC]

this is super helpful as I am having a go at making one for an avatar and I had no idea on what to do lol thank you!

šŸ‘: 0 ā©: 0

mythicalcryplz [2014-02-01 08:06:20 +0000 UTC]

So i've erm... Had some trouble having my-

<--------

be animated. I says "You can't have animated pictures as your profile" Or somethin'.

Please help? Oh, and this is the animation i wanted!

gyazo.com/5c93f35880db1b15da9d…


šŸ‘: 0 ā©: 1

Hardrockangel In reply to mythicalcryplz [2014-02-01 20:49:37 +0000 UTC]

If I have to guess, the file is probably too big.Ā 

Icons on dA can only be 50x50 in size and have to be 15kb or less in filesize. c:

šŸ‘: 0 ā©: 1

mythicalcryplz In reply to Hardrockangel [2014-02-18 10:13:12 +0000 UTC]

Why thankya~

šŸ‘: 0 ā©: 0

Nami-Star [2013-11-15 14:15:42 +0000 UTC]

THANK-YOU!! I will use this and try to make some!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Nami-Star [2013-11-22 17:43:06 +0000 UTC]

Good luck! <3

šŸ‘: 0 ā©: 1

Nami-Star In reply to Hardrockangel [2013-11-22 17:55:10 +0000 UTC]

Thanks!

šŸ‘: 0 ā©: 0

Gyzmo-Grim [2013-09-16 02:49:25 +0000 UTC]

How do you do it if you're only going to be using two pictures in the animation?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Gyzmo-Grim [2013-09-16 17:57:03 +0000 UTC]

That means you're only using two frames, so ... basically add the info as you would for any type of animation. If that makes sense?

šŸ‘: 0 ā©: 1

Gyzmo-Grim In reply to Hardrockangel [2013-09-16 20:41:41 +0000 UTC]

It makes sense, thanks.

šŸ‘: 0 ā©: 0

HannahDesuChan [2013-08-21 02:19:37 +0000 UTC]

Thank you so much for making this ^^ I hope the one I make works out! xD

šŸ‘: 0 ā©: 1

Hardrockangel In reply to HannahDesuChan [2013-08-22 12:25:57 +0000 UTC]

Good luck!

šŸ‘: 0 ā©: 0

blast-blu [2013-08-09 08:14:57 +0000 UTC]

wait so when i open it with gimp i should save it as?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to blast-blu [2013-08-09 12:08:00 +0000 UTC]

After you've animated it in GIMP, you should save it as a gif-file, with the settings that are shown.

šŸ‘: 0 ā©: 1

blast-blu In reply to Hardrockangel [2013-08-09 20:18:04 +0000 UTC]

i mean from graphics gale i should save it as?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to blast-blu [2013-08-09 20:27:07 +0000 UTC]

A png-file, which is clearly stated in the tutorial.

šŸ‘: 0 ā©: 1

blast-blu In reply to Hardrockangel [2013-08-09 20:28:36 +0000 UTC]

oh really? i guess i didnt see it, sorry

šŸ‘: 0 ā©: 1

Hardrockangel In reply to blast-blu [2013-08-09 20:42:04 +0000 UTC]

No problem!

šŸ‘: 0 ā©: 0

Aikou-H [2013-08-04 06:51:39 +0000 UTC]

Wow, great tutorial! I used it to make my icon ^__^Ā 


I kept running into so many problems doing it on my own, so this is a huge help!Ā 

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Aikou-H [2013-08-06 13:52:48 +0000 UTC]

I'm glad you found the tutorial helpful!

šŸ‘: 0 ā©: 0

MeghanMagica [2013-07-13 03:03:14 +0000 UTC]

Can I use SAI for this or do I need to use GIMP?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to MeghanMagica [2013-07-13 03:06:52 +0000 UTC]

As far as I know, you can't animate in Sai.

šŸ‘: 0 ā©: 1

MeghanMagica In reply to Hardrockangel [2013-07-14 15:07:18 +0000 UTC]

Okie dokie ^-^ thank you!

šŸ‘: 0 ā©: 0

TheWhiteMage101 [2013-07-04 02:00:56 +0000 UTC]

Cool! I think I'll try it! I'm new to deviantart and I keep hearing about Icons, Pixels, Stamps and Sprites!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to TheWhiteMage101 [2013-07-13 03:06:14 +0000 UTC]

I'm glad the tutorial is helpful and best of luck to you!

šŸ‘: 0 ā©: 0

blast-blu [2013-06-18 15:49:14 +0000 UTC]

hey, umm ive got in kind of a problem,
well i dont actualy know how to use gmp though iv actualy downloaded it but it wont work with me obviously because i dnt know how to use it, its kinda hard, so can u plz make a tutorial for that?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to blast-blu [2013-06-18 15:50:56 +0000 UTC]

I don't really have the time to make a tutorial for how to use GIMP and their site actually has a lot of great tutorials. Sorry!

šŸ‘: 0 ā©: 1

blast-blu In reply to Hardrockangel [2013-06-18 15:57:06 +0000 UTC]

realy?!
gee i realy didnt know tht?!
thnx for the help anyway!!!
ill try to help my self thn!
thnx sweetheart!
btw i looove ur icon!

(im so talkative sry for tht)

šŸ‘: 0 ā©: 1

Hardrockangel In reply to blast-blu [2013-06-18 20:37:39 +0000 UTC]

No problem, glad I could help.
And thank you very much!

šŸ‘: 0 ā©: 1

blast-blu In reply to Hardrockangel [2013-06-20 08:23:59 +0000 UTC]

:3 welcome!

šŸ‘: 0 ā©: 0

piiigeon-art [2013-06-02 23:19:29 +0000 UTC]

Do you need to draw the image in Graphicsgale or can that be done in GIMP too?
It just seems that it would be simpler to do so...

šŸ‘: 0 ā©: 1

Hardrockangel In reply to piiigeon-art [2013-06-05 20:30:33 +0000 UTC]

Ah, it's possible to pixel in Gimp, but I find the interface of Graphicsgale to be a bit easier.
And especially the colour-replacement-tool is really handy, in my opinion. Perhaps it's just a matter of what you're used to? c:

šŸ‘: 0 ā©: 1

piiigeon-art In reply to Hardrockangel [2013-06-06 02:41:12 +0000 UTC]

Ah okey, I just wondered because I currently like to make still icons with GIMP, and figured it would save me some time >w<;

šŸ‘: 0 ā©: 1

Hardrockangel In reply to piiigeon-art [2013-06-09 17:47:33 +0000 UTC]

Aaah, if that's what you're used to, then I would advice to just keep using Gimp.
I started with Graphicsgale, so moving to Gimp would be a big switch for me.

šŸ‘: 0 ā©: 1

piiigeon-art In reply to Hardrockangel [2013-06-10 01:48:18 +0000 UTC]

That makes sense, Thank you ^-^

šŸ‘: 0 ā©: 1

Hardrockangel In reply to piiigeon-art [2013-06-15 11:37:30 +0000 UTC]

No problem!

šŸ‘: 0 ā©: 0

Rose-TheCat [2013-05-12 23:48:17 +0000 UTC]

thanks you so very much i have been dieing to know this u the best thanks!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Rose-TheCat [2013-05-13 18:06:43 +0000 UTC]

Glad you find the tutorial helpful!

šŸ‘: 0 ā©: 1

Rose-TheCat In reply to Hardrockangel [2013-05-13 23:10:48 +0000 UTC]

one question do you use both of them or do you choose which one to use?

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Rose-TheCat [2013-05-14 18:08:03 +0000 UTC]

I use both programs.

šŸ‘: 0 ā©: 0

roryalice [2013-03-20 15:42:36 +0000 UTC]

Haha! Thx for the tutorial! I have always wondered how to do this but never really been successful in trying to figure it out on my own!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to roryalice [2013-03-22 20:35:02 +0000 UTC]

No problem! I'm glad you found the tutorial helpful. c:

šŸ‘: 0 ā©: 0

Candyholic97 [2013-02-24 20:01:30 +0000 UTC]

Thank you so very much for this tutorial! Part of this has helped me create these icons! and Thanks again!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to Candyholic97 [2013-03-17 12:07:45 +0000 UTC]

You're welcome!

šŸ‘: 0 ā©: 0

unicorn-tails [2013-01-24 07:55:22 +0000 UTC]

[link] I featured this as help for animation on the tutorial I did here: [link] C: Thanks!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to unicorn-tails [2013-01-25 12:58:44 +0000 UTC]

No problem! I'm gad you found this tutorial helpful.

šŸ‘: 0 ā©: 0

foxfire206 [2012-12-18 17:01:45 +0000 UTC]

thank you so much for this!!!!!

šŸ‘: 0 ā©: 1

Hardrockangel In reply to foxfire206 [2012-12-19 00:42:15 +0000 UTC]

No problem!

šŸ‘: 0 ā©: 0


| Next =>