Flash production of stars writing effects animation examples

Source: Internet
Author: User
Special Effects | stars

  Site Editor: I have seen this tutorial a long time ago! With as to achieve the star writing, the effect is good, but also provided the source file so that we reproduced once! Like the flash can learn the next!!! A more Elementary Tutorial!

First look at the effect:

Click here to download the source file

Operation Steps:

1, Start Flash, select [File]--[new] command, create a new Flash document, and set the stage background color to black.

2, create a new graphics file, named Light. Draw the graphic shown in Figure 1 in the edit area.

3. Create a new graphic file named Starlight, enter the component editing window and drag the component light from the library panel to the center of the current component editing area. Press the [ctrl+t] key combination to open the variants panel, set the parameters as shown in Figure 2, and then click the copy and apply the transform button three times to get the star graphic symbol, as shown in Figure 3.

4. Create a new movie clip symbol named Star, enter the component editing window, drag the component Starlight from the library panel to the current component edit area, and align its center with the symbol editing center. Select frames 10th and 20th respectively, and press [F6] to insert keyframes.

5, click Frame 1th, select the Starlight symbol instance, set the alpha value to 10% in the properties panel, and modify its size to 50%, as shown in Figure 4. Select frame 10th to rotate the component 10 degrees using the transform panel. And then select Frame 20th to set its alpha value to 20%, which is the size of the original 50%.

6, select the "Layer 1" frame 1th, in the properties panel set "tween" to "action", "rotation" to "counterclockwise." Select frame 10th, set tween to action in its properties panel, and rotate to clockwise.

7. Return to the Scene 1 edit window and drag symbol star from the library panel to the stage. Add an Action boot layer above layer 1 to lock layer 1.

8, select "Text Tool", enter text Flash178 on the guide layer, the Text property setting is shown in Figure 5.

9, two consecutive press [CTRL+B] combination of the text to break up. Select ink Bottle tool, set stroke height to 1, click each letter to get contour, delete unnecessary parts, and use the eraser tool to rub a small notch at the top of the letter A and 8, as shown in Figure 6.

10, select the 159th frame of the guide layer, press [F5] key to insert the normal frame.

11. Select "Layer 1" frame 1th, and click the Align Object button in the Options option area below the toolbox to move the symbol star to the end of the letter F, as shown in Figure 7. Set the symbol's instance name to star in the Properties panel, as shown in Figure 8.

12, select the "Layer 1" frame 9th, and press [F6] key to insert the keyframe, the symbol star moved to the upper right end of the letter F, this completes the production of an alphabet animation. Similarly, insert keyframes at the [F6] key in 28th, 41, 42, 59, 60, 76, 77, 97, 98, 115, 116, 136, 137, 159 frames, respectively.

13, click "Layer 1" and set "tween" as "action" in the Properties panel to complete the whole letter animation.

14. Create a new movie clip symbol called "Action", enter the component editing window, select frame 1th, press [F9] to open the action-frame panel, and add the action statement shown in Figure 9.

15, add the action statement "gotoAndPlay (1)" in frame 2nd to indicate looping play frame 1th.

16, return "Scene 1", new "Layer 3", drag the symbol "action" to the stage in the library panel, and then delete frame 159th so that the action statement does not work on the frame.

17, select the "Scene 1" frame 97th, add action statement: Stop (), at this time the timeline panel as shown in Figure 10.

18, press [Ctrl+enter] key combination test film, watch animation effect.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.