Learn to use Flash MX to make simple scene animation

preparatory work 1. Production Ideas English courseware often need to design a number of animated scenes, we design a scene today animation: The little boy walking in the forest, surrounded by a few birds flying around, the little boy stopped under a big tree, and looked up at the tree Bird's nest. 2. Material preparation (1) Two pictures of the little boy walking, named Pic01.jpg and Pic02.jpg respectively. (2) A picture of a background named Pic03.jpg. (3) A cartoon of a bird and a butterfly. 　　 the production of animation 1. Create a blank movie file with its file property parameter settings as shown in the figure. 2. After clicking the [OK] button, the above picture and GIF animation are imported into the movie library panel by the method learned in the previous issue. From the library panel we can see that the GIF animation is actually composed of several consecutive pictures, when they are imported, Flash will automatically generate the corresponding movie clips. 3. The small boy walks the production (1) Click "insert/new symbol ..." in the menu bar to create a new movie clip named "Little Boy", click [OK] and go to the "Little Boy" movie clip editing area. (2) Select the Pic01.jpg picture in the library panel and drag it to the stage of the "Little Boy" movie clip. (3) Select the picture, press F8 or execute "insert/convert to Symbol ..." and select "Graphic" to convert it to a graphical component. (4) Double click on the picture to enter the work stage. (5) because the background color of the picture is different from the background color of the file, in order to make the animation more realistic, we should remove the background color of the picture, which will use the Lasso tool in the Toolbox (Lasso Tool). When the picture is selected, press "Ctrl+b" or the "modify/break Apart" command in the menu bar to scatter the file. (6) Select the Lasso tool, its [options] has three options. The Lasso tool is mainly used to select the irregular region of the vector object, and the Polygon lasso tool in the option is mainly used to select the rule area of the object. The Magic Wand tool in the options is mainly used to select the same color or similar color area, click the Magic Wand Tool options, pop-up dialog box, "Threshold" The larger the value, indicating that the magic wand tool to select a single color similar area larger, conversely the smaller. and "Smoothing" indicates the degree of smoothness of the selected area, typically the "Normal" method is selected. Because the background color of the picture is the same, so select the Magic Wand tool, click on the background, and then press [Delete] key to remove the background color. If the background is not clean, we can use the Zoom tool to enlarge the graph and then clear. (7) Click on the timeline panel of the Little Boy icon, return to the little boy work stage, select the small boy components, with the arrow keys to move, until its center and the center of the stage coincide. (8) in the 10th frame, press F7 key, insert a key blank frame, pic02.jpg This picture dragged to the little boy's work stage. (9) Repeat the above (3) ~ (7) Step, select the 20th frame, press F5 to insert the normal frame. (10) Click the "Enter" button and we can see the animation effect of the little boy walking. 4. The production of the main scene After the little boy's walking movie clip was done, we came to see how he had been walking in the forest. (1) Back to the main scene, drag the background picture onto the stage and make the height of the picture consistent with the blank editing area of the stage. (2) Execute the "Insert/convert to symbol ..." command and convert it to a graphical component. (3) Insert the key frame in frame 40th and adjust the position of the picture. (4) The position of the picture and the blank edit area in frames 1th and 40th as shown in the figure. (5) Select the 1th frame, press the right button, in the pop-up menu select the "Create Motion Tween" command, add movement timeline. (6) Lock the LAYER1 layer, create a new layer Layer2, drag the "Little Boy" movie clip onto the stage. (7) Execute the "modify/transform/flip horizontal" command in the menu bar, turn the little boy's walk horizontally, and insert the keyframe in frame 40th to adjust the position of the little boy. (8) Select the 1th frame in the LAYER2 layer and insert the motion timeline. (9) Repeat (6) ~ (8) Steps, create new layers Layer3 and Layer4, drag and drop the bird and butterfly movie clips onto the stage. (10) Press "Ctrl+enter", we can see the effect of animation. To stop the little boy, we can insert keyframes into frame 41st of each layer, and just insert a blank keyframe in frame 41st of the Layer2 layer where the little boy is located, as shown in the figure. (11) Drag and drop the pic01.jpg picture or its corresponding symbol element into the blank key frame, pay attention to adjust its horizontal direction and size (rise action). (12) Create a new layer LAYER5, insert a blank keyframe in frame 41st, open the Actions-frame panel, and add the [stop] command. (13) To complete the entire animation, save the file, and output it as a SWF animation, so you can enjoy your own animation works. 　　 Summary: The animation of this article by moving the background to achieve animation effect, in fact, can also let the background picture still, change other elements to achieve animation effect, interested readers can try.