HOME | DD
Hardrockangel — Animated Avatar Tutorial
Published: 2010-09-04 19:26:06 +0000 UTC; Views: 24577; Favourites: 772; 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
Are you sure you've selected a color?
👍: 0 ⏩: 1
I did! I even tried other colors
👍: 0 ⏩: 1
That's odd... o.O
And you're sure you were using the pencil tool, not the color replacing-tool? I've made that mistake lots of times before.
👍: 0 ⏩: 1
I'm trying to use the pen tool...
👍: 0 ⏩: 1
This is really weird... I haven't encountered a problem like it before, so I don't think I can help. Maybe you can try uninstalling and reinstalling?
👍: 0 ⏩: 1
im in the same group as you but my little 11 brain cant understand ><
👍: 0 ⏩: 1
Ah, which parts need some clearing up? :3
👍: 0 ⏩: 0
Hey. Could you please help me. I followed your tutorial, and I saved it how you said to, it became a GAL file and it won't upload anywhere, what do I do?
👍: 0 ⏩: 1
Ah, you should've saved it as a .png file.
.gal is the file-type that only associates with Graphics gale, in the same way a .psd file only associates with Photoshop. I hope that clears up the confusion?
👍: 0 ⏩: 1
Sry for totally spamming this, but whenever I move my little heart 9don't worry, I didn't copy you), it moves the whole thing! Help me!
👍: 0 ⏩: 1
No problem! As far as the question goes: I usually have one frame with the heart and select it there. Then I copy that part and paste it on the following layers. Doing so will allow you to move the heart, as then it will be on a floating layer until you position and flatten it onto the layer it needs to be on. I hope this makes sense?
👍: 0 ⏩: 1
How do I copy and paste? (I'm sorry for being so ignorant)
👍: 0 ⏩: 1
Copy: Hold down "crtl" and "c" on your keyboard.
Paste: Hold down "crtl" and "v" on your keyboard.
:3
👍: 0 ⏩: 1
I'm so hopeless....Do you know any good tutorials? I'm sorry it's just that I don't think I'm doing it right
👍: 0 ⏩: 1
Thanks I'll go check it out...
👍: 0 ⏩: 1
I was doing good up until the playing of the animation and the fact that when I saved it as a gif that little window thing didn't pop up...*face-palm* Did you know I've been working on this all day???
👍: 0 ⏩: 1
Are you sure you saved it in GIMP as a .gif file? Because if you did not save it as such, it's only normal for the window not to pop up. And it takes a lot of time now, but I assure you once you get the basics down you'll be able to make things like this much faster.
👍: 0 ⏩: 1
Ok I think I got it...I saved it and it opens up with gimp, is that good?
👍: 0 ⏩: 1
That's just a matter of which program is assigned to open which files. Have you already tried uploading it to deviantART?
👍: 0 ⏩: 1
I'm trying right now, but it won't let me put it in like, ANY category!Plz help!
👍: 0 ⏩: 1
... Avatars go in the following category. "Customization / Icons / Avatars / deviantART"
Could you please at least try to look before you ask? I find it hard to believe you've never uploaded a piece of art before, so the argument "It won't let me put it in any category" isn't quite valid. You can always upload something in any category (though you should always upload in the correct category).
👍: 0 ⏩: 1
Yeah, sorry...I messed up...
👍: 0 ⏩: 1
Wow. :3 Thanks for the help.
With your help i made my icon, to the left of this. :3 Angry little blob.
👍: 0 ⏩: 1
Welcome! The angry little blob looks really good! :3
👍: 0 ⏩: 1
Thanks. My first one ever XDD
👍: 0 ⏩: 1
You're welcome!
👍: 0 ⏩: 0
Omg this tutorial is really helpful but now all I have to do is get my parents to let me download the programs because it says it can hurt my computer and they don't like fixing it for me...XD....
👍: 0 ⏩: 1
The programs are both from a safe source, though by all means ask your parents first. It's always the best thing to do if you're uncertain about something.
👍: 0 ⏩: 1
XD they're not even home....XD
👍: 0 ⏩: 1
Then you'll just have to have some patience.
👍: 0 ⏩: 1
but that's HARD.....and do I HAVE to use gimp?
👍: 0 ⏩: 1
You can basically use any program that supports .gif-files to animate, but I'm more familiar with gimp, which s why this tutorial focuses on GIMP. (:
👍: 0 ⏩: 1
...blegh...I doesn't believe in teh gimp.....
👍: 0 ⏩: 0
btw.... this is gonna sound retarded, but how do you erase? (im trying to make an animation now... and am failing.........)
👍: 0 ⏩: 1
In Graphicsgale or in GIMP? Because in Graphicsgale you can erase by using white, in GIMP you just use the eraser tool. (:
👍: 0 ⏩: 1
ohhh.... so i have to use white to erase..... arg so annoying =/
👍: 0 ⏩: 1
It's something you get used to, though. :3
👍: 0 ⏩: 0
Thanks so so much for the tutorial.
I make this --> [link] I hope you like it!
👍: 0 ⏩: 1
I'm glad you found the tutorial helpful!
I would like to encourage you to try and create something unique from now on, though. The avatar bears a lot of exact resemblance with the one used to illustrate this tutorial.
👍: 0 ⏩: 1
<= Prev | | Next =>