In this paper, we establish a film-type dynamic film banner, first of all, make a frame with film effect, and then use the Frames panel to make GIF animation effect. Mainly familiar with the combination of fireworks MX 2004, frame panel, modify canvas size, animation panel, and so on. The end of the article provides the original document for everyone to download reference.
Here we look at the specific steps.
1 Create a new 353x51 file, set the background color to black, as shown in Figure 1.
Figure 1 Creating a new file
2 because the image is relatively small, in order to facilitate editing needs to change the size of the view, click the "View" menu, select "Zoom" 150%, as shown in Figure 2.
Figure 2 Changing the view size
3 Click on the Toolbox icon, draw a rectangle on the image, and set the fill color to white to get figure 3.
Figure 3 Draw a rectangle
4 Select the rectangle and press CTRL + C to copy it and then CTRL + V paste. Using the arrow keys to move the copied rectangle to the appropriate position, press SHIFT to select both and combine to get figure 4.
Figure 4 Copying and combining rectangles
5) Repeat step 4 as shown in Figure 5. This makes a film look, and the next step is to add some "photos" to it.
Figure 5 The picture that is duplicated by the rectangle
6) Import a banner.gif picture, as shown in Figure 6.
Figure 6 Importing a picture
7 Select the imported image and click on the Toolbox icon to change the size of the imported image to match the "film", get Figure 7.
Figure 7 Changing the size of the imported image
8 Repeat steps 6) and step 7, import some other images and arrange the imported images in the direction key, revert to 100% view and finally get Figure 8.
Figure 8 Image acquired after importing all images
9 Save the file as Banner.png and the next step is to make a scrolling gif picture. Open the Banner.png picture, click the "Select" menu, select the "Select All" Drop-down menu, and choose All the elements. As shown in Figure 9.
Figure 9 Selecting all elements
10 Select "Modify" | " Group, combining all the elements into one object, as shown in Figure 10.
Figure 10 Combining all elements
11 in order to achieve the scrolling effect, need to move the image to the right, the left side of the image can be filled. Two identical images are required to make the scrolling effect. First select the Modify menu, and then select Canvas | Canvas size, modify the canvas size to 706x51, and get Figure 11.
Figure 11 Modifying the canvas size (larger picture, please pull the scroll bar to watch)
12 Select the selected combination, press CTRL + C to copy and then press CTRL + V to paste, then arrange two objects and combine again, get Figure 12.
Figure 12 copying and arranging the combined elements (larger picture, please pull the scroll bar to watch)
13) Press Ctrl+x to cut the selected combination, modify the canvas size to 353x51, press CTRL + V to paste the combination, align the selected combination to the right of the canvas, and get Figure 13.
Figure 13 Restore the canvas size and align the canvas with the image on the right (larger picture, please pull the scroll bar to view)
14 Start making rolling animation. First select the Modify menu, and then select Animation | from the Drop-down menu. Select animation, and get the window shown in the following illustration. Set "Move" to "353" so that it happens to be on the right or left side of the connection. and set the frame to 70, as shown in Figure 14.
Figure 14 parameter settings for the animation window
15 Click OK to jump out of the window shown in Figure 15 and click OK to get Figure 16.
Figure 15 Jumping out of the window
Figure 16 Animation Symbol window (larger picture, please pull the scroll bar to watch)
16 Open the Frame panel, select the first frame, hold down SHIFT and drag to frame 70th, click the left mouse button to select all frames, double-click the right side of the frame panel, modify frame delay to 10/100 seconds. As shown in Figure 17.
Figure 17 Selecting all frames and modifying frame latency
17 The next step can play the animation to see how the effect. Click on the Drawing Panel icon to play the animation, as shown in Figure 18.
Figure 18 Playing animation
18 The final step is to export the image and save the good picture as a banner.gif file, as shown in Figure 19. Original File Download
Figure 19 Save the image (larger picture, please pull the scroll bar to watch)
