Flash produces a poetic ink scroll to expand the animation

Source: Internet
Author: User

The poetic scrolls of the opening ceremony of the Beijing Olympic Games, and the wonderful picture which it presents to us, we must still remember it! Today we use flash to make a poetic ink scroll to expand the animation, the main use of rectangular tools and gradient filling tools, easy to understand, suitable for practice.

First look at the effect of it:

Effect Preview

Production steps:

1. Create a new flash document of the default size, draw a rectangle with rectangular tool, outline width is 2, fill color is #bed0bf.

Figure 1

2, Ctrl+r Import a picture of their favorite to the stage.

Figure 2

3, with any deformation tool to adjust the picture to the appropriate size, placed in the central position of the background.

Figure 3

4, then use the rectangular tool to draw a black rectangle behind the picture.

Figure 4

5, with any deformation tool to adjust the black rectangle to the appropriate size, forming a picture of the black border.

Figure 5

6, Huazhou rod. Draw a slender rectangle with the rectangular tool, and the fill in the color panel with the following linear gradient, with the two ends of #98b498 and white in the middle.

Figure 6

7, then use the rectangular tool to draw a black slender rectangle.

Figure 7

8. Place two rectangles together and align them in the center.

Figure 8

9. Use the selection tool to adjust the ends of the black rectangle to arc, then select the two scrolls together and ctrl+g the group.

Figure 9

10, select the painted scroll, hold down the ALT key horizontal drag can copy the other one, they and emissions at the end of the picture.

Figure 10

11, select the scroll on the right, ctrl+shift+d it to the new layer and named Bar2. Draw a large white rectangle with a rectangular tool underneath the scroll, and the rectangle will be large to cover the picture below. Place this scroll and the white rectangle ctrl+g the group.

Figure 11

12, now has three layers, the bottom is the picture background, the other two layers are scrolls. Press F5 at frame 100th to insert frames into all three layers.

Figure 12

13. At the 50th frame of the BAR2 layer, press F6 to insert the keyframe and add the animation tween. In frame 50th, the scrolls and white rectangles on this layer are adjusted to the right end of the drawing background. Complete!

Figure 13

15, the final 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.