Get Our Free Ebook
Beginners Guide to HTML

  Tutorials Flash & Swish Flash Tutorials Growing Flash Branches

Growing Flash Branches

Using the Blend command along with a white shape can create some interesting effects in Adobe Illustrator now that we can export them to a Flash animation.

Step 1

Place a photo image of a tree into Illustrator (File>Place). This one is from (CREDIT: Maurice van der Velden).

image 1
Click to enlarge

Step 2

Apply a Live Trace from the Control Palette. I used the Black and White logo preset shown here.

image 2
Click to enlarge

Step 3

The result is this image.

image 3

Step 4

Select the Pen tool.

image 4

Step 5

Draw a shape that completely covers the tree, with Stroke set to None and the Fill set to White.

image 5
Click to enlarge

Step 6

Click the Eye icon on the Layers palette to hide the shape temporarily. Draw out another shape that is below and to the left (or above, depending on intended effect) that doesn't cover the tree but is close to it.

image 6
Click to enlarge

Step 7

Go to Object>Blend>Make and then immediately go to Object>Blend>Blend Options. Change the blend to a specific number of steps. I used 30.

image 7

Step 8

Click the New Layer icon on the Layers palette. Click-and-drag the blend onto Layer 2, so the tree is by itself in the original layer.

image 8

Step 9

Go to File>Export and set the Type to SWF, a Flash movie. When exporting, make sure you have Layer 1 set to Use as Background. This way the tree is the background of the movie. Make sure Animate Blends is checked, so that each step of the blend is a different frame in the movie. Make sure Loop is not selected if you want it to only play once.

Growing Flash Branches
Click to enlarge

Step 10

The result should look something like this (click Refresh in the browser to see the movie or right click and select "play"; it's not looped so it only plays once). This technique can be used to cover or uncover various objects for animated effects. A Flash animation could be used to create an eye-catching intro for your website.

subscribe to newsletter