1 / 8

Create Animated Text with Motion Tween in ActionScript 3

In this guide, you will learn how to create dynamic animated text using ActionScript 3. Start by selecting the Text Tool in your Flash project to enter your desired text and customize it through the Properties Menu (font, size, color). Transform the text into a movie symbol and break it apart so each letter can be animated individually on separate layers. Discover the magic of motion tweening to create smooth animations, stagger your layers for a cascading effect, and ensure your text remains visible throughout the animation.

rhoda
Télécharger la présentation

Create Animated Text with Motion Tween in ActionScript 3

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Flash Raining Text

  2. Open Project • Create Project – Action Script 3 • Select Text Tool • Type in some text – • From the Properties Menu • Choose Font, Font Size, Color, Letter Spacing

  3. Step 2 Turn the TEXT into a Movie Symbol • Select Text with the Selection Tool • Press F8 and select Movie Clip – Click OK • Double-click the text and open the Movie Clip

  4. Step 3 – Break Apart • Press Ctrl + B to break apart the letters • Right-click on the letters and select Distribute to Layers (notice each letter is on it’s own layer)

  5. Step 4 Motion Tween • Go out about 20 frames and select all the blank frames. (Click top frame –hold shift key and select last frame) • With the frames selected, press F6 and fill the column with keyframes • Select all the frames in Frame 1 column again. • Now click the Selection Tool • Move the text up using the Up Arrow Key on the Keyboard

  6. Step 4 Motion Tween Continued • Select all the frames down the middle • Right-click and select Create Classic Tween • Motion Tween is working when it is BLUE • Press Ctrl +Enter to view your work • Change the Rotation and the Ease

  7. Step 5 Stagger the Animation • Click the second layer • Click on the layer itself selects all the frames on that layer • Drag the whole of frames over 5 spaces. • Repeat the above process for all layers • Increasing the distance you drag the frames each time, until you have all the layers spaced out like stairs. • Press Ctrl + Enter to view your work

  8. Step 6 But Wait • How do you keep the letters from disappearing after they’ve fallen? • Go out to the furthest frame and select the line of frames at the end of the animation • Then press the F5 and see how all the frames fill up. • Press Ctrl + Enter to view your work

More Related