g
Printer Friendly Version

editor  
BellaOnline's Flash and Animation Editor
 

Text Animation Motion Preset and Flash CS5.5

In this tutorial, we will use the built-in Motion Presets in FlashR CS5.5 to create a movie trailer style title sequence for an iPad book app entitled Dracula's Guest.

We will start with a new ActionScript 3.0 project in Flash.

  1. Click File - New from the Menubar. In the New Document dialog box, choose ActionScript 3.0 and click OK.

  2. Let's set the background color to a dark blue to blend well with the pages of the book app. From the Menubar, click Format - Document Settings. In the dialog box, set the Background Color box to #000033.

    Another option that we have is to use a graphic from the app as the background image for our trailer.

  3. Rename Layer 1 to "title". With the Text tool selected, set the Fill Color to white.

  4. Set the Character options in the Properties panel.

    Family - Apple Chancery
    Size - 60pt

    Our next step is to convert the text to a movie clip before we can animated the text.

  5. Right-click on the text on the stage and choose Convert to Symbol from the pop-up menu. Name the movie clip "title_1" because it will be the first text that we animate in our movie trailer.

    Now we can test a few of the Motion Presets with our movie clip. A few good presets for animating text are fly-in-blur and flyin-pause-flyout. Let's try the Zoom-in-2D preset.

  6. Select the Zoom-in-2D preset and click the Apply button. You will get a message indicating that some of the effects from the preset could not be applied to the text. This is fine for our project.

  7. On the Timeline, you will see a new Tween animation has been applied which spans 25 frames.

  8. Click Control - Test Movie - In Flash Professional. The preset animation is easy to use because it has the easing built in but it's a little too fast.

  9. Let's lengthen the duration of the animation by increasing the number of frames. Place your cursor over the end of the span until you see the double arrows. Click and drag the end of the span from Frame 25 to Frame 60.

  10. Test the movie again and, now that we have slowed the animation, we can better see the easing as the text slows to a stop and the blur effect is more pronounced.

Join us in the Flash forum. | Join us in the Digital Art and Design forum.

|


Flash and Animation Site @ BellaOnline
View This Article in Regular Layout

Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.



| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor