Wonderful: Flash hand-painted a pair of handsome glasses

Listen to a lot of friends said very like Flash animation, but is the basis of painting is not good, do not draw out what they want. In fact, in Flash does not need to be as pure art as the requirements of the very rigid, as long as there is a general shape, beautiful colors, can express the meaning of animation can be. In Flash, the drawing often uses the selection tool, the Subselection tool, the line, ellipse, rectangle, and polygon tools, and the pen tool. The following people come and I draw a handsome cute girls wear beautiful glasses, first to see the effect of the picture:

Click here to download the source file

　　First, create the file and set the properties

Click the Windows system's Start menu, execute the Start > Program > "Macromedia" > "Macromedia Flash MX 2004" command, start Flash MX 2004, The system now pops up Flash MX 2004 Start the interface. Single-hit the Flash document project under Create New project, create a new blank document, as shown in the following illustration.

Create a blank document

Description: There is also a way to create a new file, start Flash MX 2004, execute new command under Files, select Flash Document on the General tab, and open a new, blank document.

To set the Flash file properties First, press the shortcut key CTRL+F3 to open the Properties panel. In the Properties panel, specify parameters such as the stage size of the document, the background color (here #ff99cc), the frame rate (that is, the playback speed), and the document's publish settings, as shown in the following illustration.

Set document properties

Everything in the Flash animation is stored separately as a component. A component is a graphic, button, or movie clip created in Flash, which is one of the basic elements of Flash animation. The component needs to be created once to be reused throughout the document or other document. and using it multiple times does not significantly increase the size of the animation file. Any component you create automatically becomes part of the library for the current document. The library panel can be invoked at any time, and the application of the component makes it easy and quick to make the animation.

Second, create components

Step 1 Create a new graphic symbol:

The Create New Symbol dialog box opens by executing the new Symbol command (shortcut key Ctrl+f8) under the Insert menu. In the Create New Symbol dialog box, enter the name of the component as glasses, behavior, select the radio button in front of the graphic, and then click OK.

Step 2 into the component edit State

After creating the component, the edit stage of the animation has been switched from Scene 1 to the edit state of the "ball" graphic symbol, and the cue for "small ball" above the timeline is shown in the following illustration.

Editing scenes for eyeglasses components

Third, drawing graphics

First of all to understand the structure of glasses, glasses are made of lenses, frames, frame structure. So which part should we draw first? Of course, the frame, with this general box, the other parts are good to draw.

1. Picture frame's Drawing　　

　　Step 1 Set the color

Select the Pen tool on the Tools panel, click Stroke Color in the color area under the Tools panel, select Light gray #CCCCCC on the color swatch panel that pops up, and then click Fill Color to select white #FFFFFF on the color swatch panel that pops up. As shown in the following figure.

Stroke color Set Fill color settings

　　Step 2 draw the picture frame with the pen tool　

It is easy to draw a path with the pen tool. After you select the Pen tool, you can draw the appropriate path by constantly clicking on the stage, and if you want to finish drawing the path, double-click the last point.

Description: Hold down the Shift key while you click, and you can limit the line to a multiple orientation of 45 degrees.

OK, first use the pen tool to draw a straight frame appearance, as shown in the following figure.

Draw the appearance of the frame with a pen

　　Step 3 Adjust the box with the Subselection tool

After the painting to adjust the frame before you can make it more in line with the requirements, the Toolbox select "Select Tool", the mouse pointer to move to the line, the lower right corner of the pointer will turn into an arc, drag the mouse, you can turn the line into a curve. Then select the Subselection tool in the Toolbox and click the node to see two handles, as shown in the following illustration.

Select node

Drag the handle to change the shape of the curve. You can hold down the ALT key and drag the handle, without affecting the other handle. Dragging a node can change the location of the node, as shown in the following illustration.

Drag a handle to adjust the shape of a curve

This method is used to adjust the shape of the glasses frame well. As shown in the following figure.

Adjust profile

2. Drawing of lenses

In order for the lenses to be drawn in harmony with the frames, so to the frame as a reference, in the timeline, double-click the "Layer 1" layer name, for its name "frame", and then click the New Layer button, new "Layer 2", and "frame layer" lock, the following figure.

Modify a layer name and create a new layer lock the "frame" layer

　　Step 1 Set the color

Select the Oval tool on the Tools panel, click Stroke Color in the color area under the Tools panel, and select No stroke on the color swatch panel that pops up, as shown in the following illustration.

Set stroke color to None

Bring up the "palette" on the right (you can press two shift+f9) and select the linear gradient in the fill style, as shown in the following figure.

Select "Linear" gradient

Set the color of the left color is: #005EB4, the color color block to the right: #06E6FB, for the lens filter set, here is a sea blue glasses, so chose the blue, the following figure shows.

Left color block color value right color block color value

　　Step 2 draw the lenses with an elliptical tool and adjust them with a partial selection tool

In "Layer 2" on the frame as a reference to draw two lenses, as you can see in Figure 18, the two lenses are not as visible as they think, so we have to use the "subselection tool" control handles to make two circles and lenses match, as shown in the following figure.

Draw two ellipses

Make adjustments with the Subselection tool

　　Step 3 Adjust the gradient with the Fill Transform tool tool

Select the Fill Transform tool on the Tools panel, click on the lens, and then adjust the gradient orientation.

Make adjustments with the Fill transform tool

Lock this layer.

3. The drawing of the mirror leg

　　Step 1 Set the color

Select the Pen tool on the tools panel, set the stroke color value for the color area (#B5B6B5), and the fill color value to white.

Set color

　　Step 2 draw the left mirror leg

Under the "Frame" layer under the new layer, named "Mirror Leg", draw the left side of the mirror leg shape, and use the "selection tool" to adjust.

Draw and adjust the left mirror leg

If the length is not good, you can adjust the length of the left mirror by using the "freeform tool" in the tool after drawing.

Adjust the left mirror foot with "freeform tool"

　　Step 3 Draw the right mirror leg

Use the method described above to draw the mirror leg and adjust it, then draw a blue square on the side of the mirror.

Draw the right mirror leg

Here, a beautiful pair of glasses is done.

Final effect

Other glasses color See source file.