Preliminary learning to use the basic knowledge of flash

I was last summer began to learn flash, the pension on my study of the Flash MX2004 tutorial, to those and I want to learn the same flash without the road friends!! The following tutorials can basically teach the basic things of the Food brothers, you can only draw, and then learn the following things, should be enough.

The first section Flash introduction

What is Flash

Flash is a Macromedia company in the United States in June 1999 launched the excellent web page animation design software. It is an interactive animation design tool that can combine music, sound effects, animations, and innovative interfaces to create high quality web dynamic effects.

Why use Flash

As we all know, HTML language is very limited, can not achieve the expected design, in order to achieve a refreshing dynamic effect, in this case, a variety of scripting languages came into being, making web design more diverse. However, programming is always not very popular, because it requires a certain degree of programming capabilities, and people need a simple intuitive and powerful animation design tools, and Flash appears to meet this demand.

Features of Flash

1. The use of vector graphics and streaming playback techniques. Unlike bitmap graphics, vector graphics can be scaled to any size without affecting the quality of the graphic, and streaming technology allows the animation to be downloaded while playing, easing the mood of the web surfers anxiously waiting.

2. By using keyframes and graphics to make the generated animation (. swf) files very small, a few K-byte animation files can already achieve many exciting animation effects, used in web design can not only make the page more vivid, and exquisite download quickly, Allows animations to be played in a very short time when the page is open.

3. The combination of music, animation, sound effect, and interaction means that more and more people have used flash as the preferred tool for Web animation design, and have created many amazing animation (film) effects. And in the Flash4.0 version already can support the MP3 music format, this makes the animation file which joins the music also to be able to maintain the small ' stature '.

4. Powerful animation editing allows designers to design high-quality animation at will, through action and FS command can achieve interactivity, so that Flash has greater freedom of design, in addition, it and the most popular web design tools Dreamweaver with tacit understanding, Can be directly embedded in any location of the Web page, very convenient.

In short, Flash has slowly become the standard of web animation, becoming a new technology development direction. In the face of such a rare design tool, you still wait for what, quickly join the ranks of the flash!

This is the basic working environment for the Flash MX Professional Edition as shown in the picture. To facilitate the description, the parts that can be dragged are moved away from the main environment and become separate small windows. The working environment of Flash includes these parts in general, the following is briefly introduced.

The 1 stage (Stage) is the workspace, the main editable region. Here you can draw directly, or import an external graphic file for editing, and then synthesize individual frames together to create a movie.

2 Timeline Window (Timeline) with which you can adjust the speed of the movie, and put different graphics works in the corresponding frames of different layers, to arrange the sequence of movie content playback.

The 3 Drawing toolbar (Drawing Toolbar) places a variety of tools for graphics and text editing that you can use to draw, select, spray, modify, and format text, and some tools to change the way you view the workspace. When a tool is selected, its corresponding modifier (Modifier) also appears at the bottom of the toolbar, and the modifier's role is to change the effect of the corresponding tool on the graphics processing.


A 4 Gallery Window (library window) is used to store elements that can be reused, called symbols. The types of symbols include pictures (Graphics), buttons (button), and movie clips (Movie Clip). The shortcut key that it calls is ctrl-l.


These are just feathers a corner, but for beginners, understand these several, should be enough! ~~~~~~~
Here is the figure!!

The time axis (Timeline) is one of the most important tools in Flash. It can be used to view the situation of each frame, adjust the speed of animation playback, arrange the contents of frames, change the relationship between frames and frames, so as to achieve different effects of animation.


The red playhead can be dragged to any frame within the maximum frame range created. To see the contents of each frame, a in the status bar can center the position of the playhead, which is valid when the animation is long and the playhead is more than half the total number of frames that can be displayed.
The B in the status bar is an onion peel (Onion skin) button that displays the contents of the frame before and after displaying the contents of the frame in which the playhead resides. When the button is clicked, a bracket-shaped marker will appear around the playhead, and the frames included will be displayed, which will help us observe the graphical changes between the different frames. C and B are the same, except that it only shows the contours of each frame graph. When we need to edit multiple frames at the same time, you can press the D button, but note that it is only valid for frame-frame animations and not for gradient animations, because the gradient animation is implemented by defining the keyframe interpolation method, so that the interpolated frames are not editable. E is an onion skin modifier used to change the status and settings of the onion skins. The next three digits are the frame number of the current playhead, the animation playback speed, and the time it takes to play from scratch to the current frame at this speed.

The f in the upper-right corner of the timeline window can be used to adjust the width of each cell of the time, and each person can modify it according to his or her preferences, the length of the animation, and so on for practical operation.

In addition, we note that the frames are also very diverse in the timeline window. In Flash, there are two types of animation, a class is just introduced the gradient animation, through the key frame interpolation method to achieve the other type of frame-frame animation, is the frame as a key frame of the animation, used to achieve the effect can not use the gradient animation, but generally do not recommend frequent use, Because the increase in keyframes will increase the size of the animated file.

The following lists all possible ways to differentiate between these two types of animations:

<!--Script code starts-->
Adtxt (1);
<!--Script code end-->

The above illustration is a typical layer example, showing 11 layers. A layer with a pencil mark in blue identifies the layer that is currently being edited. If the layer cannot be edited, the pencil is displayed with a fork icon. In the upper right of these layers there are three icons, in which the eye icon can control whether the layer is displayed, the default state is the normal display, in the corresponding below with black dots, if you click the black dot, the Red fork will appear, while the layer is hidden, hidden layer can not be edited. Lock icons are used to control whether the layer is locked, the locked layer can be displayed normally, but cannot be edited so that when you edit the other layers, you can use this layer as a reference without accidentally changing the content of this layer. Black squares can control whether the layer is displayed in contour, click on the corresponding black dots, there will be the corresponding color of the hollow square, and then restore normal once again. These features can work at the same time.


Double-click any layer to select the layer and enter the status of the replacement layer name, the name of the layer associated with the edit content will be beneficial to our work. When we select a layer, all the objects on that layer are selected. Hold down the SHIFT key and we can select multiple layers at the same time. Also note that the layer is arranged in order, the top layer is the closest you can see the layer, the content will cover the other layer, but you can also drag the mouse to change the arrangement between the layer and layer.
The icons and text on each layer are called the attributes of that layer, and we can also select attributes (Properties ...) in the menu by right-clicking the mouse button at a certain level. To make changes.

Masking layer Action: objects in the masking layer are considered transparent, and their masked objects are displayed correctly within the outline range of the mask layer object. Masks are also a commonly used technique in flash, which can produce some special effects, such as searchlight effects. When a layer is defined as a mask layer, a layer below it automatically defines the masked layer, which can also be modified by attributes.

The role of the guide layer is to assist in the movement or positioning of other layer objects, for example, we can specify the motion trajectory for a ball. Alternatively, you can create a grid or object on this layer to help align other objects. The guided layer is only valid when the upper layer is a guide layer or a guided layer. When the item is selected, the layer represented will have some association with the guide layer.


These are the most basic concepts and knowledge of the layers .....

Section fifth use of drawing tools (i)