Ultrashock Tutorials > Flash MX 2004 > Introduction to Timeline Effects and Behaviors  
 
by Michelangelo Capraro, Tinlion.com
Download Source Files (1MB)  
 
Introduction to Timeline Effects and Behaviors
 

01. Introduction to Timeline Effects
02. Timeline Helpers
03. Assistants
04. Effects
05. Transform/Transition

 06. Applying multiple effects
 07. Behaviors: controversial interactivity 1
 08. Behaviors: controversial interactivity 2
 09. Behaviors: controversial interactivity 3
 10. Wrap up

Michelangelo Capraro is co-author of
Skip Intro: Flash Interface Design and Usability.
Click to check it out at Amazon.com!
- discuss this tutorial -

04. Timeline Effects: Effects

Now let's look at the Timeline Effects grouped in the Effects category.

  1. In a new Flash Document, create a static text field and type in a word using your favorite font.
  2. Select Insert->Timeline Effects->Effects->Blur.
  1. Adjust the settings to your liking and click the "OK" button.

The Blur effect dialog

  1. Test your movie ( Control->Test Movie ) to see the results of your Blur settings. That was quick! That used to take way longer to produce by hand using the Timeline alone!

Now I'll show you a simple little trick you can do with your text that will save you time when you are using this in a project.

  1. If you haven't already done so, close your Test Movie window.
  2. In your Library panel, open the Effects Folder symbol folder and select the symbol that Flash created from your text field. I like to rename my symbol at this point to something more meaningful than "Symbol 1" so I can easily find it later. In this case, let's call it "HelloText".

Find the synbol created by the Blur effectRename the symbol so you can find it later

  1. Now, double-click the icon of the symbol to open the symbol in edit mode. Here, you can edit the text. If you change the text to something else, you'll want to make sure the text is centered in the symbol so the Blur effect still looks the same. The easiest way to do this is to select the field on the Stage, open the Info panel, set the Registration Gird to center, and adjust the clip's position to 0 x and 0 y.

Use the Info panel to adjust the registration point of your symbol

  1. Test your movie now to see the results of your changes, the effect should still look the same but now with your adjusted text.

The next Effect we'll look at is the Shadow effect.

  1. In a new Flash Document, create a text field and enter some text i it.
  2. Select Insert->Timeline Effects->Effects->Drop Shadow.

The Shadow Effect dialog box

  1. Adjust the settings in the dialog box. I tend to keep the Shadow Offset numbers pretty low when applying this effect to text, it creates an easier to read result.
  2. Click the "OK" button to apply the effect. That's it! If you need to edit the text you applied the Shadow Effect to, just use the same method we used in the Blue segment previously.

On to the Expand Effect.

  1. In a new Flash Document, create a Static Text Field and type in some text.
  2. Select Insert->Timeline Effects->Effects->Expand. Note that the Expand Effect only really works correctly when applied to a Static Text Field. You will notice that if you attempt to apply it to a shape, the option will be grayed out, and if you apply it to an existing Symbol, the Effect will have undesirable results. Also note that this effect is a destructive effect; after applying it to your Text Field, you will no longer have the ability to edit the text of the field. If you need to edit the text after you have applied the effect, you must remove the effect ( Modify->Timeline Effects->Remove Effect).

The Expand Effect dialog box

  1. Click the "OK" button to apply the effect and Test your Movie.

The last Effect type Timeline Effect, Explode.

  1. In a new Flash Document, create a static test field and enter some text in it.
  2. Select Insert->Timeline Effects->Effects->Explode. This Effect works much like Expand in that it is destructive and you will not be able to edit your text without first removing the effect from the text symbol.

The Explode Effect dialog

  1. Click the "OK" button to apply the effect and Test your Movie.

You'll notice that each letter of the text field becomes a separate particle in the explosion. Unlike the Expand Effect, Explode can be applied to shapes and symbols. Here are the results of the Explode Effect applied to both a Text Field and a Shape:

That rounds off the Timeline Effects under the Effects submenu. Now onto the Transform/Transition Timeline Effects.

- discuss this tutorial -
 
©2003 Ultrashock.com - All rights reserved