Make a heart-shaped animation for your sweetheart with fireworks

What gifts do you give to the most intimate mm? Of course is to offer a sincere heart of hearts, along the way can always be affiliated! ^_^, please come with me below! Offer this mysterious gift to your beloved mm.

Make a heart-shaped pattern

1, launch Fireworks 4.0, execute "file→new" command, set width of 800Pixels, height 500Pixels, and then click OK button.

2. In the toolbox on the left, set the color fill color to red, then select the Ellipse tool, hold down the SHIFT key, and drag the mouse to draw a red circle. Execute the "edit→clone" command, use the arrow tool to select the Circle, and pan to the right, in order to keep the two circular center points horizontal, you can select two circles, and perform the "modify→align→top" command to align them. When you are done, execute the menu "modify→combine→union" command, where the middle overlapping portion of the circle is merged (Figure 1).

Figure 1

3, select the Toolbox "subselection Tool" button, and select the graphic, drag two circles below the node to drag down, you can drag a distance, which is the height of the heart. Then select the center-shaped left and right two nodes, press the DEL key to remove it, so you can form a heart-shaped pattern (Figure 2).

Figure 2

4, select the center-shaped pattern, execute the "edit→clone" command, and select the Toolbox's "zoom" tool to narrow it and center it to show inside the heart. In the same vein, select the just shrink to execute the clone command and zoom out again to narrow it down within the second heart. Then select the Subselection Tool tool and select the bottom node of the third heart and drag downward to coincide with the bottom node of the second heart (Figure 3).

Figure 3

5. Select the second and third Hearts, execute the menu "modify→combine→punch" command, and set its fill color to white. When you are done, open the Effect panel, select the Blur→gaussian Blur command, and set the value to 15 in the Open dialog box.

6, select the external heart, execute the "edit→clone" command, and open the "Effect" panel, select the "Shadow and Glow→glow" command for the heart-shaped add shadow effect, and then set the offset to 5 in the Effect panel, Set the other numeric parameters as shown in Figure 4. Specific parameters can be set according to their actual needs.

Figure 4

7, after completing the above operation, click a button in the toolbox, click a mouse in the center of the heart, open the Text Input dialog box, enter the text love, and then set the font, font size, and click OK button.

8, execute the "edit→select all" command, select all the graphics on the current page, and then execute the "modify→group" command to combine them, and then copy and paste a new heart-shaped pattern. Select the Zoom tool to rotate one of the hearts to a certain angle (Figure 5).

Figure 5

Make an animation effect

Select the first heart pattern, and then execute the modify→animate→animated Selection command, and in the Open dialog box, set the frame to 5, the pixel move distance moves to the 180,direction value 50 degrees, and then click the OK button to complete.

Then open the object and Frame panel, select the first frame, and display the current frame animation settings on the object panel, select the zoom ratio in the scaling, set the transparency in the opacity, the left input 10, the right input 100, This allows the animation to produce a gradient effect of transparency. In addition, you can also set the current frame rotation angle according to the actual needs of the rotation.

Click the first heart pattern in the workspace, to display the current object's motion path, you can use the mouse to drag the first frame of Green point and the last frame of the red point, to change their position, of course, you can also drag the middle of the frame blue point to change the entire path. In the same way, animate the second heart shape and set its moving path.

Finally you can animate the output, open the Optimize panel, set the output format to animated GIF, and then execute the "file→export" command, set the file save type to "HTML and images" to output an HTML file. Just use IE and other browsers to browse the animation effect.