Tutorial
Click on thumbnailed images to enlarge
OK...
this will teach u how to use Imageready and quicktime to make animated gif files without all that FRAME by FRAME snapshot b/s
this is SOOOOOOO much easier!
ok:
[url=http://takecamera.com/promo2.mov]right click this and save target as[/url]
^thats just an example quicktime video, u can use whatever you want
[color=purple]Step one (OPENING):[/color]
>open Imageready
>open saved .mov file (MUST BE A REAL .MOV FILE!)
[url=http://img16.imageshack.us/my.php?image=01open5rg.gif]
[/url]
[color=purple]Step two (PICKING RANGE):[/color]
>you will see a dialogue like this that says you can open by:
[color=blue][color=#dfe6ef]__[/color]a}opening entire video which would take forever)
[color=#dfe6ef]__[/color]b}opening from a range that you select (prefered)
[color=#dfe6ef]__[/color]c}opening only every other frame[/color]
[url=http://img33.imageshack.us/my.php?image=02range4ss.gif]
[/url]
>i used a range which you can do by finding a starting point, holding down shift and moving (by draging the slider or pressing the arrows frame by frame) to the last frame of your range. You can see here my range:
[url=http://img33.imageshack.us/my.php?image=03myrange1bo.gif]
[/url]
[color=purple]Step three (Cropping):[/color]
>you want your avatar to be 100x100 pixels so we're going to crop and resize at the same time
>click the crop tool (or press "c" on the keyboard)
>in the crop tool bar, make sure u have the "fixed size" box checked with 100 and 100 in the boxes to the left like so:
(everything in yellow is important)
[url=http://img16.imageshack.us/my.php?image=04cropsettings9nf.gif]
[/url]
[url=http://img33.imageshack.us/my.php?image=04cropsettings6ql.gif]
[/url]
drag to what you want to be cropped and click confirm it
[url=http://img33.imageshack.us/my.php?image=05cropsettings28cb.gif]
[/url]
[color=purple]Step four (Creating the avatar):[/color]
>this is the step where you all get creative with the layers and animation layers :)
[color=purple]Step five (Saving):[/color]
>not knowing once myself, I know there are some people who dont know how to save an animation from Imageready :huh:
>this is how
>go to file>save OPTIMIZED AS...
[url=http://img33.imageshack.us/my.php?image=06saving1dp.gif]
[/url]
>when the dialogue comes up, name it and you want to make sure under "save as type" you are saving the image(s) only
>if the animation doesnt look so good, sometimes changing the "Settings" in this dialogue from "Default Settings" to "XHTML" sometimes gives better results
[url=http://img33.imageshack.us/my.php?image=07saving5ia.gif]
[/url]
THATS IT!!! :happy:
you made your avatar!
this will teach u how to use Imageready and quicktime to make animated gif files without all that FRAME by FRAME snapshot b/s
this is SOOOOOOO much easier!
ok:
[url=http://takecamera.com/promo2.mov]right click this and save target as[/url]
^thats just an example quicktime video, u can use whatever you want
[color=purple]Step one (OPENING):[/color]
>open Imageready
>open saved .mov file (MUST BE A REAL .MOV FILE!)
[url=http://img16.imageshack.us/my.php?image=01open5rg.gif]

[color=purple]Step two (PICKING RANGE):[/color]
>you will see a dialogue like this that says you can open by:
[color=blue][color=#dfe6ef]__[/color]a}opening entire video which would take forever)
[color=#dfe6ef]__[/color]b}opening from a range that you select (prefered)
[color=#dfe6ef]__[/color]c}opening only every other frame[/color]
[url=http://img33.imageshack.us/my.php?image=02range4ss.gif]

>i used a range which you can do by finding a starting point, holding down shift and moving (by draging the slider or pressing the arrows frame by frame) to the last frame of your range. You can see here my range:
[url=http://img33.imageshack.us/my.php?image=03myrange1bo.gif]

[color=purple]Step three (Cropping):[/color]
>you want your avatar to be 100x100 pixels so we're going to crop and resize at the same time
>click the crop tool (or press "c" on the keyboard)
>in the crop tool bar, make sure u have the "fixed size" box checked with 100 and 100 in the boxes to the left like so:
(everything in yellow is important)
[url=http://img16.imageshack.us/my.php?image=04cropsettings9nf.gif]

[url=http://img33.imageshack.us/my.php?image=04cropsettings6ql.gif]

drag to what you want to be cropped and click confirm it
[url=http://img33.imageshack.us/my.php?image=05cropsettings28cb.gif]

[color=purple]Step four (Creating the avatar):[/color]
>this is the step where you all get creative with the layers and animation layers :)
[color=purple]Step five (Saving):[/color]
>not knowing once myself, I know there are some people who dont know how to save an animation from Imageready :huh:
>this is how
>go to file>save OPTIMIZED AS...
[url=http://img33.imageshack.us/my.php?image=06saving1dp.gif]

>when the dialogue comes up, name it and you want to make sure under "save as type" you are saving the image(s) only
>if the animation doesnt look so good, sometimes changing the "Settings" in this dialogue from "Default Settings" to "XHTML" sometimes gives better results
[url=http://img33.imageshack.us/my.php?image=07saving5ia.gif]

THATS IT!!! :happy:
you made your avatar!
Tutorial Comments
Showing latest 3 of 3 comments

tL7QsO kvhbxkmukkoo, [url=http://hcqhdpswhekl.com/] hcqhdpswhekl[/url], [link=http://wfyocgsrbnzc.com/ ]wfyocgsrbnzc[/link], http://retzkwlcvrfu.com/
By buckstab on Sep 2, 2010 10:08 am
how do you get imageready?
By panda-randa on Jun 1, 2010 8:43 pm
really helpful.
thanks alot!
By SaturdayRiot on Sep 26, 2007 10:19 pm
Tutorial Details
Author |
add1cted2f1re
![]() |
Submitted on | Feb 10, 2006 |
Page views | 23,552 |
Favorites | 42 |
Comments | 3 |