| 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. | ![]() |
|
|
|
||
| 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)
|
![]() |
|
|
|
||
| 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 |
![]() |
|
|
|
||
| 4. Window>Transform. In the palette, change the width and height of the placed element to 1024 x 100 pixels. | ![]() |
|
|
|
||
| 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 | ![]() |
|
|
|
||
| 6. Object>Convert Layers Into>Objects. Now we have two layers created from the layered Illustrator file on our timeline. | ![]() |
|
|
|
||
| 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 |
![]() |
|
|
|
||
| 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 |
![]() |
|
|
|
||
![[809] 01create/01_newcomp.jpg](http://media.nickhodge.com/legacy/809.jpg)
![[811] 01create/02_bkgndcol.jpg](http://media.nickhodge.com/legacy/811.jpg)
![[812] 01create/03_placeai.jpg](http://media.nickhodge.com/legacy/812.jpg)
![[813] 01create/04_changesize.jpg](http://media.nickhodge.com/legacy/813.jpg)
![[814] 01create/05_opentimeline.jpg](http://media.nickhodge.com/legacy/814.jpg)
![[815] 01create/06_layerobj.jpg](http://media.nickhodge.com/legacy/815.jpg)
![[816] 01create/07_rename.jpg](http://media.nickhodge.com/legacy/816.jpg)
![[817] 01create/08_placetexture.jpg](http://media.nickhodge.com/legacy/817.jpg)
One thought on “Creating Animations”
Comments are closed.