Creating an Animated Lens Aperture
Creating Flash animations with Group Blends

This is a great tip on how to create a cool Flash animation using the ability to Blend complex Groups of objects then releasing them to layers. This example will be of animating a particularly odd object, a Lens Aperture.

Follow the steps below to see how to create some really neat effects in Flash using FreeHand as a helper.

Version: 9 and above

 
 


Tip idea provided by: James E. Talmage
Content written by Ian Kelleigh

Instructional Movie: Lens Aperture

1) In a new document, criss-cross a horizontal and vertical Guide.

Select the Ellipse tool, then holding the Option (Alt)+Shift keys, drag out a constrained circle from the intersection of the guides like shown above.

 

2) Clone this new circle. Then in the Transform palette, Scale the clone about 30% uniformly. You can use other scale amounts if you prefer.

 

3) Select both circles and Ungroup them. Then under the Xtras menu -> Distort -> Add Points. Or you can use the toolbar button.

You should have both circles looking like the above example so far.

Now, click-drag around both the circles to select all of the Points. Then do the Split command under the Modify menu. This splits the circles into little arcs between the points.

 

4) Now Shift+select an arc from the larger circle and it's corresponding arc from the inner circle.

Then Join them from the Modify menu. Then in the Object inspector, turn on the Closed option.

Note: you can assign a key command for the Close operation. Go under the File -> Customize -> Shortcuts menu. Then look in the Other section -> Paths -> Close. I use the Command+Shift+C command for this. You can use whatever you like. This makes it much quicker to close open paths instead of going to the palette all the time.

 

5) Repeat step 4 for the remaining arcs. You should now have a bunch of "pie" shapes like shown above.

 

6) Now click-drag to select the inner points of the objects. Then in the Transform palette, Rotate the points 45°. You can really use any value you want to for this depending on your needs.

After the rotation, select all the shapes and Group them together. Then go under the Modify Menu and Lock them. After that, Clone the group to make the next transformation.

 

7) Now hold the Option (Alt) key and click-drag to select the inner points of the objects again. Then in the Transform palette, Scale the points 200%. Again, the value doesn't really matter, you can customize any of these values to experiment with them.

After you Scale the points, you should now see two group of objects like shown above.

 

8) Select both groups and in the Fill inspector, choose a Gradient fill. Above I simply used Black as the top color and a 40% Tint of that Black for the bottom color.

Now while they are still selected, choose the Unlock command under the Modify menu. This unlocks that group that was locked earlier.

 

9) Keeping both groups selected, Blend them under the Modify -> Combine menu. You can adjust the number of steps to fit your needs. The more the steps, the slower the final animation will be. I chose to use 25 steps for this example.

 

Special Note

You should take a look at the Blend under Keyline mode for a minute before you continue. If you see strange blending going on like shown above, there is a quick fix for this.

First Undo the Blend step. Keeping the groups selected, use the Transform palette to rotate both of them about 10° or so. Then repeat the Blend command. If you continue to see these strange anomalies in your Blends, keep undoing the Blend, rotating, then reblending until it looks perfect.

This is a strange bug for sure, and am not quite sure why it happens or why rotating the groups fixes it, but remember this workaround for future projects.

 

10) Now select the Blended objects and bring up the Release to Layers dialog either with the toolbar button or go under the Xtras menu -> Animate.

Here, choose the Sequence option and turn on the Use existing layers option.

When you hit OK, you'll get a whole bunch of layers ready to export as a Flash SWF file. In FreeHand 10, you can test the animation by using the Flash Controller toolbar to quickly see if the animation is what you want before you export.

 

11) Now go into the Export dialog. Select the SWF format. Go into the Options and make sure that you choose Layers as the Animation type as shown above. Then Export.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

You can import this SWF file into Flash for further editing if you prefer. Also, you can copy the imported frames, and reverse the order in order for you to get the aperture to open, then close.

The possibilities for creating these kinds of effects are endless. The ability to blend complex groups and paths can be very handy in creating these kinds of animations that programs like Flash or Fireworks just can't do. If you have any more tip ideas on how to create neat animations like this, please send them in.