AnimeSuki Forums

Register Forum Rules FAQ Members List Social Groups Search Today's Posts Mark Forums Read

Go Back   AnimeSuki Forum > AnimeSuki & Technology > Tech Support

Notices

Reply
 
Thread Tools
Old 2003-11-10, 03:25   Link #1
Uzumaki626
-=GIF Sennin=-
 
Join Date: Nov 2003
Location: The Sonoran Desert
Send a message via MSN to Uzumaki626
Lightbulb 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.


ImageReady:
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

Uzumaki626

Last edited by NoSanninWa; 2007-02-04 at 20:06.
Uzumaki626 is offline   Reply With Quote
Old 2003-11-10, 03:33   Link #2
@Naruto@
Mind Sweeper
 
Join Date: Jun 2003
Location: Toronto, North York
Age: 31
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.
__________________

He who controls the future, controls the past and present......... that would be me.
@Naruto@ is offline   Reply With Quote
Old 2003-11-10, 03:44   Link #3
p3psi
Oscar winning black actor
 
Join Date: Nov 2003
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?
__________________
Sig removed by Mod because it exceeds the size limits -> See the Forum Rules:
-> 186 pixels tall > 160 pixels tall.
p3psi is offline   Reply With Quote
Old 2003-11-10, 06:31   Link #4
[Titan]
Tenshi
 
Join Date: Mar 2003
Location: Heaven
Age: 30
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.
__________________
[Titan] is offline   Reply With Quote
Old 2003-11-10, 08:35   Link #5
SirJeannot
AT Field
 
 
Join Date: Apr 2003
Location: #animesuki
Age: 17
i'd only use imageready/animation shop & virtualdub/nandub ...

but it's a real pain *u*know*where to do it with animationshop
__________________
"facts Jeremy, facts!"
- non factual Jeremy.
SirJeannot is offline   Reply With Quote
Old 2003-11-11, 02:02   Link #6
Almighty
-=GIF Sennin=-
 
Join Date: Nov 2003
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 .
__________________
>>Reason behind my Avvy<<

Please give credit to the GIF makers when using the GIF's on your websites.

Quote:
The blue sky is infinitely high, crystal clear...that's what the world should be...a world of infinite possibilities, laid before us, crystal clear
Almighty is offline   Reply With Quote
Old 2003-11-11, 16:02   Link #7
Uzumaki626
-=GIF Sennin=-
 
Join Date: Nov 2003
Location: The Sonoran Desert
Send a message via MSN to Uzumaki626
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
Uzumaki626 is offline   Reply With Quote
Old 2003-11-11, 20:24   Link #8
Captain K
Junior Member
 
Join Date: Nov 2003
Thumbs up

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?

Last edited by Captain K; 2003-11-11 at 20:59.
Captain K is offline   Reply With Quote
Old 2003-11-11, 20:37   Link #9
Lambda
Senior Member
 
 
Join Date: Nov 2003
Age: 35
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.
Lambda is offline   Reply With Quote
Old 2003-11-11, 21:05   Link #10
aFlipGuy
Master
 
Join Date: Nov 2003
Location: A-town
Age: 28
Send a message via AIM to 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
__________________
aFlipGuy is offline   Reply With Quote
Old 2003-11-11, 21:27   Link #11
Captain K
Junior Member
 
Join Date: Nov 2003
Quote:
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
www.virtualdub.org

I found that in 3 seconds with a google search... it was the very first hit.
Captain K is offline   Reply With Quote
Old 2003-11-11, 21:33   Link #12
Caliban
Dyaus Pitar
 
 
Join Date: Nov 2003
Location: Toronto_Ontario
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.
Caliban is offline   Reply With Quote
Old 2003-11-11, 21:55   Link #13
aFlipGuy
Master
 
Join Date: Nov 2003
Location: A-town
Age: 28
Send a message via AIM to aFlipGuy
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....
__________________
aFlipGuy is offline   Reply With Quote
Old 2003-11-11, 22:04   Link #14
Captain K
Junior Member
 
Join Date: Nov 2003
Quote:
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?
Captain K is offline   Reply With Quote
Old 2003-11-11, 22:41   Link #15
Uzumaki626
-=GIF Sennin=-
 
Join Date: Nov 2003
Location: The Sonoran Desert
Send a message via MSN to Uzumaki626
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

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.
Uzumaki626 is offline   Reply With Quote
Old 2003-11-11, 23:06   Link #16
aFlipGuy
Master
 
Join Date: Nov 2003
Location: A-town
Age: 28
Send a message via AIM to aFlipGuy
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 ^_^
__________________
aFlipGuy is offline   Reply With Quote
Old 2003-11-12, 09:57   Link #17
Kireiko
Kawaii, ne? ^__^*
 
Join Date: Nov 2003
Location: Shi no Mori...
arigatou Uzumaki626-san, that was very helpful, i bow down before your knowlege and capabilities..... ^____^
__________________

Arigatou Flash Squirrel-san for the sig 'to ava!
i wonder if the ANBU are as deadly as they are hot? ne? ^__^*
Kireiko is offline   Reply With Quote
Old 2003-11-12, 22:22   Link #18
Caliban
Dyaus Pitar
 
 
Join Date: Nov 2003
Location: Toronto_Ontario
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.
Caliban is offline   Reply With Quote
Old 2003-11-12, 22:53   Link #19
Uzumaki626
-=GIF Sennin=-
 
Join Date: Nov 2003
Location: The Sonoran Desert
Send a message via MSN to Uzumaki626
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
Uzumaki626 is offline   Reply With Quote
Old 2003-11-12, 23:10   Link #20
t//a//s
]| 百合 addict |[
 
Join Date: Nov 2003
Location: France
Age: 30
Send a message via MSN to t//a//s
What about exposing what we made with that tuto ?
(bad idea for the 56k modems tho )


(from Pita Ten)


(My lovely Yu from Airmaster ^^; )

Is that a bad idea ? -_-
__________________
t//a//s is offline   Reply With Quote
Reply

Tags
animated gifs, graphics, tutorial

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 08:36.


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