Home / Articles / Adobe Flash / Applying Transitions and Actions in Flash Catalyst CS5

Applying Transitions and Actions in Flash Catalyst CS5

Article Description

Create Flash objects in Catalyst that literally hop, skip, and jump to liven up your website. And do it without Flash! David Karlins, author of Adobe Creative Suite 5 Web Premium How-Tos: 100 Essential Techniques, takes you through the Catalyst techniques that make this miracle possible.
Adding Artwork

Adding Artwork

Next, we'll create some very simple artwork to which the transition and action will be applied. To make the artwork fun enough to enjoy the effect (even in a tutorial), we'll apply a gradient fill. Follow these steps:

  1. Press L to activate the Ellipse tool. Draw an ellipse, and assign location and dimensions on the Common tab of the Properties panel:
    • X: 200
    • Y: 50
    • W: 500
    • H: 500
  2. Expand the Fill section of the Common tab. Click the Gradient fill swatch. Assign a gradient rotation of 0 degrees. Select a medium blue as the first fill color and white as the second color (see Figure 3).

Figure 3 Defining the gradient fill.

Close enough! In real life you'd probably create more elaborate artwork, but for our purposes this gradient-filled circle will suffice.

3. Creating a New State for the Transition | Next Section Previous Section