AOI's GiF AnImation TuToRial = Virtualdub + imageready

[Aoi]

It has been a long time i've posted something here. And i saw some threads about imageready. So here's a nice tutorial if you are new with Gif animation.

We gonna be making this:
http://members.home.nl/epox/tutorial/neji.gif

What do you need?
- Virtualdub http://prdownloads.sourceforge.net/virtualdub/VirtualDub-1.6.3.zip?download
- Imageready this is included with Photoshop
It's not free so you have to download it somewhere, try bittorrent or kazaa or something. I'm sure you'll find it.

What else do i need?
- A avi, or movie to load in Virtualdub, for example Naruto_100RAW.avi etc....
- Make a folder on your desktop and call it "Test"



I'm gonna keep it very simple, so you don't have to use much of your brain :laugh

Ok let's go!! ►
We need virtualdub to make a movie into a sequence of images, which we can put together in Imageready to create those Gif animations.
So Extract Virtualdub to your computer and start the virtualdub.exe

http://members.home.nl/epox/tutorial/1.jpg

*GO TO File open Video (or CONTROL + O)

Now the movie loads in 2 screens, we don't really need to pay attention to it.
Just make sure you resize them so that you can edit the time line.

Go to the desired timeframe and press BEGIN (the begin of your image sequence). After that, keep clicking on 1 FRAME FORWARD until you think the action has stopped. After that click END (the end of your image sequence)
http://members.home.nl/epox/tutorial/step.gif

[Aoi]

Be careful not to make a selection bigger than 300 frames because that will work very slow with editing.
Only thing we have to do now is to save the sequence.

http://members.home.nl/epox/tutorial/12.jpg

*GO TO File save Image Sequence

http://members.home.nl/epox/tutorial/2.jpg

You will save the images to your "Test" folder (Or any folder you like the images to be in) on your desktop
*.tga is recommend it will keep the images smallest.

http://members.home.nl/epox/tutorial/step.gif

[Aoi]

And after you press ok you'll see this.

http://members.home.nl/epox/tutorial/3.jpg

And if you look in your "test" folder, you will see the images from
0000001.tga to 0000200.tga Or something like that.

Now start Imageready and go to file import folder as frames

http://members.home.nl/epox/tutorial/4.jpg

ANd see this
http://members.home.nl/epox/tutorial/5.jpg

http://members.home.nl/epox/tutorial/step.gif

[Aoi]

Go (above in the toolbar) to image > imagesize and reduce it to 100 x 75 (or use your own settings)

http://members.home.nl/epox/tutorial/6.jpg

Now the whole sequence has been reduced to 100 x 75

http://members.home.nl/epox/tutorial/7.jpg

Just look to this image, you will understand where all the images are coming from. Upperleft bar is the preview window, the bar below is the timeframe, the bar on the right is the layer frame. We will only use the timeframe in this tutorial.
WARNING: You can only edit the image if you set the preview window to Original, and NOT to Optimized

http://members.home.nl/epox/tutorial/step.gif

[Aoi]

If you click optimized you'll see some usefull data

http://members.home.nl/epox/tutorial/8.jpg

That's pretty big for a gif animation so we'll have to reduced that.
Removing frames is the simplest way to reduce size.

http://members.home.nl/epox/tutorial/9.jpg

(first go back to original preview mode)
Select a frame, and hold shift till the last frame you want to delete. And press the recycle bin.
And remove the frames

http://members.home.nl/epox/tutorial/step.gif

[Aoi]

Now edit the refreshrate of the images, i used 0.03 seconds. (delay time)

http://members.home.nl/epox/tutorial/10.jpg

After that *GO TO File > save optimized as MyAnimation.gif

http://members.home.nl/epox/tutorial/11.jpg

http://members.home.nl/epox/tutorial/step.gif

[Aoi]

And enjoy your own gif animation!!!

IMPORTANT NOTICE:
Internet Explorer users expierence a slower refreshrate than FIREFOX users. So keep in mind that u do not want your refreshrate to get lower than 0.04 seconds.

As example about how different browsers perform:

http://members.home.nl/epox/tutorial/neji1.gifhttp://members.home.nl/epox/tutorial/neji2.gif


If you have questions about the gif size, or dimensions. You can ask them here, for the comfort of this tutorial i've kept those settings away. But you might wanna take a look in CANVAS size and plugin settings.

Succes.
Aoi.

[PATMAN]

nice tutorial man O_O really long :] i wonder if i can make it all in one post with my mod powers :]

okay i can't :]

[Miso]

Awesome tut!
Thank you much!
I especially like that you used pics for this tut so everyone can easily follow.

[Kakashigurl20]

Thanks a lot I really needed those pictures, or else all of this would have been all pea soup in my head:p

[kyubinaruto75]

o.O ... gotta try that sometime

[ramp3]

nice tut
imaybe i rip some soukyuu no fafner gifs...
FF rlz

[Nite]

Nice tut, although I save my frames as an avi file instead of export them as images. Both ways are cool :P

[Devilzimti]

http://img52.exs.cx/img52/7789/unbenannt19ho.gif
Help I need someboy if its anybody helllp!

[Aoi]

Ow yeah, i had that problem too, a long time ago. It seems the RAW versions of a Naruto episode have some kind of weird codec...
Just download all different codecs, but no hacks.. I downloaded the nimo codec pack and my error dissapeared.
If that doesn't work, try google.
This may be the solution: http://forum.digital-digest.com/archive/topic/37401-1.html

[narutofan20052005]

wow, thanks, i made so many gifs with that help!

[Gene04]

http://img52.exs.cx/img52/7789/unbenannt19ho.gif
Help I need someboy if its anybody helllp!


Do a google search for Divx 3 , even if u have divx 4 or 5, you will still need 3 to playback those codecs on Virtual Dub. Download, install and try to play the file in Dub, it will give you an alert saying something , just bypass that and the movie will play :)

[spikespiegel]

Now edit the refreshrate of the images, i used 0.03 seconds. (delay time)

http://members.home.nl/epox/tutorial/10.jpg

After that *GO TO File > save optimized as MyAnimation.gif

http://members.home.nl/epox/tutorial/11.jpg

http://members.home.nl/epox/tutorial/step.gif


I cannot delay all the frames at once it make me do them one by one can you tell me how to do them all in one shot? I have Adobe CS 8.0. Thanks.

[Dee-chan]

Looks great! I've always wonder how people made those animate gifs. I have one important question: Is this Virtualdub program compatitable to MacOX systems?

[SoundBwoy]

nice tutorial. even i did it!

check it out.
http://img182.exs.cx/img182/2746/kimimaro1gd.gif

[MechaTC]

wonderful tutorial. I'm gonna do a cool one at work today.

[Shinyu]

Love the tutorial but could you tell me how to add text, sunce when i do it, it will only ever add text in the first frame >_<.

[Dimezanime19]

nice tut. i have been waiting for something like this. thanks.:D

[maomii]

may i ask something? everytime i make a avi, when i save it, it always becum greyscaled? it's onli when i make it animated wit image ready..

[liminosse]

i also need help adding text to more then just the frist frame

[HAKU_lover]

i already have all the frames i need to make the gif, but i need a program to put them together, i cant use imageready cause i cant find a place to get it.... any helpers? ill delete this thread after im helped

[ZSikan]

Thank You !!!

[Andy200]

Thank you very much man, this helped me to make mah first animation^^

[Shishou]

I need help on how to reduce quality on Imageready.

[Keira]

I made some animated gifs (thanks for the tut btw) but I want to add a border and text and I dunno how to do it in imageready, anyone knows?

[uzumaki-unk_chaos]

That's a great tutorial, i used to do it frame by frame in virtualdub using the copy frame option, then resize pics, etc.... So much easier and faster. I didn't really like imageready, it kept on feeding on my rams soo much for just about 240 frames at start, so i found a way to do it in Ulead GIF Animator 5, and that was much faster and too alot less time too.

[Ichimaru Gin]

TUT is perfect

This Gif I made PWNS all of you !


http://img34.exs.cx/img34/9444/desfirstgif4sa.gif

[HAKU_lover]

TUT is perfect

This Gif I made PWNS all of you !


http://img34.exs.cx/img34/9444/desfirstgif4sa.gif
nice one man, (or lady) i still like mine better. lol

[Ichimaru Gin]

Yes i loved your gif to but not quality.... I just liked mine because like kicks the shit outta Kim.

[narutorulez]

cool TuToRial im gonna try and do a cool Gif

[narutorulez]

EDIT:thx for the info man i have made my own animtad Gif now! :smile-big :amuse il post the gif soon!


http://i2.photobucket.com/albums/y28/argento_rulez/elfenleidheartscene.gif :P gotta love that scene!

[Aoi]

I've been away for quite some time now, if i have time i'll try to answer all the questions here... over the weekend. :laugh

[narutorulez]

i have a question
can i make a gif as an avatar?how small must it be then?

thanks

[Nono]

I sincerely thank you for making such an easy to understand tutorial even a dummy like me succeded on the first go :laugh

see my avatar, it's not brilliant but i never imagined i'd be able to do this in less than 20 minutes (bonus: i also figured out how to make a multi-FC banner!)

[sasuke0929]

Im using GIF Animator program not imageready HOw do i gte Imageready : / ?!?!?!?
!

[HAKU_lover]

You can get the trial verson from the adobe website...

[Logpile]

Ok, I didn't try this. But I will if you can fix my problem. A couple days ago I made an animation using sprites, I tred to save but there was no .gif option, only .jgp and .html. Anything I can do to fix this?

I have Imageready 7.0 BTW.

[Urarenge2005]

Yay I Wanna Try!

[minou]

nice tutorial thanks for this

[Woody]

Ive read that people are having problems finding Photoshop, thus I would like to show you the fastest, and most powerful (IMO) downloader available so far.

www.limewire.com

It is user friendly and you can download the PRO version from the basic version ^_^ Good Luck!

[harumi-zanza]

i just downloaded the full version of adobe cs before i was gona buy it for real.
and its kinda good.
now i bought it cose of the company that i work in everything haze 2 be orriginal.
Ok, I didn't try this. But I will if you can fix my problem. A couple days ago I made an animation using sprites, I tred to save but there was no .gif option, only .jgp and .html. Anything I can do to fix this?

I have Imageready 7.0 BTW

thats strainge you sude do save for web not the normal save ore save as.
just do save for web.

[j-3]

if u need the program gif animator to add different stuff on diff frames and to be able to put them together or text, Where can i download the program without having it to be expired? N how would i use this program to make text n shit.

[Kira Yamato]

Okay, I have photoshop starter album 2.0 but that doesn't have image ready, which photoshop program do I have to buy?

Update: Never mind: I found got a copy :wink

[kakeman]

om i hate this program.. i get an error saying that it cant read files that are codeced in divx... argh help!! :notrust

[skmt999]

Hello - I hope someone can help me. I'm making little animated Narusmilies, and I'm having problems keeping it transparent.

Case in point: http://i3.photobucket.com/albums/y74/skmt999/MizukiBSpin.gif

I can't get rid of the white background. Or, even worse - when I do, I get a creepy negative effect from ALL of the black turning transparent. (that's when I use 'first pixel' for the transparency)

I've tried a lot of things, and I just can't figure out what I'm doing wrong.

Anybody have some tips or hints? *runs off to armwrestle with the freeware again*

[Hitman89]

Heres my's
http://img.photobucket.com/albums/v605/Hitman89/Test.gif

[Krisiku]

Thanx for the tutorial. i just read it today. But why does internet explorer go so slow comparde to that other one?? and is the firefox browser free to download and install??

[Muramasa007]

arghh i dont have enough memory to make naruto animated images...can anyone help me make the images smaller using virtualdub?

[Yipster]

Umm are you looking for something like this?
Drunken Fist (http://users.cjb.net/mobrofan/index.html)
I used Virtual Dub and Gif Contruction Set Pro(Its free, but before you exit you get a message to support by donating). Its pretty straight forward after you dive into for 15mins or so.

[Rook]

Thanks for the good tutorial. First one accomplished is in my sig.

[Cupboards]

http://img245.echo.cx/img245/153/quincy23ho.gif

Works for me.. but i cant seem to get the 100+ frames under 300 kb

[SASUNARU<3]

THanks Aoi ur awesome. my final product is my avatar.

[Dimezanime19]

i got some questions. 1. How big of a size [as inpixels] can you have these up to? and Is the quality gonna be ok the bigger it gets depending on the original quality?

[Ketari-san]

ok i understnad but does it matter what i pick from sourceforge? (i.e OVH.com=Paris,France and so on.)

[Dimezanime19]

ah, is it good also for me to use virtual dub and edit in gif movie gear? Cuz I did bleach episode 31, and the color of the gif is alittle screwy. I want it to be crystal clear like the anime itself in its 640x480. I don't like the outcome that much:
http://img92.echo.cx/img92/6443/untitled18bk.gif

What did i do wrong to get colors like that?

[BushidoPunk]

Here's my first animated gif:

http://img65.echo.cx/img65/9356/aoigif8xl.gif

[Dimezanime19]

I want mines to be like his.

[De Monies]

man i really want to do one of these things but this is the error that always comes up

http://img87.echo.cx/img87/8766/argh2pz.jpg

ive downloaded so many codecs and none of it is working!! does anyone know what particular codec to download, where i can download it or how I can load naruto episodes .avi files into virtual dub
pm me or jus reply on this forum

[mister. pek]

Demoneyes: Try this: http://www.3ivx.com/download/windows.html

[Pat]

Wow! great tut :D

i have used it alot :)

keep it up :D

[De Monies]

THANKY YOU PEK!! it worked :D yay it works!! legend :P

[Ichimaru Gin]

im sticking this thread because it's very helpful ^_^

[BushidoPunk]

Just thought I'd show another one of my creations thanks to the help of this tutorial :amuse

http://img132.echo.cx/img132/3313/funnygai6rm.gif

[Dimezanime19]

why were my posts deleted without my concern or concent?

[Wind]

lol ^^ GREAT TUT
^^
thankz man

[Uchiha_Zero]

Thanks, this has helped me a lot.

Just one problem, everthing looks slow moving and well, see for yourself:
http://img19.imageshack.us/img19/8672/testavaimade3de.gif

Someone help me!!

----

NVM: I just tried a different file and it worked. :amuse

----

Oh man, my new Beck avatar rocks thanks to you!! :omg

http://forums.narutofan.com/customavatars/avatar24366_5.gif

[mister. pek]

* b u m p *

[whiteold]

oh tyty dude, i didn't know how to do this, and i suck at animation. I'll try this tommorow:amuse

[Elric]

thnx it really helps alot. great job

[Cre@t!ve]

awesome tut man, helped me alot. thnx

[Kira Yamato]

Don't know if I officially thanked the owner of this thread, but thanks :thumbs
*about 9 months too late* xD

The tutorial was really simple to understandand very thorough.

[cash202]

superb tutorial, thank you very much

[Masah]

Very copacetic tutorial. :-D

[ShinoAburame]

Now the movie loads in 2 screens, we don't really need to pay attention to it.
Just make sure you resize them so that you can edit the time line.

Go to the desired timeframe and press BEGIN (the begin of your image sequence). After that, keep clicking on 1 FRAME FORWARD until you think the action has stopped. After that click END (the end of your image sequence)

Where is BEGIN and END button?

[yomax]

Thanks for the great tutorial. I'ts great but i've got a little problem. My only problem is that in the end i'll got to big file. I always got more than 1mb gif. Well the quality is great but the size is to big. I can't use it on the avatar because of the size. My first try ( 800kb :( )

http://img213.imageshack.us/img213/6626/aaa6bo.gif

ps.: sorry for the wrong english :)

[Leen]

This is an old thread but hopefully someone can solve my problem with virtual dub. I get this.

http://img219.imageshack.us/img219/6231/error4jc.jpg (http://imageshack.us)

I have tried the previous 2 or 3 links given but none of them work. Any solution for this problem? What should I do?

[De Monies]

yomax, firstly yeah, you will have to completely cut down on frames, the avatar only takes about 10 frames until you make more then 2,000 posts D:
and it's a little too wide to fit into the 125x125 maximum size as well D:

@eileenting88 - I'd use a different codec.. when do you get it? when you open the file? or when you're trying to save it? or any other time.. try downloading divX codec (just google it) and your problem should be solved.. sorry if it doesnt work =\

[Leen]

I have DIVX player 6 but I still cant view it in VirtualDub and DIVX player. Any solution?

[De Monies]

yeah, you need the codec, not just the player.. I'm not sure if it comes with the player =\

[o-chan]

um... I can't see the pictures!

[Centeolt]

I got a 500 frames movie, I made it begin since the begining to end at 200 frames. But every times I try to end the images sequence at 200, it just save the whole 500 frames. What did I do wrong?

[Tokoyami]

Didn't find it the codec doesn't work.

Getting the Xvid error suggestions?