AOI's GiF AnImation TuToRial = Virtualdub + imageready

Aoi · 01-14-2005, 10:28 PM

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:

What do you need?
- Virtualdub http://prdownloads.sourceforge.net/v...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

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

*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)

Aoi · 01-14-2005, 10:31 PM

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.

*GO TO File save Image Sequence

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.

Aoi · 01-14-2005, 10:34 PM

And after you press ok you'll see this.

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

ANd see this

Aoi · 01-14-2005, 10:38 PM

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

Now the whole sequence has been reduced to 100 x 75

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

Aoi · 01-14-2005, 10:41 PM

If you click optimized you'll see some usefull data

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

(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

Aoi · 01-14-2005, 10:44 PM

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

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

Aoi · 01-14-2005, 10:49 PM

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:

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 · 01-14-2005, 10:59 PM

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 · 01-16-2005, 04:32 AM

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

Kakashigurl20 · 01-16-2005, 09:27 PM

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

kyubinaruto75 · 01-16-2005, 09:40 PM

o.O ... gotta try that sometime

ramp3 · 01-16-2005, 11:30 PM

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

Nite · 01-17-2005, 02:33 AM

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

Devilzimti · 01-17-2005, 01:57 PM

Help I need someboy if its anybody helllp!

Aoi · 01-17-2005, 02:58 PM

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/arch...c/37401-1.html

narutofan20052005 · 01-19-2005, 11:09 PM

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

Gene04 · 01-22-2005, 10:22 AM

Quote:

Originally Posted by Devilzimti

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 · 01-25-2005, 06:35 PM

Quote:

Originally Posted by Aoi

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

After that *GO TO File > save optimized as MyAnimation.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 · 01-25-2005, 09:01 PM

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 · 01-27-2005, 02:43 PM

nice tutorial. even i did it!

check it out.

01-14-2005, 10:28 PM	#1
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	AOI's GiF AnImation TuToRial = Virtualdub + imageready 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: What do you need? - Virtualdub http://prdownloads.sourceforge.net/v...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 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 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) Last edited by Aoi; 01-14-2005 at 11:05 PM.

01-14-2005, 10:31 PM	#2
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	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. GO TO File save Image Sequence 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. Last edited by Aoi; 01-14-2005 at 11:51 PM.

01-14-2005, 10:34 PM	#3
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	And after you press ok you'll see this. 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 ANd see this Last edited by Aoi; 01-14-2005 at 11:07 PM.

01-14-2005, 10:38 PM	#4
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	Go (above in the toolbar) to image > imagesize and reduce it to 100 x 75 (or use your own settings) Now the whole sequence has been reduced to 100 x 75 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 Last edited by Aoi; 01-14-2005 at 11:58 PM.

01-14-2005, 10:41 PM	#5
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	If you click optimized you'll see some usefull data That's pretty big for a gif animation so we'll have to reduced that. Removing frames is the simplest way to reduce size. (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 Last edited by Aoi; 01-15-2005 at 12:00 AM.

01-14-2005, 10:44 PM	#6
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	Now edit the refreshrate of the images, i used 0.03 seconds. (delay time) After that GO TO File > save optimized as MyAnimation.gif Last edited by Aoi; 01-15-2005 at 12:02 AM.*

01-14-2005, 10:49 PM	#7
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	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: 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. Last edited by Aoi; 01-15-2005 at 12:03 AM.

01-14-2005, 10:59 PM	#8
PATMAN ASDganp90 sd()( 0989()*) Salieri Join Date: Oct 2004 Location: Canada Posts: 5,693	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 :] __________________ Spoiler:

01-16-2005, 04:32 AM	#9
Miso aka AzzzRAEL Torture Specialist Join Date: Dec 2004 Location: Germany Posts: 1,230	Awesome tut! Thank you much! I especially like that you used pics for this tut so everyone can easily follow. __________________ Nidaime FC\|Kakashi FC\|Rock Lee FC\|Kakashi's Mask FC avatar thanks to Murasaki by pek by me Want a cool sig? Check my Sig Giveaways!

01-16-2005, 09:27 PM	#10
Kakashigurl20 Legendary Jounin Chuunin Join Date: Dec 2004 Location: Konoha Village Posts: 252	Thanks a lot I really needed those pictures, or else all of this would have been all pea soup in my head:p __________________ A proud member of:TsunadeFC,Team7 FC,Hatake SakumoFC,Kakashi's Mask FC! Spoiler: Spoiler: Owner of: Kakashi's Chidori FC

01-16-2005, 09:40 PM	#11
kyubinaruto75 Level 99 Monk Special Jounin Join Date: Sep 2004 Location: in a sleeping bag outside EB Games for my reserved copy Posts: 718	o.O ... gotta try that sometime __________________

01-16-2005, 11:30 PM	#12
ramp3 Continue as Planned Examiner Join Date: Dec 2004 Location: Brazil Posts: 834	nice tut imaybe i rip some soukyuu no fafner gifs... FF rlz __________________

01-17-2005, 02:33 AM	#13
Nite ---------- Academy Teacher Join Date: Sep 2004 Location: Alberta, Canada Posts: 302	Nice tut, although I save my frames as an avi file instead of export them as images. Both ways are cool

01-17-2005, 01:57 PM	#14
Devilzimti Special Jounin Academy Student Join Date: Dec 2004 Location: Konoha Posts: 9	Help I need someboy if its anybody helllp! __________________ Yeah i `ve made this Picture! : Yeah one day i`ll beat you all up! : Yeah an this ist he second picture i`ve made! I`ll become better no matter how!

01-17-2005, 02:58 PM	#15
Aoi fancy Genin Join Date: Sep 2004 Location: Netherlands Posts: 114	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/arch...c/37401-1.html

01-19-2005, 11:09 PM	#16
narutofan20052005 Damn my names long Academy Teacher Join Date: Nov 2004 Location: Toronto, Canada Posts: 425	wow, thanks, i made so many gifs with that help! __________________

01-25-2005, 09:01 PM	#19
Dee-chan Urban Ninja Girl Academy Student Join Date: Oct 2004 Location: Detroit, MI Posts: 21	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? __________________ Nice Guy Pose FC :: The Conan O'Brien FC Deviant Art account:: danee313

01-27-2005, 02:43 PM	#20
SoundBwoy AnimeAddict Genin Join Date: Nov 2004 Location: Ontario Posts: 185	nice tutorial. even i did it! check it out. __________________ Proud Member of: