Flash teaches you how to make bubble-blown animation effects

Source: Internet
Author: User
Tags delete key

This flash example produced an interesting "clown bubble" animation, mainly using ellipses, line tools, as well as arbitrary deformation and gradient fill, and so on, easy to understand, suitable for practice. First look at the effect of it:

Effect Chart:

Production steps:

1, create a new flash document, Ctrl+f8 a new component, named "Boy". Select the Ellipse tool, set the stroke to black, and hold down the SHIFT key to draw a positive circle as the clown's face.

Figure 01

2, create a new layer, named "Nose", and then draw a small oval as the nose.

Figure 02

3, mouth and ears can all be painted on the nose layer. Use the Straight line tool to draw the following two straight lines as the mouth and cheek.

Figure 03

4, with the selection tool will adjust the line into the following arc to form a smile mouth and bulging cheeks.

Figure 04

5, draw a small oval as the outline of the ear, two small lines as the inner ear lines.

Figure 05

6, select a part of the ear with the selection of the outline and press DELETE key to delete, and then the two small line adjusted into the following arc, complete the ear.

Figure 06

7, the eyes are composed of three small oval, the middle of the ellipse filled with black, the other two filled with white superimposed on the line. You can draw on the new layer.

Figure 07

8. After adjusting the position of the facial features, color the face and nose. Select the face, and in the mixer, set the following gradient from #fee4cd to #fec19a, type "radial".

Figure 08

9, the nose is the same gradient, with the fill deformation tool to narrow the range of the gradient can be.

Figure 09

10, draw a hat. Ctrl+f8 creates a new symbol named "Cap". Draw a triangle with the pen tool or the line tool first.

Figure 10

11, using the selection tool to adjust the triangle of each side to the following curve.

Figure 11

12. Draw a small oval as a decorative ball on the hat.

Figure 12

13, select the Hat, in the mixer set the following from #fdb5b5 to #fb1e1e gradient, type "radial".

Figure 13

14, the ball on the hat is the same gradient, with the fill deformation tool to narrow the range of the gradient can be.

Figure 14

15, back to scene 1. Create a new 2 layer, named "Boy" and "cap", and drag the painted hats and clowns to their respective layers for a good side position.

Figure 15

16, the following start to draw bubbles, first draw the roots of bubbles. Create a new "bar" layer and draw a triangle with a line tool to fill the azure #00ccff.

Figure 16

17, at the 23rd frame to three layers are pressed F5 insert frame, that is, so that the screen has been extended to 23 frames.

Figure 17

18. Select the 16th frame of the CAP layer on which the hat is located, and right-click "Convert to Keyframe".

Figure 18

19, then select the "Cap" layer of the 1th frame, the implementation of the menu/modify/deformation/horizontal flip, changing the direction of the hat.

Figure 19

20, a new "bubble" layer to draw bubbles. On frame 5th, press F6 to insert the keyframe, draw a small ellipse with the Ellipse tool, and fill the radial gradient from white to #70e2fe.

Figure 20

21, in the 15th frame press F6 Insert key frame, with the free deformation tool will bubble pull large, and add shape tween.

Figure 21

22, at the same time with the fill deformation tool also pull large gradient fill range.

Figure 22

23, painting bubble explosion effect. Press F7 to insert a blank keyframe on frame 16th, and draw an irregular hexagon with a pen or line tool.

Figure 23

24, with the selection tool to adjust the six straight lines into the following curve shape, there is the feeling of explosion.

Figure 24

25, to the hexagonal fill yellow on OK. Ctrl+enter can test the effect, bubble explosion at the same time, the hat was blown to the other side.

Figure 25

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.