Make a spin and dance painting with fireworks

Description: This seemingly complex circular effect is actually created with the tween instances command, so you don't have to worry about arranging these elliptical objects neatly, and the changes in the gradient fill can give your image a completely different effect. After completing this example, think again, perhaps you can create another effect.

Specific production process:
First use the menu command in fireworks: File>new creates a new file, sets its canvas size to 200*200 pixels, and the canvas is white, and clicks the OK button.
Select the ellipse Oval tool in the tool panel to draw an elliptical, elliptical size in the middle of the canvas. You can set the W value to 180 in the Info panel and the 30,h value is entered correctly. In the tool Panel's colors option, set the stroke color to red and the fill color to None (empty).
Use the menu command Modify>alter Path>expand Stroke, which can be used to extend the path. When the Expand Stroke dialog window is open, set the width value to 1 and click the OK button.

At this point, because the path expands to fill the object, because we set the stroke value to none in the stroke panel, switch to the Fill panel, select linear (linear gradient) from the Fill category fill type Drop-down list, and then click the Edit button, In the gradient color editor, make the color setting shown in the following figure, with a total of four color markers, red, blue, blue, and yellow, with red and blue color markers stacked together, and blue and yellow color tags stacked together.

Then we'll set the direction of the linear gradient, use the Black Arrow tool to move the black dots to the top of the oval, and then pull the black rectangle to the bottom of the ellipse, so that the shape shown in the following figure appears.

Using the keyboard shortcut F8 key, the Symbol Properties dialog window pops up, determining that the type of the current selection is graphic, and that you can name the current symbol in the name option, and of course you can use the default name, Click the OK button to complete the symbol conversion.
Use the menu command: Edit>clone to clone the current symbol object. When the cloned object is selected, use the menu command Modify>transform>rotate 180°, at which point the object is rotated 180 degrees.
Use the shortcut CTRL + A to select all two objects, use the menu command Modify>symbol>tween instances to do the interpolation, and when the Tween Instances dialog window is open, set the steps value to be a value in 15~40 , the steps is set to 25 in this example. Do not select the Distribute to Frames option and click the OK button.

At this point, if you follow my steps above, should be the following figure shows the shape, oh, this effect is good to play, do not feel surprised, this is the tween instances command produced, with this command can do a lot of results, you can view the other tutorials in this series.

Well, now that the tutorial is named "Flutter sigh", let's move it.
Shortcut CTRL + A All select these objects, and then use the menu commands Modify>group, or use the shortcut ctrl+g directly to combine the objects into a group object.
Press F8 and when the Symbol Properties dialog window is open, we select the animation type and click OK. Then it will jump out of the Animate dialog window, where we set the frames value of 11, the bottom of the rotate value is 360, the other is in accordance with the default settings can be, click the OK button. This create animation process may take a little while to wait, please be patient, because the program is automatically generating animations in each frame accordingly.

After the animation is created, your file will look like the following figure, the document window has a row of buttons in the lower left corner, we click on the white arrow below the point of the button to see the animation.

is not that the animation playback process has a little pause, this reason is in the setting animation animation, the rotate angle is 360 degrees, so the current animation first frame and the last frame is repeated. Open the Frames panel, select Frame11, and then click the Trash button in the lower right corner of the frame panel so that you can delete the extra frames.
If you feel that the current animation is playing a little faster, click Frame1 Frame, and then hold down the SHIFT key, click Frame10 Frame, when these frame objects are selected, double-click the right side of any frame of the "7" position, will pop up Frame Delay dialog window, we can increase this value , so you can increase the delay time of the frame, in this case I set to 20.

All right. The animation effect is complete, we save it as a GIF animation for output, use the menu command File>export Preview, when the Export Preview dialog window is open, in the Options tab panel, Set the format to animated GIF, which is the most important setting, and then you can set the color value of the GIF file, in which you can set the file size scale of the animation. After setting, click the Export button, save the file to the hard disk, complete this example production.