As we all know, Fireworks MX is a very good GIF format animation software, but many friends in the production of animation, in addition to the movement of text, gradients do not do other effects, it is a great Firewrks mx powerful function of the huge waste. In fact, as long as we have some imagination, more in the form of animation, can produce a lot of unique animation works.
Let's take a simple pixel animation as an example to see how to make a special pixel animation using just a few of the most basic editing tools.
Step 1:
Open Fireworks MX, use the menu command file-new to create a new file, set the file size to be 88 pixels wide, 31 pixels high, and the background color transparent (Figure 1) in the Pop-up File Properties dialog box.
Figure 1
Step 2:
Select the Rectangle tool (Figure 2) on the toolbar, and set its fill color to dark red and the border color to none (Figure 3) to draw a rectangle. Adjusts the size and position of the rectangle on the properties panel, aligning it to the center (Figure 4).
Figure 4
Step 3:
Select Texture as Grid4 in the fill selection area on the Properties panel and adjust its transparency to 50% (Figure 5). The rectangular effect at this point is shown in the figure (Figure 6).
Figure 5 Figure 6
Step 4:
Use the Circle tool (Figure 7) with the border color white, the fill color is not drawn a small circle, and placed in the lower right corner of the screen (see Figure 8).
Figure 8
Use the Rectangle tool to draw a small rectangle with no border color, crimson to fill, and place the upper end of the file.
Step 5:
Select the Line tool in the toolbar, and set the width of the line to 2 in the Properties panel, linear to hard lines. Point at the graph and use the same method to point out the different dots and adjust their position to form a pixel villain (Figure 9).
Figure 9
Step 6:
Open the frame and History panel, click the Triangle button in the upper right corner, select Duplicate frame in the pop-up menu to copy a frame, and set it in the pop-up Duplicate Frame dialog box (Figure 10).
Figure 10
Step 7:
Move the pixel position to the right and change the shape of the villain, moving the position of the ring to the left (Figure 11).
Figure 11
Step 8:
Use the same method to copy Frame3, frame 4, Frame 5, frame 6, and change the position of the villain and the ring, and the graph on each frame is shown (Figure 12, 13, 14, 15) respectively.
Figure 12 Figure 13
Figure 14 Figure 15
Step 9:
Double-click Frame 1 on the frame and history panel to adjust the time interval to 25 milliseconds (Figure 16), and adjust the time interval of all the frame in the same way.
Figure 16
Step 10:
Click on the "Play" button, you can see the effect of the entire animation, Pixel Sims flying over the rolling ring, as long as you can change a little bit more different animations.
Turn from: Dynamic Network production guide www.knowsky.com
