Introduction: Create an Animated Avatar

Picture of Create an Animated Avatar

This guide will show you how to make a small animated GIF, for use as an avatar in web forums.

Step 1: Get Everything You Need.

First of all, you need to get a copy of the show you want to make a GIF from on your computer. I can't tell you how to do this, but try finding another guide that describes how to rip a DVD into an AVI.

Next, you need a program that will allow you to take screenshots from a movie file. There are many programs that do this. The one I'm using is a free program called "Movie Snapshot," which is available here: http://www.cd2html.de/moviesnapshot.en.html
UPDATE: Another program I would reccomend for this task is VirtualDubMod. It's less simple, and a little more daunting than Movie Snapshot, but I also find it to be a little more stable and compatible with opening movie files. It also has many more features than Movie Snapshot. You can get it here: http://virtualdubmod.sourceforge.net/

Last, you need the GIMP, a free Image editing program, which you can get from this website: http://gimp-win.sourceforge.net/

Step 2: Get the Screenshots

Picture of Get the Screenshots

Open up movie snapshot. It has a pretty simple intercface. Just use the Folder button to browse for your movie file and open it. It'll automatically start playing. When you get to the part you want to get the pictures from, push the pause button. You can use the << and >> buttons to advance or retreat by one frame, and the diskette button to save a picture.
It's a good idea to get something that will be short, simple, and loop easilly. I chose three frames of Bart and Lisa screaming from an episode of the Simpsons.

UPDATE: If you'd like to do this step with VirtualDubMod; open it up, then push Control-O to browse for your video file and open it. You can use the arrow keys to advance one frame forward and backward, or use the arrow buttons at the bottom. You can also use the slider bar, to move quickly through the movie. Once you've found the first frame you want to use, push Shift-1 and it will pop up with a little window, asking where you want to save it. VirtualDubMod defaults to saving in the .TGA format, which you really don't want to do. When saving pictures from VirtualDubMod, choose Bitmap (.bmp) as the output format, because it's a format everythign can open, and it doesn't compress the data. After you've saved the first picture, just advance the video by one frame and save again until you got the whole length of the video that you wanted to use, just like normally.

Step 3: Load Up Your Pictures in the GIMP

Picture of Load Up Your Pictures in the GIMP

If you haven't already, follow the instructions on the Win-GIMP website for installing GTK and GIMP.

Now, Open up GIMP, and drag the first image into the main window, loading it. A new window, with the image, should pop up in GIMP. Also, a window entitled "layers" should pop up. If it doesn't, push Ctrl+L to bring it up. There should be one layer, currently, "Background," which contains the image you dragged into GIMP.


From the folder you're keeping them in, drag the rest of your images into the Layers window of GIMP, one at a time.

Step 4: Make It an Animation

Picture of Make It an Animation

Right click on the image, then go to Filters, Animation, Playback. A new window will pop up, click "play" in it, and it should show you what your animated GIF is going to look like. If it looks like it's playing too fast or too slow, we can change that later. If it looks like the frames are out of order, though, you need to need to change that now, so drag the frames around in the Layers window until it looks right.

Once they're in order, close the animation preview window, and right click on the image, going to the animation menu again, but this time click on "Optimize (For GIF)" It will think for a bit, then come up with a new image window. You can close the old one; we wont be needing it anymore.

Now, click on the new window, and you'll notice that the Layers window changes to reflect the new image. In the layers window, the names of the layers each contain "(100MS)." If you wanted to change the speed your GIF plays as, then do it here, by double-clicking on the name of each layer and changing the 100 to another number. Smaller numbers mean faster; larger numbers mean slower.

You may want to preview the animation again at this point, to make sure everything looks right.

Step 5: Resize the Image

Picture of Resize the Image

Now, if you're using the image as an avatar in a webforum or something, there are probably some size restrictions you need to meet. I'm going to be resizing this image as thoough it needed to be 100x100 pixels. If you're planning on just keeping it as a GIF, or think the size it's at is fine, you can skip this step.

First, you might want to crop the image, to change it's dimmensions. I can make the final image be taller if I cut of the space on the left and right edges so that the image over-all is square.
To do this, right click on the image, then go to Image>Crop That will open up a window like the one shown here. Next to the "Width" and "height" boxes, there is a little chain. Click it so that it is broken. Next, if you want to narrow your image, lower the value in the width box. You'll notice that there's a little thumbnail of your picture that show what is being cut off. Don't like it only cutting off from one side? Then mess with the value in the X:Offset box towards the bottom of the window. Fiddle with this and the Width box, until the thumbnail looks correct. You can also do the same thing with the Height and Y:Offset, if you want to cut off uninsteresting parts from the top and bottom. Click Resize.



Now, we want to resize the image. Right click on the image again, and then go to Image>Resize. Lower the width of height values until you it's their value is within the size restricions you have. In this case, 100X100. Under Interpolation, go to "Cubic" for the best quality. Click on scale.

Step 6: Save It As a GIF

Picture of Save It As a GIF

Click File>Save, save it wherever you want and enter in whatever you want for a filename, as long as it ends in ".gif". A new window will pop up, asking if you want to save it as an animation or merge the layers. Make sure you click "save as animation."

Click export, click ok in the rest of the windows that pop up, and it will save you a brand new animated gif. Now open it, and feel proud of yourself as you watch it.

Comments

samochino (author)2012-05-06

And some example of image in image avatars: Create animated avatar

ukdeejay (author)2011-11-23

Came across this site/tutorial/thread when I 'Googled' "how to create an avatar" -

One question I would like to ask is -

Are there no copyright issues with 'ripping' images (stills) or animations from a DVD? E.g. I quite like your 'little yellow robot' favicon, but wouldn't dream of using it for my own purposes!

Dark Sage (author)2010-04-30

OMG I LOVE YOU!!!!!

Been looking for something like this for months!

And it Worked!!

Thanks soooooooo Much :D

U456 (author)Dark Sage2011-11-02

who is oshey?

emccullough (author)2011-09-13

Thank you SO much for this. <3

creampuff (author)2008-08-17

ok so i fixed that problem, pictures are fine, but now that its complete, how to i get it onto a forum that requires it to have a url (its just saved as a picture) how can i convert it to a url?

yeah568 (author)creampuff2009-01-07

Most likely, you have to upload it to a photo sharing service like Photobucket, or a similar service. After uploading it, you should find a URL of the image under or beside the image.

HCGamer950 (author)yeah5682011-08-01

i cant figure out how to take a picture on the movie snapshot i read the help andit says nothing about screen shot or taking a picture out of the video

dana_m (author)2011-02-08

Hi.
I had the same problem and found Video Avatar. This is simple tool for making moving userpics and staff loke this. Really liked it!
http://www.geovid.com/video_avatar/ - link-)

SakuraXn1 (author)2010-08-14

I cant downlode it

ToushiroDaijo (author)2010-06-12

Yeah When I tryed to do this to make a Toushiro Hitsugaya animation for my Avatar, it didn't squish it, it just cut off the rest.

DJ Radio (author)2009-09-29

What if you want to make an original GIF image? What then?

 Then you skip to #3 except you draw the images yourself.

DemonSlayerThe3rd (author)2010-06-02

 Thanks a lot for this! It's quite simple once you know how to do it. :D Thanks to you, I've made my first moving avatar!

 Here it is:

DemonSlayerThe3rd (author)2010-06-02

Is there a way to save a whole section? like if I don't wanna keep going forward and press save over and over. If I could let it play and it saves as it goes until I stop. Is there a way to do that?

circa90 (author)2010-03-16

i have used programm video avatar very easy and comfortable

Duct Tape Dude (author)2009-12-20

I used machinegun cat!!! (would have pic but i came down with a case of da n00b for stayin out in the 22 inches of snow we got this weekend...) can someone tell me how??

heartsoulofra (author)2009-11-27

I did it! Thanks for the instructable. Thank you also for the comments on vidgif. Definitely a lot easier than screenshots. Now I'm addicted making animated pictures.

liquidsnake (author)2009-09-12

very helpful article.I have developed my avatar using the guidelines.Only problem i am experiencing is that of the size of the file.My file has the size of 136 KB and the allowed file size on the website is 11Kb.How do i reduce the size? thanks!

Hello My Peoples (author)2009-07-22

this is so cool

angelica7 (author)2009-01-28

here is site where you can make real avatar of yourself

http://www.ceveni.com/2009/01/create-your-own-animated-avatar-using.html

zacharyrod (author)2009-01-04

I saved the pictures from MovieSnapShot, but I can't find them to load onto GIMP. Am I doing something wrong, could you explain how I should save the pictures from MSS? Where do they go? Last does a person's OS affect this? My OS is Windows Vista.

KABUKISTAR (author)zacharyrod2009-01-04

Wherever you saved them. When you click the little save button in movie snapshot, it should open up a dialouge for you to select where you want to save the picture, and under what name. Wherever you save it during that part, that's where they'll be.

bounty1012 (author)2008-10-19

when I try to open a movie in movie snapshot it says the pins are not connected... help please?

KABUKISTAR (author)bounty10122008-10-19

If that happens, it's probably a codec error. What type of movie file are you trying to get frames from? If you're having too much trouble with movie snapshot, you can also use VirtualDubMod. Just push Shift+1 to save the frame as a picture, and the left and right arrows to advance frames.

bounty1012 (author)KABUKISTAR2008-10-21

Umm Im trying to use a music video... and where can I get virtualdubmod?

KABUKISTAR (author)bounty10122008-10-22

Before you ask questions like that, try googling it.

Gage987 (author)2008-07-25

i like mine its about 15 frames from a music video by g-unit it LLoyd Banks in my buddy

bounty1012 (author)Gage9872008-10-19

nice

creampuff (author)2008-07-31

I made a demo one, but i didn't use AVI pictures, so it failed. so I guess that to make these, AVI pictures are necessary. thats a bummer, gotta actually convert my pictures

TimZ (author)2008-07-18

I use GeoVid Video Avatar.
It can create avatars from video files. Many options and very easy!
Link here.

Holy (author)2008-05-05

Also you can use VidGif...

BassMan5t9 (author)2008-02-26

I made an .avi file of the video but it wont open up on the Moviesnapshot it says "Class not registered" so its not giving me crap. I've tried all of the other things people have said they used and it still won't work. I'm getting really ticked off because everyone else seems to be having success and i can't!!

KABUKISTAR (author)BassMan5t92008-02-26

There are plenty of guides out there on how to rip a DVD to an AVI. I know atleast one nice program is "Handbrake." As far as other programs for taking screenshots, you can use VirtualDubMod, too. To save a frame in that, just push Shift+1.

Holy (author)2008-02-12

UserPicI use Video UserPic! =)

Jasmin442 (author)2008-01-16

ty its cool but i found another good prog its Video User pic.its not expansive but enyway its have demo without timelimit!this prog for creating video userpics from any digital video files.very easy and very helpful
here more info here
before i worked with Video Avatarit was very good too and this prog have demo with out timelimit too.
you can downlode demo of this progs from links:)
both progs very comfy and easy.i advice you to try them!

hyperdyne (author)2007-10-30

so know that i've seen it all, will it work on Holly Dolly from youtube or is there already an 'instructable', for that? 3173 êαK34

KABUKISTAR (author)2007-10-25

Before you scale it, make sure you canvas it so that the height and width are the same. If you don't want to do that, and don't mind the image getting squished, then just make sure you break the little chain link next to the dimensions, in the scaling dialog.

notoriousmdk (author)2007-10-25

When trying to scale the image, whenever I try to set it at 100 x 100, it automatically defaults to 133 x 100 or 100 x 75. I can't get it to stay at 100 x 100 pixels. What am I doing wrong?

xXxGemmAxXx (author)2007-08-14

on step 3 i dont know how you meen drag the picture in to the main window ? form which program do i drag the picture from and which part of the gimp? i tryed from my picture folder but it doesnt work ! please help :)

KABUKISTAR (author)xXxGemmAxXx2007-08-16

You want to drag the picture, from its folder, into the window that says "the GIMP" in the title bar. If its not working for you, you can always jsut go File>Open instead, like Steve C says.

Steve C (author)2007-08-15

I had to use 'File' and 'Open' to load my background picture, the rest dragged in just fine. Nevertheless, this was really really helpful. There was only one disappointment; GIMP didn't allow me to slow my animation down as much as I would have liked. Thanks

pictureframe (author)2007-07-31

Thanks for posting this! Very handy and very easy to learn :)

anic (author)2007-07-11

hm... i more like this one

prosser (author)2007-03-20

very good instructable, i never realised how easy it is to make these

radiorental (author)2006-06-05

very nice, instructables users should note that animated gifs arent yet enabled in instructables

lemonie (author)radiorental2007-02-25

Animated gifs do not need to be activated, do you mean blocked? This user's animated gif seems to function: joejoerowley

ichibli (author)2007-01-08

I hate You Ashfaq!

christian_j115 (author)2006-10-14

Love this

About This Instructable

202,923views

47favorites

License:

More by KABUKISTAR:Make a Hotpod (Microwaveable neck-warmer)Super easy, three-ingredient cookies.Create Quicktime VR Panoramas
Add instructable to: