The effect of making homeward journey in fireworks

Let's take a look at the following effect chart

A long time ago in << photo Studio story >> saw this effect chart, it was simply mentioned in the book, without a detailed explanation. These days, I tried to draw it out of FW 4.0, and the fruits of joy were not alone, and today we donate this method, For the good of the people. This is a comprehensive example, through the study of this example, I believe you can get a lot of inspiration. We are divided into three parts to make, the background, the movement of the rod and zebra crossing, the scene inside the car.

A background

1. New file, 300*240, background color white, with the selection tool pull out two vertical and horizontal guides, so that their intersection in the center of the editing area, we should be good at using the auxiliary line, because it can bring convenience to our work.

2. Select the Rectangle tool in the tool panel, and drag and drop a rectangle in the edit area, which is half the size of the edit area. Then open the Fill Panel, select the fill style for the linear line fill, and open edit edit color (from dark green to light green). Use the Paint bucket tool on the tool panel to change the orientation of the fill from top to bottom. Draw a rectangle of the same size, and place it in the upper part of the editing area, with a linear fill of dark blue to light blue. The final result is as shown

3. In the tool panel with the Pen tool, sketch the outline of the mountain, fill color is dark green, put it edit>clone cloning, modify>fransform>flip horizontal horizontal Flip, move right, transparency set to 60. The effect is as shown

4. Now, we build the road and use the Pen tool to sketch out the road in the editing area, filled with r:68 g:68 b:85,

5. Double-click the Layer1 layer, in the pop-up dialog box, the share across frames the box in front of the check, to share this layer.
Well, we've finished making the background, and I'm starting to make a movement of poles and zebra crossings.

Two-motion line rods and zebra crossings

1. New layer Layer2, this is the focus of this example, I can say as much detail as possible, we understand with heart. On this layer you want to create three mask animations, a left-moving bar mask animation, a right-moving bar mask animation, and a downward-moving zebra mask animation. The feeling is to move forward.

2. First draw the line rod to the left when the mask of the shape, the bar from far to near, the eyes see is large, so the left mask picture applied Pen tool painted like this

3. Then the left mask is cloned (edit>clone), flipped horizontally and placed to the right, making it the right side of the bar movement mask.

4. And then draw out the mask of the zebra movement downward, use the pen tool to draw a white triangle, along the road from far to near, and then clone A, horizontal flip, put it on the other side of the road, select these two white triangles to modify>group the two white triangle group.

5. The three-direction mask drawing came out, the animation of the line Rod movement. Don't worry, choose the rod to draw Insert>new Symbol, in the pop-up dialog box to check the box before the graphic, we want to edit the bar in this new symbol. Draw a rectangle with the rectangle tool, then edit>clone the clone, drag it to the other side, and then clone several, All clones are good rectangles, modify>align>top (top aligned), Modify>align>distribute widths (evenly distributed horizontally). Put them in groups, Modify>group. Results as shown

6. Insert>new symbol, then create a new symbol, in the pop-up dialog we still put the box in front of graphic, but this time we want to build some horizontal rectangular bar, remember, the rectangle's fill color and road, r:68 g:68 b:85, Using the method we just used to clone Edit>clone,modify>align>distribuet Heights vertically, what's the use of this symbol??? Sell first,:) put these rectangular group Modify>group effect as shown

OK, we're done with two symbols, and we're going to animate them here.

7. Make a bar to the left motion animation, insert>new symbol, in the pop-up dialog box, we rename it to 1 (easy to remember, my English is not good) to the animation (animation) before the box selected, We drag the symbol of the rod from the library panel to the pop-up animation editing area, Edit>clone, move the cloned rod to the left a little, moving to the two-pole spacing of three-fourths of the position, as shown. Because we want to build four animation frames, the displacement between the frames is very important, if the spacing is not good, then the animation does not seem to be accustomed to, there is a sense of beating. Remember this in your later design of animation. Select these two symbols, edit>symbol>tween Instances in the pop-up box in the frame number of input 2, the distribute to fames the front of the box tick, ok OK.

8. Make the arrow to the right movement of the animation, Insert----New symbol, in the pop-up dialog box, we rename it to 2, the box selected in front of the animation, the symbol of the bar from the library panel to the animation editing area, the clone of a similar bar symbol, Edit>clone, move the cloned bar symbol to the right a bit, and move to the three-fourths position of the two-pole spacing as you just said, as shown in figure. Select them at the same time, Edit>symbol>tween instances, in the pop-up dialog box, set the number of frames to 2, Check the box in front of distribute to fames, ok OK

9. Make a downward motion animation, Insert---New symbol, in the pop-up dialog box, we named it 3, put the box in front of animation, this time drag another symbol in the library panel horizontal rectangle symbol1 to the animation editing area, We're going to do a downward motion animation. Edit>clone clone, move the cloned symbol down a little distance, as shown in figure. Then Modify>symbol>tween instances is set in the box that appears as before.

The three-direction motion animations are also done, so let's see how we can make the mask animation.

10. In Layer2, drag the animation 1 from the library panel, select the Mask shape on the left side of the edit area edit>cut cut it, and then select the animation 1,edit>paste as mask to paste as a mask. This way, a matte animation that moves the bar to the left is generated. Results as shown

11. Then drag out of the library Panel animation 2, the right mask graphics edit>cut, select the animation 2,edit>paste as mask. The mask animation that the rod moves to the right is also generated. As shown in figure

12. And then drag from the library Panel animation 3, then note that, and the previous two mask animation is different, this time we want to cut the animation 3, select the animation 3,edit>cut, and then select the white route edit>paste inside. As shown

13. You click the Play key in the edit area. See what happens??? Haha, now know the use of this symbol. Effect as shown

OK, rod and zebra effect came out, we take a break, hard, or would you like a cup of coffee? :)

Three vehicle interior scenery

Body

1. Open the frame panel, go back to the first frame frame1 build a new layer Layer3, using the Rectangle tool, drag a rectangle in the editing area that is the same size as the edit area, with the fill color black, and then drag a smaller rectangle with the rectangle tool, for easy viewing, the fill color is yellow, as shown, select the two rectangles, Modify---Combine---puch,

2. Open the Effect panel, select the Bevel and Emboss>inner bevel menu, and set the following in the open panel

3. The effect map should be this way

Three vehicle interior scenery

Car Tray

1. Using the Ellipse tool in the tool panel, hold down the SHIFT key to draw a circle, edit>clone the clone, and set the cloned circle Modify>transform>numeric Transform in the open panel as follows, So we get a circle that is 75% of the original size.

2. Select the two small round, Modify>combine>puch. Fill color set to #333366, we got a ring

3. In the same way, we draw a larger circle and draw a rectangle with the rectangular tool in the editing area, selecting the rectangle and the big circle, as shown

4. Modify>combine>intersect, get a section on a ring, set its fill color to #333366, and use the Zoom tool in the toolbox to scale it properly so that it matches the ring, and select it and the first circle we draw, Modify>combine>union. Results as shown

5. Then open the effect panel, select the Bevel and Emboss>inner bevdl menu, and set the image in the open panel

6. Hold down the SHIFT key with the Ellipse tool to draw a small circle in the center of the large ring (you can open the guides while holding down the shift and ALT keys to drag the drawing) fill the same #333366 as the ring, and then open the effect panel and select bevel and Emboss>inner Bevel It is set to the same as above. Select it and ring, Modify---Group group. Results as shown

Move the disc to the lower left, and now we continue to draw the other objects in the car.

Three vehicle interior scenery

Bracket of the car tray

1. Drag and draw a small rectangle with the rectangle tool, and then open the effect panel, bevel and Emboss>inner bevel in the pop-up dialog box, set the following

2. Move it to the bottom of the car, in order to be realistic, with the deformation tool to rotate a point of view, the effect is as shown

Oil gauges and indicators in the car

In this production process, did not emphasize the size of the components, how much, by feeling to draw, as long as they feel good on the line. :)

1. Drag and draw a rectangle with a rectangular tool, clone the rectangle, reduce the length and width of the cloned rectangle by 10 pixels, and select this large, small rectangular combine>punch, and then open the effect panel, bevel and Emboss>inner Bevel in the pop-up menu like figure set

2. In this box, put the oil table and the indicator light, draw a circle of the same size and a rectangle, the fill color is green as shown

3. Draw a smaller dark green circle, then clone the three, and place it in the picture.

4. Draw a small rectangle filled with black, and then clone it several (depending on the situation), using the alignment, horizontal, vertical distribution, and other commands, line up the shape you want. Here they are arranged in the following style

5. Draw a rectangle, open the effect panel, bevel and Emboss>inner bevel, and adjust the parameters appropriately in the pop-up dialog box. Clone it out of three, and move it up and down in neat order. The final effect is similar to this figure.

Every part of the car is finished, because it is in the first frame (frame1), and if you jump to the second frame (frame2), you will find that the parts of the car we just painted are all gone. Now let's think about which parts are moving when the car is moving.

Yes, the wheel of the car will move, the oil meter and the light grid will move, so it is good to do. Create a new layer of layer4, drag the layer4 layer under the LAYER3 layer, and put the body, bracket, oil dial, ..... Drag and drop into the LAYER4 layer, double-click the LAYER4 layer panel, the share across frames front of the box to check, to share this layer

6. Back to the LAYER3 layer, put the plate in this layer, small dots, small black rectangular block all selected. Edit>copy, copy them down, open the frame panel, then in the second frame frame2, the third frame Frame3, the fourth frame frame4 paste (edit>paste)

Four adjust the animation between the frames

1. In the first frame, the top of the small dot fill color set to red, the top of the bar with lights, draw a circle, fill color for #00ffff open effect panel, Caussian Blur Gaussian Blur, The Blur value is 4.0. Then cloned a few, put on the line, respectively, note that the front of the light is brighter, so we have to add glow luminous effect, parameters from the grasp, because I have not painted well. The light in the distance is darker, so the light in the distance should be lowered more transparently.

2. In the second frame, rotate the wheel of the car to a small angle, and the small dot padding on the right is set to red. Remove the small black block from the top and add a light to the bar, as you have just said. Effect as shown

3. In the third frame of the Frame3, the following small circle point of the fill color to red, small black block arbitrarily delete a few, do not forget to add light to the rod. Effect as shown

4. In frame fourth, rotate the wheel to a small angle, and fill the small dot on the left with red, so that the red dots from the top of the first frame to the left of the four frame, as if a circle. Delete the little black block. Add a light to the rod.

Well, we finally finished our production trip, tired is a little tired. When you see your masterpiece rushing forward on your screen, you will be proud of it, and congratulations, your skills have improved a step further.
source File Download