Creating Animations


Step 1: Create the base composition with elements.

The first step is to create the base elements in the composition.

1. Create a new composition. Set the size to 760 pixels wide by 100 pixels high. [809] 01create/01_newcomp.jpg

2. Open the Color palette (Window>Color). Select the Document background color icon and set the color to R=0, G=153, B=153 (web color #009999)

[810] images/doc_bg_color.gif

[811] 01create/02_bkgndcol.jpg

3. File>Place the Adobe Illustrator file ‘extreme_flow.ai’.

The source files for this guide are available here: MacOS: sourcefiles.sit.hqx Windows: sourcefiles.zip

[812] 01create/03_placeai.jpg

4. Window>Transform. In the palette, change the width and height of the placed element to 1024 x 100 pixels. [813] 01create/04_changesize.jpg

5. Timeline>Show Timeline Window. Here you can see that the Adobe Illustrator file has been placed as a single encapsulated postscript file (EPS). As we would like to seperate the elements, select the element in the timeline [814] 01create/05_opentimeline.jpg

6. Object>Convert Layers Into>Objects. Now we have two layers created from the layered Illustrator file on our timeline. [815] 01create/06_layerobj.jpg

7. Timeline>Edit Name… Rename the layers to a name that will make life easier later on. You all name your layers in Illustrator, Photoshop and InDesign … don’t you

Layer 2 rename as extremetext

Layer 1 rename as waveflow

[816] 01create/07_rename.jpg

8. File> Place as Texture. Select the file face.psd. This will tile the Photoshop file as a texture in the black areas of the extremetext layer.

The source files for this guide are available here: MacOS: sourcefiles.sit.hqx Windows: sourcefiles.zip

[817] 01create/08_placetexture.jpg

One thought on “Creating Animations”

Comments are closed.