Flash make cute "little bunny Seesaw" animation

Source: Internet
Author: User

This flash example made two cute bunnies play the Seesaw animation, mainly used in elliptical tools, gradient fill and freeform tools, easy to understand, suitable for practice.

Production steps:

1. Create a new flash document of the default size. First draw the sky background, draw a rectangle with a rectangular tool, press "relative to stage" in the alignment panel, then click the "match width and height" button, and the last point "align vertically" and "align horizontally" buttons. After aligning with the stage, set the rectangle to the following gradient from white to sky-blue, in the form of linear.

Figure 1

2, grassland. Draw a green-green rectangle that matches the stage "width" and "bottom align" in the alignment panel.

Figure 2

3, use the selection tool to drag on the grass line to adjust to the natural curve.

Figure 3

4. Draw the base of the seesaw. First draw the following triangle with the Pen tool, and click between any two points to draw a straight line.

Figure 4

5, with the selection tool to adjust the triangle to the following shape and fill the orange #ff9900.

Figure 5

6. Use the Ellipse tool to draw the following small ellipse on the pedestal, select the Ctrl+g group together with the pedestal.

Figure 6

7, draw the lever. Use the rectangular tool to draw the following rectangular rectangle so that the lever is flush with the circle on the base and aligned with the base level. Finish the seesaw.

Figure 7

8, Ctrl+f8 a new component, named "Rabbit." Use an elliptical tool to draw an ellipse as the head of a rabbit, filling in the following gradient from white to pink #ff99ff, type "radial". The position of the gradient is adjusted with the Fill Transform tool as follows.

Figure 8

9, the body. Ctrl+d Copy the ellipse, adjust the ellipse to the following shape with the freeform tool, and adjust the gradient with the fill deformation tool as follows. You can adjust the position of each ellipse layer by arranging in the right-click menu.

Figure 9

3Flash production of "Rabbit Seesaw" animation (3) back to the top

10, legs. Ctrl+d the ellipse again, adjusts the ellipse to the following shape with the freeform tool, and adjusts the gradient with the fill deformation tool as follows.

Figure 10

11, feet. Ctrl+d Copy the ellipse, with any transform tool to adjust the ellipse to the following shape, fill pure pink.

Figure 11

12, tail. Ctrl+d Copy the ellipse, adjust the ellipse to the following shape with the freeform tool, and adjust the gradient with the fill deformation tool as follows.

Figure 12

13, arm. Ctrl+d Copy the ellipse, adjust the ellipse to the following shape with the freeform tool, and adjust the gradient with the fill deformation tool as follows.

Figure 13

14, Ctrl+d copy out another arm, fill pure pink, put in the bottom of the body.

Figure 14

15, Ctrl+d copy an arm as the ear, with any deformation tool to adjust the shape, and the fill deformation tool to adjust the position of the gradient below.

Figure 15

16, Ctrl+d copy out of another ear, filled with pure pink, with arbitrary deformation tools to adjust the angle after the lower body.

Figure 16

17, eyes. Use the Ellipse tool to draw the following small oval, filled with white.

Figure 17

18, and then use the elliptical tool to draw the following black eyes.

Figure 18

19, nose. Use the Ellipse tool to draw the following small oval, filled with red.

Figure 19

20, mouth. Use a straight line tool to draw the following triangles on the rabbit's face.

Figure 20

21, then use the selection tool to adjust the line to the following curve fill red.

Figure 21

22, with a rectangular tool in front of the rabbit to draw a seesaw handrail, because to the back to do with the rabbit animation, painting together very convenient. This completes the rabbit component.

Figure 22

23, back to the scene, will draw the rabbit components onto the stage, on the seesaw on the following position.

Figure 23

24. Copy a rabbit, select menu/Modify/warp/flip horizontally, on the other side of the seesaw. Align the two rabbits vertically in the alignment panel and ctrl+g the group.

Figure 24

25, finishing the layer. Put both the rabbit and the lever on the "lever" layer and group all of them. The base is exclusively one layer, and the grass and the sky each occupy a layer.

Figure 25

26. At the 18th frame of each layer, press F5 to insert the frame, indicating that the picture continues to this frame. Select the 1th frame of the lever layer, select the Freeform tool, first move the center point of the deformation to the point where the mouse refers to the center of the circle on the base, then rotate the lever with the rabbit to the following position.

Figure 26

27, select "Lever" layer 1th frame Point right Select "Copy Frame", and then at the 9th and 18th frame Point right button "paste frame", add animation tween respectively.

Figure 27

28, select the 9th frame, the lever and the rabbit rotation to the following position is completed. Ctrl+enter test the effect.

Figure 28

29, complete.

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.