Example Description:
This is a product advertising animation, mainly used on the Internet for products, services or corporate image publicity. As a result of advertising animation used a lot of television media production of expression, and has the network transmission of the unique advantages of short, this is the reason flash advertising is popular all over the world.
Related knowledge:
This is a multiple composite animation, we will be "car start", "Good car display" and "fake loading effect" for the analysis of the introduction.
Production process:
first, the car starts
Step 1: Choose the Insert > Add component (Insert>new Symbol) in the menu, select the image (Graphic) in the dialog box that appears, and name Che. Select File > Import (file>import), add a picture of the head to the stage, select Modify > Scatter on the menu (Modify>break Apart), then click on the outside part of the car with the mouse, then select the Lasso tool on the toolbar activity panel, Select the Magic wand in the attached tool below, click on the black background of the front, select the background, and press DELETE on the keyboard to remove the black part.
The processing process of the head picture
Step 2: Click Scene1 back to the main scene, select the Layer1 layer frame 3rd, press F7 to insert the empty frame, and drag Che from the library into the middle of the scene. Click the Add Layer icon below the LAYER1 layer, add the LAYER2 layer, select Frame 3rd, press F7 to insert the empty frame, and then drag Che into the scene again in the same way as Che at the Layer1 level, that is, the LAYER2 layer Che covers the Layer1 level che.
Add Che to the two layers
Step 3: Now back to the 3rd frame of the Layer1 layer, select brightness in the Drop-down list of the effect panel, and adjust the following numbers to 50% to 70%, so that the front of the Layer1 layer is darker than the front of the Layer2 layer.
Shading Property Adjustment
Step 4: Select the LAYER2 layer, click the following Add Layer icon again, the new Layer3 layer, select the LAYER3 layer 3rd frame, press F7 insert empty frame, select a rectangular tool on the toolbar, click on the option below the rounded rectangular half moment icon, pop-up Rectangle parameter Settings window (Rectangle Settings), after the corner fill in the Number 10, and then use the mouse to pull out a small rounded corner of the rectangular box, and moved to the left part of Che's head.
Rectangle to draw rounded corners
Step 5: Select Layer3 frame 42nd, press F6 to insert the keyframe, insert the rounded rectangle of frame 3rd into frame 42nd, click on the tool bar selection tool, select the Zoom tool below, pull the rectangle box to the right, the length is close to the width of the front. Then the 3rd frame is selected and the shape is tweening in the frame panel, so that the rounded rectangle is animated by a short length.
To set a gradient animation between the 3rd floor and frame 3rd to 42nd
Step 6: At the 45th frame of the LAYER3 layer, press F6 to insert the keyframe, also click the Selection tool, select the Zoom tool, and then pull the rectangular figure down to cover the entire front, resulting in a rounded rectangle from the narrow widening of the animation.
Rounded rectangles with larger size
Right-click in the Layer3 and choose Mask from the pop-up menu (mask).
To set Layer3 as a mask
The results are displayed as shown in Figure 8.
A light animation that grows larger on the engine
Hint: Because the front of the Layer1 layer is darker than the front of the Layer2 layer, and the use of Layer2 layer mask, so that the lighter Layer2 layer can only be shown in the Mask area, shown on the darker front of the car has a bright area in from short to long, and then gradually magnified effect.
Step 7: At the Layer1 layer, select frame 51st, press F6 to insert the keyframe, and select the image of the frame, and in the effect panel, adjust the brightness to 0%, even if the head brightness becomes normal. The keyframe is then inserted between frames 75th through 80 of the layer. These frames are designed to get the start of the vibration effect, you can fine-tune their position and rotation angle, this is not described in detail. Finally move the mouse to the 85th frame of the Layer1 layer and press F5 to insert the frame to continue the screen.
Produce the vibration effect of the car
Step 8: Add the sound layer, the specific sound to be based on the animation effect, methods, please refer to the relevant chapters, the following image is the time axis after adding sound.
|
|
|
