Tut. - Animating using ImageReady

[Bara no Chikai]

Got ImageReady and don't know how the heck to animate with it? Hopefully, you'll learn how after reading through this tutorial.

(NOTE: The screenshots are in .PNG format which means it's in very good quality and the files sizes are a little high sweatdrop .)

1. Well, you get yourself a purdy banner or something first. Then open it in ImageReady. (I'm using ImageReady 7.0)

I want to animate the squares here.

2. Click the visibility icons (the one that looks like an eye) next to the layers you don't want seen in the first frame.


3. In the Animations window (Window > Animation) click a new frame using the button encircled below.


4. Make the first square invisible and the second square visible by clicking on the Visibility icons I told you about.


5. Create anther frame...


... and switch the visibilities again.


6. You pretty much get the whole process now...


7. Set the timing of each frame if it's animating too fast for you.


8. Now go to File > Save Optimized As... (do not confuse it with "Save As...") and save your image as a .gif file.

This is what mine looked like:

THIS TUTORIAL IS COPYRIGHTED BY ME (Bara no Chikai - formerly Black-Cat). IF YOU WISH TO SHOW THIS TO SOMEONE GIVE THEM THE LINK TO THIS THREAD.

 

[Bara no Chikai]

Tween Animation


1. Okay, first we need a banner and something to animate. I'm using the squares again.


2. Make 2-3 squares visible and the other squares invisible and set the opacity of each visible square.

I used:
square - 100%
square copy - 50%
square copy 2 - 20%

3. Create a new frame in the Animation window.


4. In the new frame, make another square visible and set the opacity again.

I used:
square - 50%
square copy - 100%
square copy 2 - 50%
square copy 3 - 20%

5. Now we introduce a new button.


6. While the first frame is selected, click it and use the following settings:

Or set the "Frames to Add" to a higher or lower number depending on how fast or slow you want the animation.

7. Create a new frame...


8. And set the opacity again...


9. And use the tween button again.


10. You'll end up with a lot of frames. ^^;


11. Click File > Save Optimized As... and save it as a .gif file.


Result:
 

[Hizzahn]

Sweet! Excellent tutorial. Thanks for writing that up whee  

[Bara no Chikai]

Hizzahn

Sweet! Excellent tutorial. Thanks for writing that up whee

No problem. And thanks. whee  

[Chisa]

Thats really cool! I didn't have any idea how to use ImageReady, I must admit sweatdrop

If you ever get bored, wanna make an animated guild banner for us? biggrin  

[Bara no Chikai]

Chisa

Thats really cool! I didn't have any idea how to use ImageReady, I must admit sweatdrop

If you ever get bored, wanna make an animated guild banner for us? biggrin

eek Okay.

After school. ninja  

[Z_Zero]

When I click "save optimized as" It doesn't allow me to save as .gif only JPEG which has no animation  

[N u r s e !]

Ah, thankies! I could never figure out how to use it before... sweatdrop  

[Bara no Chikai]

Z_Zero

When I click "save optimized as" It doesn't allow me to save as .gif only JPEG which has no animation

Something's wrong with your ImageReady then. o_0

- Screenshot  

[N u r s e !]

I made this from the help of your tutorial: just a simple animation with text (though it took me a while to figure out how to make the animation go on forever... sweatdrop )



Please post another tutorial on how to spiffify the animations? 3nodding  

[Hizzahn]

snow_munkiie63

spiffify

Okay, that's rad. Nice word. That is a sweet first time animation. Good work!  

[N u r s e !]

Hizzahn

snow_munkiie63

spiffify

Okay, that's rad. Nice word. That is a sweet first time animation. Good work!

^^ Thanks muchly heart  

[Bara no Chikai]

Nice animation, munkiie. 3nodding

I added in the tutorial for making the squares fade.  

[Bara no Chikai]

... Are the heavy images killing people? D:  

[Bolweevil]

i doubt the images kill many people now, dialup is on the decline, and high speed is taking over. so animated gifs arent the problem today they they were back in the days of the 14.4 modems. if anyone even remembers those days..