Lesson one

Introduction to FLASH

Basic knowledge of Flash

First, the interface introduction

After starting Flash, the interface of Flash mainly includes menu bar, standard toolbar, toolbox on the left, tool options in the lower left corner and status bar at the bottom.

The menu bar contains all commands. It can be used with mouse and keyboard. Click with the left mouse button, then press the Alt key on the keyboard, and then use the direction key to move and press Enter to select. You can also press Alt and underline letters.

You can also find that some commands have shortcut symbols next to them. For example, "F6" is an "Insert Keyframe" command. Note: Double quotation marks in this book refer to a command operation. Click the left mouse button to select, and click the right mouse button to pop up the command menu.

The toolbox is located on the left side of the window and consists of 14 tool buttons and the following tool options. Options allow tools to have special functions, such as changing color, size, shape, and so on.

Remember the names of commonly used tool buttons, such as "Arrow" is a tool, "A" is a text tool, and so on.

The standard toolbar (usually closed), under the menu bar, each tool is an icon, representing one of the most commonly used menu commands, such as creating a new file, opening and saving ... But the toolbar commands in the window menu are often closed to save space.

The timeline panel is located in the upper middle of the window, and the layer panel is located on the left. By default, it has a "layer 1" black (highlighted). In the middle of it is a frame panel with many small squares. Each grid represents a frame, each frame can draw a picture, and the frames do not interfere with each other.

Select a frame and click the left mouse button in the small grid of the frame with the arrow tool. The frame will turn black and highlight, indicating that it has been selected. When selecting multiple frames, hold down the Shift key at the same time, and then click the next frame.

At the top of the screen, there is a number to mark the serial number of the screen, and a red line indicates the time pointer. Animation always starts with the time pointer, and the way to locate the pointer is to click the number with the left mouse button.

Below the timeline panel is a white workspace. Each framework has its own workspace. All drawing and object operations are performed in the workspace. There is a display scale button in the lower left corner of the status bar, which can adjust the display scale of the workspace.

The size of the workspace can be set in the pop-up dialog box by double-clicking "12.0 frames" at the bottom of the timeline, and the animation playback speed can also be set here (the default is 12 frames per second). You can also open the dialog box by executing the Movie command in the Modify menu.

The status bar is located at the bottom of the Flash window and is used to prompt the functions of the selected command and tool. When the mouse points to a button, there will be a prompt next to it and explanatory text in the status bar.

The control toolbar (usually closed) is a set of buttons for animation, similar to a tape recorder, and usually hidden.

The toolbar described above can be displayed or hidden according to our needs, and can be found in the "Window" menu. You can try it yourself.

This section introduces the interface of Flash. Flash is mainly composed of menu bar, standard toolbar, toolbox, control toolbar and status interception.

Let's do an exercise.

Familiar with basic operations: the mouse has left button and right button, and the left button is used to select (click) and run (double click); Right-click to pop up the command menu, and click the blank space to cancel the selection.

The window consists of a title bar, a menu bar and a workspace, which consists of folders, files, various icons, buttons and options.

Pay attention to the change of mouse shape in operation. Different shapes represent different things.

Animation includes motion, deformation and rotation, and it needs at least two graphics to express it, so there are many small squares (frames) in Flash for drawing.

Now let's practice making a simple animation and output the animation effect.

(1) Start Flash, close the redundant window on the taskbar, leaving Flash and tutorial windows to be displayed side by side (the window of Flash is larger). Click the left mouse button on the title bar of the Flash window to return to the Flash window. By default, Flash will create a new movie 1 file. First, let's set the relevant data of the workspace, click the "Modify" menu in the menu bar, and then click the "Movie" command inside.

② Click the color button on the "background color" option in the pop-up dialog box to change the background color to black and set the "frame rate" to 6. Click the OK button to review the changes.

③ Next, create two symbol components for animation. Select New Component from the Insert menu.

④ Enter "hello" in the name option of the pop-up dialog box, select "Graphics" in the type option, and click "OK" after checking it. At this point, a button titled "hello" will appear in the upper left corner of the timeline panel with a red, green and blue square icon, indicating that a graphic symbol is being edited.

⑤ Then enter text: Select the text tool in the toolbox, and in the tool option colors below, change the "fill color" (the color of the paint brush with the paint bucket next to it) to red. In the text menu, select an italic font with a size of 36, and then click the left mouse button in the center of the workspace (with a cross). A small text box with a blinking cursor will appear in the workspace. Then click the left mouse button on the "en" on the right side of the taskbar, select "Purple Pinyin" and enter the pinyin "Hello" (click again when the text box is gone), and the first symbol is ready.

(Ziguang input method uses Pinyin, which can input both words and phrases. When you enter the same phrase for the second time, you only need to enter the initials of the word. There are Chinese characters under Pinyin. If you change the wrong pinyin, first use the arrow keys to move to the pinyin position, press the backspace key to delete the error, and then enter the correct pinyin. The first word can be entered as a space, and the following words can be entered as numbers. If there are no words, please press the greater than sign and the less than sign to turn the page. After entering, you will enter English letters. )

⑥ Using the same method, click the Insert menu and select New Component to create a graphical symbol component named Welcome. Click OK, select the text tool, click the left mouse button in the center of the workspace, and also enter Welcome to Flash World. Note that the cross is located in the center of the text box (between "in" and "f").

⑦ After creation, click the "Scene 1" button next to the "Welcome" button in the upper left corner of the timeline to exit symbol creation and return to the main scene workspace. With "Welcome" as the file name, click the "Save" command in the file menu, click the mouse in the pop-up "Save in" dialog box, find your own folder (create a new folder with your own name in the "My Flash" folder in my document), and save the file to your own folder.

Let's start making an animation with the symbols we created. We should let "Hello" fall from the top of the workspace and stop at the center of the workspace.

⑧ Open the "Window" menu and select the "Gallery" command. At this time, we found two symbols we just created in the gallery. Click "hello" in the directory below and use the arrow tool to drag the word "Hello" from the preview box above to the top of the workspace (there is a cross arrow and a square at the tail of the mouse).

Pet-name ruby Click the right mouse button on the first 10 frame of the timeline to pop up the menu. Select the "Insert Key Frame" command to insert a key frame at frame 10 (the key frame is the start or end point of the animation). Use the Arrow tool to drag the text above the workspace in frame 10 to the middle of the workspace.

Attending physician: Next, we create an animation process for the movement from frame 1 to frame 10. Click the right mouse button on the 1 frame and a menu will pop up. Choose the Create Animation Action command. At this point, a blue arrow will appear between the two key frames from frame 1 to frame 10, indicating the relationship between them. Save the file.

At this point, our first animation has been completed. Move the time pointer to frame 1, press Enter to play the animation and see the effect. Are you proud? Next, we continue to study.

The second animation is similar to the first one. We let the text "Welcome to Flash World" enter the workspace from the left, move to the right and disappear, and then return to the center of the workspace from the right. Careful classmates will find that this animation consists of two parts, one is from left to right and the other is from right to middle.

⑾ It's settled. Click the "+"(Insert Layer) button in the lower left corner of the Layers panel to create a new layer 2. Our second animation is placed on this layer. First, delete all the automatically generated frames on this layer (select the first frame on the second layer and press the delete key).

⑿ Click the right mouse button on the fifth frame on the second floor to pop up a menu. Choose the "Insert Key Frame" command, which will be used as the start key frame of the animation. In the Gallery panel, drag "Welcome to Flash World" to the left center outside the workspace. Starting from the fifth frame is to stagger with the first animation and create rich animation effects.

[13] Right-click the frame 10 on Layer 2 and select the "Insert Key Frame" command. The frame 10 acts as the end point of the animation. In the frame 10, drag "Welcome to Flash World" to the outside on the right side of the workspace. In this way, the position is moved from frame 5 to frame 10. The principle of animation is to show the movement and change of objects with several pictures. When we right-click on frame 5, a menu will pop up, and select the command of "Create Animation Action" to create an action animation from frame 5 to frame 10 (if it is a dotted line, insert key points in frame 10). Click Save on the File menu to save the file.

[14] Next, create the returned animation. At this time, keep the two layers synchronized, and select the 15 frame of the two layers at the same time (click the left mouse button on the 1 5 frame of the1layer, and then hold down the Shift key to click the left mouse button on the 15 frame of the two layers).

⒂ Insert a key frame (black) in the selected frame. Right-click the blackened frame, select the Insert Key Frame command, use the arrow tool to click deselect layer 1 in the blank space, click to select it in the 15 frame of layer 2, and use the arrow tool to click the selected text "Welcome to the Flash world".

[14] From frame 10 to frame 15, the text returns to the workspace. Right-click the frame 10 on Layer 2 to create an action animation. Click Save in the File menu to save the file, move the time pointer to 10 frame, and press Enter to play the animation to see the effect.

⒄ Next, continue the previous animation to make rotation animation, and select the 25th frame of two layers at the same time (click the 25th frame of layer 1 with the left key, and then click the 25th frame of layer 2 with the left key while holding down the Shift key), click the right mouse button on the selected frame and select the "Insert Key Frame" command. So there are two key frames from frame 15 to frame 25.

⒅ Create a rotating animation from frame 15 to frame 25 on the second floor. Click the mouse in the blank space to cancel all selections, and then click the right mouse button on the second floor 15 box to pop up the menu. Select the "Frame" command from the "Panel" command at the bottom of the menu to pop up a frame panel. Click the left mouse button (black triangle) next to the "Change" option in the panel and select "Action" to create an action animation. Enter 2 on Secondary to rotate the animation twice and close the panel. Click the Save command on the File menu to save the file, so that we can create the rotating animation.

Now that you have finished the animation, press Ctrl+ENTER (hold Ctrl and press ENTER again) to test the animation effect. Is it very distinctive? Press ctrl+w to close and return after enjoying.

References:

Apply for a free personal homepage space (10M), then upload a picture (FLASH) on the text editing page and switch to the HTML code to find the address of the picture (if there is no one, you can save it and click Modify to switch to HTML view), which can be referenced in other web pages.

Advantages: the network reference connection speed is fast.

Disadvantages: the space is small (10M), and the maximum uploaded file is small (2M).

If you just want to save FLASH or other recommended G disk.

Advantages: The maximum file 100M is permanently saved for free.

Disadvantages: the speed is a bit slow.

The above two methods hope to help you.

It's actually quite simple.

Generally speaking, there are two kinds: make-up and the pursuit of chastity.

See those two rows of small squares above the operating window? Each small grid is a frame. After playing, the picture of each frame is switched at a certain speed to achieve the animation effect. Right click on the small grid to create a key character and draw a circle. Create a key figure every few squares and draw a circle in another position.

Right-click the grid between them and choose Create True Complement Animation.

Then play it and you will see the circle moving.

This is the study room.

Chastity-by-chastity is easy to understand, that is, the display of one chastity and one chastity achieves the animation effect, similar to turning pages.

The landlord had better borrow or buy a FLASH entry to have a look, and he will soon master it. Or just read the help in FLASH.

Do you have FLASH software?

www.youku.com