Author Topic: Animated gif tutorial (Read 42449 times)

maliciel · « **on:** September 27, 2005, 07:07:13 AM »

I did this for another forum. I thought it'd be useful. o_o

Tools needed to make a faptastic animated .gif

VirtualDubMod or other flavours of VDub
Adobe Imageready

Note : Imageready comes with Photoshop

Pre-making

When you're at the VDubMod site, download VirtualDubMod_1_5_10_2_All_inclusive.zip and extract it to your favourite directory. Then click on VirtualDubMod.exe to run it~

Watch the video, and note down the approximate time you want the gif to start and end.

Note : You can use other VDubs, you just need to have the 'save image sequence' command

Step by step~

Open up vdubmod. Click Open video file..and browse to the video you want to use. After you open it, you should get the frames displayed~

If your intended gif starts at the start of the video, you can skip these next three steps. Click Edit -> Set Selection Start. This sets a selection.

Now, Edit -> Go to.. and put in the time (which you noted when you viewed the video. This would seek to that time. If you're on a blurry frame, click >> (at the bottom of the frames) as much as needed, to get a good frame/good starting point for your .gif

Now, when you picked a good frame for your .gif to start on, go to Edit -> Set Selection End. This would result in a part of the time-bar on your video to be highlighted. After that, just press the Delete button on your keyboard. This would shorten the vid, to start at the beginning of your gif.

Now, use >> or if you have the time copied down, use Go To.. to go to the end of your intended gif. Again, use << or >> to set a good ending frame. Then, use Edit -> Set Selection Start. After that, just drag the seeker all the way till the end, use Edit -> Set Selection End, and press Delete. This will narrow the vid down alot more, and you'll get a vid with just the frames you want. Congrats, you're halfway through!

Now, click File -> Save image sequence to save all your frames into individual images for the .gif

When you select a directory to save to, make sure it's already made beforehand, because VDubMod will not automatically make it for you. I recommend .png, because that's the only format i've tried.

Now, you can close VdubMod after it's done saving. Open ImageReady. File -> Import -> Folder as frames

Self-explanatory. Select the folder you saved the frames in. And no, you don't get to ask what I blurred out. :p

Now, it's up to you to do cropping, or anything you want. Remember to resize so it won't be fucking huge. People tend to get angry when you do that. Now, go to Save Optimized As.., to save your gif. This should get it saved as an animated gif. Voila.

This was my end result~

This concludes the tutorial. I hope you guys found this useful~

shadowstar · « **Reply #1 on:** September 27, 2005, 08:35:26 AM »

awesome-ness.

thanks Mal! I already know how make animated GIF's, but this has lots of awesome tips

TheQuickening · « **Reply #2 on:** September 27, 2005, 04:05:24 PM »

Hmmmm...seems pretty straightforward. Now wait and see how many people start popping up with ani-gifs in their sigs and avvys.

nori-p · « **Reply #3 on:** September 28, 2005, 09:02:12 AM »

Thank you very much!!!

I've been wondering how to make a GIF.

Sexy Beam · « **Reply #4 on:** September 29, 2005, 02:37:45 AM »

Oh. o_O

See, I used to just take a screen shot... One by one and animate it on ImageReady. But it took A VERY LONG TIME.

So I gave it up cos it was too time consuming.

Thanks!

kuno_thunder · « **Reply #5 on:** September 29, 2005, 08:50:15 AM »

Hmm, seems like ImageReady doesn't like my computer. Oh well, hopefully a complete reformat and Windows XP will change all of that.

Kennethzzz · « **Reply #6 on:** March 08, 2006, 01:42:32 PM »

oo thx for the guide

Yasu · « **Reply #7 on:** March 08, 2006, 02:26:25 PM »

Hey, thanks, Mal!

I'm glad someone found this and bumped it ~

sothich · « **Reply #8 on:** April 05, 2006, 12:52:52 AM »

wow thanks Maliciel so much for this tut

sothich · « **Reply #9 on:** April 05, 2006, 11:02:35 PM »

yeahh I have the first Animated gif

tks Maliciel again ^.^

Vodka · « **Reply #10 on:** April 06, 2006, 05:58:52 PM »

Great tutorial! (probably more informative than any of my Math or Physics tutorials)

Tao Priest · « **Reply #11 on:** April 14, 2006, 02:20:28 AM »

I will try it at the weekend!

Thx for the tutorial!

Stone_Bone · « **Reply #12 on:** April 15, 2006, 01:53:48 PM »

I try to use it

Thanks i searched such a Tutorial since long ago ^__^ *ieeeek*

ziggurat · « **Reply #13 on:** October 03, 2006, 06:17:17 AM »

Thanks mal! great tutorial. i need to know what is the blurred up entry.. lol

num2son · « **Reply #14 on:** December 15, 2006, 05:10:10 AM »

Thanks again.

Fracture · « **Reply #15 on:** December 16, 2006, 03:20:26 AM »

Quote from: num2son;259681

http://img258.imageshack.us/img258/2264/untitled1sa0.gif
This is the first one i made Gza - Liquid Swords

THANKS ALOT MAN

It's a good start, you should probably scale down the dimensions, though. One and a half megs is huge for such a short clip.

Also, if you're using ImageReady, familiarize yourself with the optimization pane, you can drop out a lot of unnecessary colors and what-not.

AiChan · « **Reply #16 on:** December 17, 2006, 11:31:32 AM »

Thanks alot for this guide. I'm gonna try it later today.

N1CK70 · « **Reply #17 on:** December 17, 2006, 04:33:15 PM »

Sweet tut, thanks a bunch

drobin · « **Reply #18 on:** December 22, 2006, 08:12:10 AM »

cool tanks man i realy wanted to know how to do a gif

num2son · « **Reply #19 on:** January 16, 2007, 01:02:47 AM »

I have to say thanks again for the tutorial, I've made a dozen since.