Flash imitation to make a cartoon-style flying Birds Example tutorial

Source: Internet
Author: User

Comment on: This culture and education how to create flying birds in Flash, and tell everyone flying animals movement law, together to see how the cartoon-style birds how to draw it

Drawing birds whether in the landscape animation, or in the MTV, Birds in the sky free to soar in the picture is always indispensable, this example will tell you the flight type Animal movement law, and teach everyone to draw cartoon birds, example effect as shown in Figure 7-1.

Figure 7-1 Final effect diagram

Core technology: To understand the law of flying animals and how to draw birds; Use the pen tool, pencil tool, and subselection tools to draw and adjust the bird shape;

Theory: On the law of Bird Movement

Before making this example, learn about the concept of bird flight.

Bird animals use wings to fly, so the movement of the law is relatively simple. Its flight has two related concepts, that is, wings and traces. The flapping movements of flying animals vary according to the size of their wings. The flight trajectories of different flying animals vary greatly.

When a bird is flying, the wings repeat up and down incitement of the action, and the downward agitation of short time, strength, in order to obtain upward lifting force, and the wing upward fan is to restore the wings to the original position, the whole process of time long, weak strength, the state of the wings are not the same. Therefore, the birds up to incite wings is the main movement of the flight, while the downward incitement of wings is subordinate action.

The flapping of large birds and the flapping of small birds are completely different. Large birds, with their large wings, long wingspan and slow agitation, are able to animate more of their flapping-wing movements, showing the rhythm and rhythm of the flight in full, as shown in Figure 7-2.

Fig. 7-2 Drawing of large birds

A small bird, such as a sparrow, hummingbirds, including other small wings of insects, their wings are small, high frequency of incitement, in the course of action can hardly see the process of their wing, in the painting of small birds flying action should use less animation, as shown in Figure 7-3.

Fig. 7-3 the figure of the bird fly

Bird body structure is divided into: head (including eyes, mouth), body, wings, tail several parts.

The birds in Flash have the feeling of cartoon, do not need to depict the effect of feathers, just show the key parts.

Operation Steps:

1. Draw the background

(1) After the launch of Flash, create a new document, its parameters are the default. The first thing to do is to create a background select the Rectangle tool ① in the toolbar, press SHIFT+F9 to open the Color Mixer tab in the Colors panel, set the fill type to linear gradient ③, the left slider color is white, and the right slider color is "#0091E3" ④, Draw a rectangular ⑤ that is the same size as the scene, as shown in Figure 7-4.

Figure 7-4 Drawing the background rectangle

(2) Open the source file of instance 1 ①, copy the Sun and grassland, then return to the source file of this instance, create a new layer to place the sun and grassland image ②, select the "Freeform Tool" ③ in the toolbar, adjust the graphics size and place ④ in the appropriate position, as shown in Figure 7-5.

Fig. 7-5 pasting and adjusting the sun and grassland

(3) Draw now, look at the plot of the bird before drawing, as shown in Figure 7-6.

Fig. 7-6 plot decomposition of bird 1

(4) Execute "Insert" → "New symbol" menu command (shortcut key is "Ctrl+f8" ①, in the Create new symbol window, set the name to Bird 1 ②, the type to graphics ③, click the OK button ④, and create a new graphic symbol, as shown in Figure 7-7.

Figure 7-7 Creating a bird 1 graphic symbol

(5) Select the Pen tool ① in the toolbar and set the stroke color ② in the color bar. The Fill color value is #E47489 ③, the stroke height is set to 0.5 in the property panel, the stroke style is solid ④, drawing the bird body's graphic ⑤ in the workspace, and then selecting the Select Tools and Subselection tools ⑥ to adjust the graphics ⑦ as shown in Figure 7-8.

Figure 7-8 Drawing and adjusting the bird body

"Note": To draw the birds must be layered drawing, and lock other non-working layers, but also need to modify the name of each layer in a timely manner, which makes it easier to draw production.

(6) Change the name "Layer 1" to "body", then draw the other parts of the bird's body and draw the eyes first. Create a new layer, named "Eye" ①, select the Pencil tool ② in the toolbar, set the stroke color value to "#664C2D" ③, "stroke height" and "stroke style" and just as ④, draw the bird eyes, as shown in Figure 7-9.

Figure 7-9 Drawing the eyes of a bird

"Attention": the Bird "eye" layer should be located above the "body" layer.

(7) Next draw the bird's mouth, a new layer, named "Mouth" ①, select the Pen tool ② in the toolbar, set the stroke color value to #E6882D ③, fill value is #ECA715 ④, stroke height and stroke style are the same ⑤ as just now, drawing out the beak of the bird ⑥, As shown in Figure 7-10.

Figure 7-10 Draw the bird's mouth

"Note": "Mouth" layer is located under the "body" layer, so that redundant graphics can be blocked by the body.

(8) Next draw the bird's belly, first make the "body" layer is working, the other layer lock. Select the Pencil tool ① in the toolbar and set the stroke color value to #E16A71 ②. Stroke height "and stroke style" as you did just now, draw the belly line on your body, then select the "Paint Bucket Tool" ③ in the toolbar, and set the fill color value to "#EAADAF" ④, Fill the belly with the color ⑤, as shown in Figure 7-11.

Figure 7-11 Draw the bird's belly and fill the color

(9) Draw the bird's wings below. First create a new layer and name it "Wing" ①, in the toolbar, select Pen Tool ②, set the stroke color value to #DA5054 ③, fill value to #E16A71 ④, stroke height and stroke style, and just as ⑤, draw and tune a bird's wing ⑥, As shown in Figure 7-12.

Fig. 7-12 draw the wings of a bird

"Note": "Wing" layer is located underneath the "body" layer, the excess part is blocked by the body.

(10) Draw the other wing of the bird below. First create a new layer above the "body" layer and name it "Wing 1" ①, select the Pen tool ② in the toolbar, set the stroke color value to #DE526F ③, the fill value to #DE526F ④, stroke height, and stroke style are just as ⑤, Draw a bird's wing and adjust the position ⑥ in place, as shown in Figure 7-13.

Fig. 7-13 draw another wing of the bird

(11) Draw the feather portion of the bird's wings below. First, create a new layer above the "Wing 1" layer and name it "Wing 2" ①, select the Pen tool ② in the toolbar, set the stroke color value to #E15680 ③, the fill value to #E5769C ④, stroke height, and stroke style are just as ⑤, Draw and adjust the feathered part of the bird and place it in the appropriate position ⑥, as shown in Figure 7-14.

Fig. 7-14 plot the feather portion of a bird

(12) Use the method described above to draw another purple bird, and then click the "Edit Scene" button to the right of the timeline and select the "Scene 1" option to return to ① in the workspace in Scenario 1. New "Layer 3" is used to place the bird's graphical ②, select the Select Tool ③ in the toolbar, press "Ctrl+l" to eject the library panel ④, select the two bird symbol ⑤ in the library panel, and drag to the appropriate location in the scene ⑥, as shown in Figure 7-15.

Figure 7-15 Drag the drawn bird into the scene

Hint: When drawing another same thing, you can use the method of copying and then adjust the differences in the copied copy.

Such a spring bird map is completed, friends if more like the cartoon point of the birds, you can add more colors for the birds.

Important note: To draw, you need to be aware that the transform of stroke color and fill color, the general stroke color is only a bit deeper than fill color. Also pay attention to the naming of layers and the toggle of locking layers when layered drawing.

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.