Flash production of low emission and high energy-saving car advertising animation

Animated advertising is the most conspicuous way of advertising, can be in the colorful Web page so that viewers inadvertently notice the content of the advertisement in order to achieve the purpose of publicity, so as to improve the click rate of the ads.

This case thinking

Import the car material, and then make the car appear animated ads;

In the Flash auxiliary software SWiSHmax to make the text animation;

Import the car profile material, and then make the car profile ads.

1, the production of automotive advertising

(1) Create a blank document with a size of 700x150 pixels and a frame rate of 20fps, and then make a background as shown in Figure 1.

Figure 1 Production background

(2) Press the CTRL+R key combination to import the car and the high-rise picture, as shown in Figure 2.

Figure 2 Importing footage

(3) Convert the car into a movie clip, then go to the editing area of the movie clip and draw the contour line with the line tool, as shown in Figure 3.

Figure 3 Drawing Contour Lines

(4) Fill the contour area with a good color as a mask graphic, as shown in Figure 4.

Figure 4 Making the mask graphic

(5) Draw a linearly translucent rectangle in the mask layer (i.e. "Layer 3"), as shown in Figure 5.

Figure 5 Drawing a masked graphic

(6) Convert the rectangle to a movie clip, and then create a traditional motion tween animation from right to left, as shown in Figure 6.

Figure 6 Creating a classic tween animation

(7) Go back to "field Shadow 1", then make a traditional motion tween from left to right for the car, and then use the mask layer to make the classic motion tween that appears in the city building, as shown in Figure 7.

Figure 7 Making a traditional tween animation

2, the production of text animation

(1) Start SWiSHmax, click the Text Tool button in the Toolbox, and then enter the advertisement language on the stage, right-click, and select the effect/show to position/madness-infinity command in the pop-up menu, as shown in Figure 8.

Figure 8 Adding an infinite animation

Tips and Hints: SWiSHmax is a flash auxiliary software, is dedicated to the production of flash text special effects tools, in the SWiSHmax can easily produce wonderful text effects, so that "lazy" people from the heavy manual labor completely free out.

(2) Keep the selection of the text and add a "disappear from position" animation to it, as shown in Figure 9.

Figure 9 Adding a vanishing animation

(3) To import the produced text animation into Flash, and then set the graphic to white in the Properties panel, and set the Loop property to "play only once" as shown in Figure 10.

Figure 10 Setting text properties

(4) Press the Ctrl+enter key combination to publish the animation, the effect is shown in Figure 11.

Figure 11 Previewing animations

3, the production of product profile ads

(1) All lenses disappear into the next lens, the first appearance of the car's anatomical figure, as shown in Figure 12.

Fig. 12 Anatomy Chart of the Automobile

(2) After the lens of the car anatomy disappears, it goes over to another anatomical chart, as shown in Figure 13.

Figure 13 Toggle Effect

(3) on the right side of the car anatomy map to create a green text ads to foil the screen, and then add a "glow" filter, the specific parameter settings as shown in Figure 14.

Figure 14 Making green text ads

Tips and hints: Green text advertising animation is a big change to a small traditional motion tween.

(4) The following make a gray to bring enhanced visual effects of the screen. First draw out the mask shape, which is the area where the Ribbon appears, as shown in Figure 15.

Figure 15 Drawing mask graphic

(5) Draw a translucent masked graphic, as shown in Figure 16.

Figure 16 drawing a masked graphic

(6) Create a traditional motion tween for the gray belt, as shown in Figure 17.

Figure 17 making a traditional tween animation

(7) Return to "Scene 1", set the Loop property of the gray belt in the property panel to "play only once," and then copy it out and flip the operation vertically, as shown in Figure 18.

Figure 18 Copying a graphic

(8) Press the Ctrl+enter key combination to publish the animation, the effect is shown in Figure 19.

Figure 19 Previewing animations

(9) Import the car picture and then make a traditional motion tween for it to form an excessive visual aberration, as shown in Figure 20.

Figure 20 making a traditional tween animation

(10) Finally add an advertising closing animation for the screen, as shown in Figure 21, and then press Ctrl+enter key combination to publish the animation, the final effect as shown in Figure 22.

Figure 21 Advertising closing

Figure 22 Final effect