- Adobe ImageReady CS2 or earlier (only tested on CS2 though)
- An animation without a border (usually about the size of an avatar, although it doesn't matter)
|For your reference, today I will be using the same avatar I added a border too for anuj:|
Step 1 - Creating and Arranging
Sub Step 1.1
First off, you need to start up Adobe ImageReady and open your animation ("File --> Open"):
|Click "File --> Open" to open an already created animation to add a border too...|
Sub Step 1.2
Now select your animation and open it into the document container, today I will be using the same animation I used for anuj's avatar. It is about the same size of a normal avatar, and was resized when upload. Although, thats not a problem...:
|Select your file from the Windows Open Dialog and click "Open"...|
|Your animation should now be loaded into the application. Move it to the center of the ImageReady application window for easier editing...|
Step 2 - Understanding the Interface
Before we can continue I need to explain the ImageReady interface and how it opened's animations so you don't get confused with how I say to do things later in this tutorial...
Sub Step 2.1
|This is the "Animation" Tool Window. It has all the frames of the animation as well as there timing. It also allows you to control the movie so you can play it while editing it. ImageReady also have "tweening" capabilities, but we won't be looking at them today...|
Sub Step 2.2
|This is the "Layer" Tool Window. Unlike in Photoshop where this contains all the layers of an image, in ImageReady it contains all the frames in layers where you can edit them. Here frames can be deleted, added or edited. This will be very important for this tutorial as we use it to add a border that will be placed throughout the entire animation, rather then manually editing each and every frame to add the border...|
There the main 2 Tool Windows or Tool Boxs, which ever you wish to call them, that we will be using in this tutorial to add a border to an animation. In normal creation, manipulation and editing of animations in ImageReady you may also use other Tool Windows such as the ToolBox containing all the tool to edit the animation such as the brush tool, the move tool, the lasso tool, etc. Nearly all do the same job as they do in Photoshop, with a few exceptions of new tools and old tools that do completely different actions...
Edited by jarjar, 04 December 2006 - 08:10 AM.