Fireworks make the Earth spin animation

Source: Internet
Author: User

Fireworks make the earth spin animation. This tutorial mainly exercises the application of the mask and the original animation. Gossip less, see the actual effect:

Specific steps:

1, double-click the task bar in the lower right corner of the time.

2, open the Date and Time Properties dialog box, press the ALT+PRINTSCREENSYSRQ Key, the dialog box screen copied to the Clipboard (oh, local materials).

3, into fireworks, new file, paste. After pasting use the cutting tool to cut off the world map part, the cutting must enlarge the proportion to cut, accurate some.

4, will cut a good map of the world to clone A (ctrl+shift+d), move to the right side of the canvas, a blank click, select the property bar "in line with the canvas" item, enlarge the canvas, and then adjust the location of the map material, the two pictures seamless stitching together.

5, select two picture material, modify the menu--Flatten the selected, the two picture merged into the same picture.

6, create a new file, 300*200px, draw a suitable size of the positive circle, stroke Select No, white fill.

7, copy just draw the circle, in the level of the board to create a new layer, select the new layer, paste.

8, to facilitate the description, here we will step 6 of the circle in the layer called Layer 1, Step 7 of the circle in the layer called Layer 2. Set the circle to be pasted into Layer 2 to be a 1PX black soft line stroke.

9, set layer 2 of the circle is radial fill: the left and right sides of the color is black, the above opacity options to make adjustments, the left side of the opacity option to move slightly to the right, and set its value to 0.

10, set the Opacity option to the right of the gradient fill to about 50.

11, adjust the circle in the Layer 2 as shown in the figure.

12, copy the map material in step 5 and paste it into layer 1.

13. Use the Zoom tool to scale the map material without changing the height-to-width ratio. Zoom height and circle consistent, and the map material right to the circle, pay attention to the position and circle overlap, can not have extra space and edge exposed, at this time select map material to see the property panel, the map material now width, The width of the tutorial picture is 586 pixels, and you write it down to your actual width.

14. Drag the map material to the bottom of the Layer 2 in the Level Panel.

15, select the map material, press F8, open the Component Properties panel, the map material into animation components.

16, set the animation frame number, moving direction, as well as moving distance. Because the map material moves to the right (the Earth rotates from west to east), the value in the tutorial is 0. Because the map material has been spliced into two pieces by us, the rotation of a week is the width of a whole map material, or half the width of the scaled map material, in step 13, we note that the map footage is scaled by 586PX, dividing this width by 2 and getting the result 293PX ( Everyone should count their values according to their width, and fill the 293 value into the moving distance project.

17, hold down the SHIFT key to select the circle and map animation components in layer 1, modify the menu--mask--combined as a mask.

18, select the Mask object in layer 1.

19, in the property bar to set the mask way for the path contour. In fact, the circle of the mask in the tutorial is white, do not choose this can also be, if you do when the circle of the mask is not white, this step is essential.

20, double click on the name of Layer 1, choose "Share overlapping frame" item.

21, can also be appropriate to the Layer 2 in the Circle Plus shadow effect to enhance the three-dimensional, finally, do not forget to set the first and last frame time, so that the first frame and the end frame time together equals the normal other frame time, because the first and last frame content is the same, if not changed time, the animation will appear pause. This is the time to play the animation. When you export GIF, because the circle in Layer 2 has a gradient, the color transition may be unnatural, and you can set the Jitter option in the export option.

PNG source file:

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.