AnimeSuki Forum (
-   Tech Support (
-   -   How to make your own animated GIFs (

Uzumaki626 2003-11-10 03:25

How to make your own animated GIFs
Note many questions that you might want to ask are already answered here.

Ok, well here is the revival of the old "How do make Gifs" thread. Enjoy!

Requirements for this tutorial:
1) Adobe ImageReady
2) Virtual Dub
3) Internet Explorer 5+
4) A minor knowledge of the windows interface
5) Avatars are 100 pixels wide and 51200 bytes max

Seting up:
1) Make a folder in which you will do all your work in.
2) Make a folder called DONE in which you will save your completed Gifs to
3) I made a separate folder for each character I do and a misc folder each with its own DONE folder for compiled Gifs

Capturing your screenshots: (Virtual Dub)
1) Open the episode you want
2) Press control+g or Edit--->Go to.
3) Use Jump frame at time: XX:XX:XX
First XX are minutes, second XX are seconds, XX are fractional seconds (dont worry about this one)
5) Go to the first frame of the scene you want to capture and press the MARK IN button.
(At the bottom of the screen the last set of buttons to the right, a black left and right arrow)
6) Go to the last frame of your scene and press the MARK OUT button kinds looks like _>
7)File -----> Save image sequence
8) Choose the location of the folder you made before.
9) Set number of digits to 3, just to be safe (the number of digits wont affect anything but if you only choose 1 digit and your animation numbers in double digits you will get problems later on)
10) Name the files and push OK
11) Wait for it to save your screnshots (the little window in the middle of the window will disappear when its done.

1) Open ImageReady
2) File -----> Import ------> Folder as frames
3) Choose the folder you saved your screenshots to
4) It will load all the pics in order as frames
5) Image ------> Image size
6) Change width to 100, most likely its on 640
7) If you save it as it is now the file will be the right dimensions and you will have an animated gif but it will most likely be too big, you might also want to do some more editing.
8) At the bottom of the screen there is a wide window that has all the frames in separate thumbs.
9) Delete frames to decrease file size
10) If you select a frame and select the new frame button under the thumbs it will make a new frame and in it will be the same pic as the one you had selected before (usefull for loops)
11) Also use the rectangular marquee to select the area you want to show if you want to show a certain part.
12) [b]Image ------> Crop.
13) Cropping and deleting frames (click image then trash can) really makes your gif smaller
14) If you did that and its still too big, make your width smaller, try not to go under 75 then it gets too small and hard to see.
15) Crop BEFORE sizing down to 100
16) When your done go to[b] File ------> Save Optimized Image As
17) Save it in your DONE folder.[/color]

Useful Tip

Custom Actions:

This is one of my favorite features about ImageReady. You can basically have the program "remember" what you do, sort of like teaching it how to do things. I use this to have it "remember" how I did my borders so I can just click the play button and it will do it automatically for me, its very useful and saves you a lot of time:

Locate the window that has "Layers" tab in it

1) Click on the "Actions" tab, to the right of the "History" tab.

2) Click the "Create new action" button. It looks just like the new layer button.

3) Name it, when you press enter you will see a red dot (recording)

4) Just about anything you do will be recorded, make a border and hit the stop button. (to the right of the red dot and the left of the "Create new action" button.

5) Thats all there is to it! Now when you click the play button, it will imitate exactly what you recorded, performing each step in sequential order. click the ">" and it will drop down all the actions it does. You can alter each action to adjust it.

I made an action for "1 Pixel Black Border" "2 Pixel Black Border" "1 Pixel Foreground color" and so on. This REALLY saves you alot of time. I also made one for the Auto levels/contrast feature. I selected layers and did it like 50 times, doing the process to layer 1, clicking the layer above it and doing the same process again, untill I hit a large number of layers. Now instead of doing Auto levels/contrast to every layer I just click play on this bad boy and usually the whole animation gets done in a second, a miracle action :)


@Naruto@ 2003-11-10 03:33

Wow, very nice tutorial. I just read it over and you explained everything very well.

Step by step and everything. Great job. Hopefully if i have time tomorrow i'll definitly

try it out. :bow: :bow: :bow: :D

p3psi 2003-11-10 03:44

about screen capturing, how do i get screen caps from dvds, some dvds dont work with bspalyer.

what folder does the saved screen caps go in WMP when you use ctrl+I?

[Titan] 2003-11-10 06:31

p3psi: I don't know which DVD player you use, but powerDVD has a built in screenshot feature (it's the little button that looks like a photocamera :)

for the screenshots made with WMP, I assume it uses "my documents" or "my pictures" just like most other MS programs.

SirJeannot 2003-11-10 08:35

i'd only use imageready/animation shop & virtualdub/nandub ...

but it's a real pain *u*know*where to do it with animationshop :D

Almighty 2003-11-11 02:02

Uzu you should really try Ulead Gif Animator. That way you can add it to a tutorial since not everybody has Image Ready. As time goes on you can add other programs that are good to use and maybe others can write up tutorials to add to yours to make everyone happy. Just a suggestion though so you dont have to really listen to me.

Learn, live, breathe, Ulead GIF Animator is my thought ;) .

Uzumaki626 2003-11-11 16:02

Exactly what i want, when people help others by answering questions I add it to the tutorial with their name attached to it of course, but I have to be confirmed that the information is true. Almighty if you made a tutorial for Ulead I could add it to this one and ask the mods to make this a sticky

Captain K 2003-11-11 20:24

Hey, your tutorial is awesome, though as you said some of the stuff is a little out of order and can be confusing (especially how you suggest cropping before resizing, but way after you explain how to resize :P that one threw me for a loop at first)! In any case, it rocks and I'm trying out the creation process as we speak. I've made a few so far--my current avatar, and these two, from Full Metal Alchemist and Last Exile:

Not terribly great, but I'm still pleased to be able to make anything at all. If anyone happens to want either of those two (fat chance!) go ahead. :P my question for you Uzumaki--how did you manage to get so many frames into this one and still keep it under 50K?!

I can't seem to fit in even a third of that many frames without going well over 100K filesize... any pointers?

Lambda 2003-11-11 20:37

Just something which a few people might want to bear in mind, some people (like me) have GIF animation turned off in their browsers, so will see precisely the first frame as a still image.

aFlipGuy 2003-11-11 21:05

we allowed to ask where we can get virtual dub?? i tried a while back but i gave up the first 30 sec ^_^ but i'll be trying again but just incase....if its not against the rule ^_^ let me have link

Captain K 2003-11-11 21:27


Originally Posted by aFlipGuy
we allowed to ask where we can get virtual dub?? i tried a while back but i gave up the first 30 sec ^_^ but i'll be trying again but just incase....if its not against the rule ^_^ let me have link

I found that in 3 seconds with a google search... it was the very first hit.

Caliban 2003-11-11 21:33

Captain K: Try comparing the colour quality of Uzumaki626's "Gai Sensei" with your same "Gai Sensei", you will notice that Uzumaki626's GIF has less colour quality which will make the filesize automatically smaller. There is a chance that I might be wrong and that Uzumaki626 did something else though.

aFlipGuy 2003-11-11 21:55

alrite let me reprhaise me looking for the virtual dub....i found that site but they gave me a zip file( which i dunno how to work) and i was looking for an installation file of virtual dub, it can be in that zip file but i dunno what to do w/ it. in that site it said to run virtualdub.exe which was not even in the zip file or maybe i'm just dumb....but anyways i really wanna learn how to make animated gifs and capture screen caps because they have really high quality, well compare to the compressed files you find in the net ^_^ thanx....

Captain K 2003-11-11 22:04


Originally Posted by Caliban
Captain K: Try comparing the colour quality of Uzumaki626's "Gai Sensei" with your same "Gai Sensei", you will notice that Uzumaki626's GIF has less colour quality which will make the filesize automatically smaller. There is a chance that I might be wrong and that Uzumaki626 did something else though.

That makes sense... I'm not terribly familiar with Image Ready, so I don't know exactly how to reduce the color quality in the frames I've pulled from a video file--is it a complicated process?

Uzumaki626 2003-11-11 22:41

If you read the extended tutorial which is linked at the bottom, it tells you alot of extras on how to add border, text, change color size, manage custon actions and sutff. I dont think you saw it cuz your asking that question thats explained in the extended version :D

but anyways yea I dropped some colors and that made it smaller, adding a border also makes the file size smaller

and concerning virtualdub. use WinRar or Winzip or something to decompress it. Its not very big so I dont think it even has a installation file. The version I got, when I decompressed it, it was the actual files. Also becuse it doesnt necessarily put any system files, it doesnt need an installation. But get those programs that can handle .zips and you should be able to get it going.

aFlipGuy 2003-11-11 23:06

thanx but i figured it out ^_^ i'm playing w/ it rite now w/ the only naruto eps i have in my comp ^_^ i have very little disk space so they are deleted after i watch em ^_^

Kireiko 2003-11-12 09:57

arigatou Uzumaki626-san, that was very helpful, i bow down before your knowlege and capabilities..... ^____^

Caliban 2003-11-12 22:22

Lately I've been using VDub Mod to create image sequences and now I came to the question: Which is the best file format(*.tga, *.bmp, *.png) to save an image sequence to do animated avatars/banners? I've been using *.png by the way.

Uzumaki626 2003-11-12 22:53

Im not sure what is the best way Caliban, I have been using .bmp the whole time. And bitmaps have excellent quality and they are good enough for me :)

t//a//s 2003-11-12 23:10

What about exposing what we made with that tuto ? :D
(bad idea for the 56k modems tho :heh: )
(from Pita Ten)
(My lovely Yu from Airmaster ^^; )

Is that a bad idea ? -_-

All times are GMT -5. The time now is 13:56.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.