HOME | DD

Hardrockangel — Animated Avatar Tutorial

Published: 2010-09-04 19:26:06 +0000 UTC; Views: 24553; Favourites: 771; 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

Hardrockangel In reply to ??? [2012-01-01 14:35:35 +0000 UTC]

Welcome!

👍: 0 ⏩: 1

KaySaysRawr In reply to Hardrockangel [2012-01-01 14:39:50 +0000 UTC]

Oh and you know your avatar.
How do you get it with no white background? Just the empty space type thing? If that makes sense... (again)

👍: 0 ⏩: 1

Hardrockangel In reply to KaySaysRawr [2012-01-01 14:41:20 +0000 UTC]

Oh, that's explained in the tutorial, actually.

👍: 0 ⏩: 1

KaySaysRawr In reply to Hardrockangel [2012-01-01 14:42:35 +0000 UTC]

Awsome. Thanks again

👍: 0 ⏩: 1

Hardrockangel In reply to KaySaysRawr [2012-01-01 14:43:06 +0000 UTC]

No problem!

👍: 0 ⏩: 1

KaySaysRawr In reply to Hardrockangel [2012-01-01 14:48:23 +0000 UTC]

👍: 0 ⏩: 0

KurunaGirl In reply to ??? [2011-12-09 12:41:24 +0000 UTC]

This is really helpful! Thank you for making this tutorial!

👍: 0 ⏩: 1

Hardrockangel In reply to KurunaGirl [2011-12-09 13:47:42 +0000 UTC]

My pleasure!
I'm glad it has helped you.

👍: 0 ⏩: 0

ichigatsu91 In reply to ??? [2011-11-19 14:50:46 +0000 UTC]

*making the avatar following your tutorial* thank you very much!

👍: 0 ⏩: 1

Hardrockangel In reply to ichigatsu91 [2011-11-19 16:14:12 +0000 UTC]

Ah, you're welcome!

👍: 0 ⏩: 0

giratina530 In reply to ??? [2011-11-19 02:57:42 +0000 UTC]

my image is 50x50 but it keeps saying the image size is too big and not less than 15kb

👍: 0 ⏩: 1

Hardrockangel In reply to giratina530 [2011-11-19 13:11:50 +0000 UTC]

How many layers have you worked with? o.O
DeviantART avatars have to be smaller than 15kb in size.

👍: 0 ⏩: 1

giratina530 In reply to Hardrockangel [2011-11-19 15:47:21 +0000 UTC]

nevermind i just used the feature that shrinks it for gif

👍: 0 ⏩: 0

sakuratara In reply to ??? [2011-11-08 22:50:23 +0000 UTC]

I need help. In the tutorial, you put the GameBoy pic in Gimp. How did you do that???

👍: 0 ⏩: 1

Hardrockangel In reply to sakuratara [2011-11-08 23:09:52 +0000 UTC]

By opening the file in Gimp.

👍: 0 ⏩: 1

sakuratara In reply to Hardrockangel [2011-11-08 23:21:06 +0000 UTC]

I'm sorry, I should have said it clearer. I meant, I saved it in a file, but when I try to open it, it's not there..

👍: 0 ⏩: 1

Hardrockangel In reply to sakuratara [2011-11-08 23:21:32 +0000 UTC]

As what did you save it? o.O
Gimp handles nearly all files.

👍: 0 ⏩: 1

sakuratara In reply to Hardrockangel [2011-11-08 23:23:18 +0000 UTC]

Well, I wanted to make an eye animation, so I just called it that. Was I supposed to do something with the title or anything??

👍: 0 ⏩: 1

Hardrockangel In reply to sakuratara [2011-11-08 23:31:27 +0000 UTC]

Nope, just save it as a .png and it should open up just fine. The title shouldn't matter.

👍: 0 ⏩: 1

sakuratara In reply to Hardrockangel [2011-11-08 23:33:00 +0000 UTC]

Oh, ok thanks!

👍: 0 ⏩: 1

Hardrockangel In reply to sakuratara [2011-11-08 23:57:11 +0000 UTC]

No problem!

👍: 0 ⏩: 0

mokithewolf In reply to ??? [2011-09-13 01:05:11 +0000 UTC]

meh this is hard!!!!!!!!!!

👍: 0 ⏩: 1

Hardrockangel In reply to mokithewolf [2011-09-13 19:25:55 +0000 UTC]

Which part is?
Maybe I can clarify. c:

👍: 0 ⏩: 1

mokithewolf In reply to Hardrockangel [2011-09-13 19:29:34 +0000 UTC]

well........... Graphicsgale is really confusing! and thats all i'v gotten so far.....

👍: 0 ⏩: 1

Hardrockangel In reply to mokithewolf [2011-09-14 11:31:28 +0000 UTC]

The tools are all explained in the tutorial though.

👍: 0 ⏩: 1

mokithewolf In reply to Hardrockangel [2011-09-14 11:48:46 +0000 UTC]

sorry it just so confusing to me....... im going to try and read your tutorial again

👍: 0 ⏩: 0

AnimeXDrawing In reply to ??? [2011-08-20 21:35:15 +0000 UTC]

Wow so helpful! thx for making it!

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 21:41:33 +0000 UTC]

I'm glad it's helpful!

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 21:45:36 +0000 UTC]

im going off to try to make an animated avvie

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 21:49:03 +0000 UTC]

Awesome!
Be sure to show me afterwards aye! o3o

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 21:56:50 +0000 UTC]

hey but how do u aphaplay to pic? i dont get it it. were do i click? i went to a menu and clicked on add aphapla- watever is its called- channel can u plz help

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 21:59:42 +0000 UTC]

You first have to go to the layer to make the background colour transparent, then you can add the alpha-layer.
It's all there in the tutorial.

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 22:02:37 +0000 UTC]

but were is the layer menu? i clicked on it but it doesnt say anyhting about doing the alpha layer.....

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 22:04:00 +0000 UTC]

I think I'll update this tutorial, I'm working on a new one now.
Alrighty. When you click on the layer menu, you have the option to pick a colour to make transparent: pick the background colour.
Then you go to the menu labeled "Image" and then you go to "Make Alpha Channel".

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 22:07:29 +0000 UTC]

i did that..so now i save it right?

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 22:13:38 +0000 UTC]

Yup! And don't forget to check the box that says "with alpha layer". c:

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 22:19:53 +0000 UTC]

OH!..... i accdentily checked a wrong one last time i see now im gonna try to animate-here comes the HARD part!

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 22:20:42 +0000 UTC]

I'm sure you can do it!

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 22:27:29 +0000 UTC]

hOW DO I MOVE IT? I cant move the it..

👍: 0 ⏩: 1

Hardrockangel In reply to AnimeXDrawing [2011-08-20 22:29:59 +0000 UTC]

It's in the FAQ under the tutorial. :3

👍: 0 ⏩: 1

AnimeXDrawing In reply to Hardrockangel [2011-08-20 22:52:22 +0000 UTC]

Hey i made one! can u check it out? sorry its kinda crappy

👍: 0 ⏩: 0

SheWhoSoars In reply to ??? [2011-08-05 03:40:31 +0000 UTC]

Thanks so much!! <3

👍: 0 ⏩: 1

Hardrockangel In reply to SheWhoSoars [2011-08-05 12:49:53 +0000 UTC]

You're welcome!
And don't forget to link me to the finished piece so I can add it to the collection to show to others.

👍: 0 ⏩: 2

SheWhoSoars In reply to Hardrockangel [2011-08-08 18:51:04 +0000 UTC]

[link] All thanks to your tutorial!!

👍: 0 ⏩: 1

Hardrockangel In reply to SheWhoSoars [2011-08-08 19:01:10 +0000 UTC]

I'm so glad you got the hang of animating!
*checking link now*

👍: 0 ⏩: 1

SheWhoSoars In reply to Hardrockangel [2011-08-08 19:02:32 +0000 UTC]

All thanks to you!!!!! xD lol

👍: 0 ⏩: 1

Hardrockangel In reply to SheWhoSoars [2011-08-08 19:05:22 +0000 UTC]

Hey: you did the animating, not me, aye!

👍: 0 ⏩: 1

SheWhoSoars In reply to Hardrockangel [2011-08-08 19:05:47 +0000 UTC]

xD

👍: 0 ⏩: 0

SheWhoSoars In reply to Hardrockangel [2011-08-05 15:40:30 +0000 UTC]

Ok!

👍: 0 ⏩: 0

Wastelander7 In reply to ??? [2011-08-02 19:09:23 +0000 UTC]

Cool tut! I'm sure I'll find a use for it! Thank you!

👍: 0 ⏩: 1


<= Prev | | Next =>