Flash practical skills Solar System manufacturing

Source: Internet
Author: User
Skills

Solar System effect is mainly through the guide line, mask technology to achieve, including the use of onion skins command, gradient movement of the use of methods and some common design techniques. These design methods and techniques will greatly help you to design your own flash works in the future. It is also of practical value in terms of the example itself.

  Demo Effect:

Click here to download the source code

  Design steps:

The instance scene is of 600pxx200px size and the background is black. Frame frequency between 10-20fps, to play the effect of fluency.

first, the production of the Earth

1. Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a graphic symbol named "map." In the map component scene, press the shortcut key ctrl+r to import a map of the Earth, as shown in the following figure.

2. Press the shortcut key Ctrl+f8 to create a new graphic symbol named "Sphere." Click the Ellipse tool (no line), hold down the SHIFT key in the scene of the sphere component and pull out a sphere that is larger than the width of the map, as shown in Figure 4.

Note that the center of the sphere overlaps with the center of the scene ("+"), which is one of the keys to achieving the effect.

3. Press the shortcut key SHIFT+F9 to open the blending panel, as shown in Figure 3, where the color values of the three sliders are #2255fc; #116CD2; #699CFC. Then select the Paint Bucket tool and click on the orb to paint it.

4. Press the shortcut key Ctrl+f8 to create a movie clip symbol called "Earth." In the "Earth" element of the scene double-click the "Layer one" layer of the name and renamed the "Earth" layer. Press the shortcut key Ctrl+l Open the library, the graphic element "sphere" drag to the "Earth" layer, and then in the 35th frame press F5 key Insert frame, see the figure below.

Figure

5. Click the Insert Layer button in the Timeline panel to add a new layer and rename it as "Map". Drag the map component from the library to the map layer, as shown in Figure 4, and then press F6 on the 35th frame of the layer to insert the keyframe. Right-click the 1th frame of the layer and select the Create motion tween command to create a tweened animation.

6. Select the "map" element in the 35th frame scene of the map layer, move it horizontally to the left for a distance so that the map moves from left to right. To give people the illusion that the earth is turning.

7. Create a new "sphere mask" layer, then click on the "Earth" layer in the "sphere" component, press the shortcut key CTRL + C copy, followed by the click of the "sphere mask" layer of the 1th frame, press the shortcut key ctrl+shift+v the "sphere" components in situ paste the layer.

8. Right-click on the 1th frame of the "sphere mask" layer, and tap the Mask command to convert the layer to a mask layer. See the figure below. At this point the map can only be displayed with the blue sphere in the "sphere" element.

Figure

Here, the Earth is ready to make. The following production of the Earth system, the specific production methods are as follows:

Ii. production of the Earth Department

1. Press the shortcut key Ctrl+f8 to create a "moon" graphic symbol. As above, draw a small yellow sphere in the "moon" element.

2. Create a "Earth system" movie clip symbol. In the scene of the component, two layers, a "earth" layer, a "moon" layer, are used to place "Earth" Elements and "moon" components. See the figure below.

Figure

3. Open the Library and drag the "earth" movie clip element to the "Earth" layer scene. Click the 120th frame to press the F5 key to insert the frame.

4. Open the Library and drag the "moon" element to the "moon" layer. Right-click on frame 1th of the "moon" layer and select the Create motion tween command. Then click the 30th, 60, 90, 120 frame of the layer and press F6 to insert the keyframe.

5. Right-click on the "Moon" layer, select the "Add Guide Layer" command for the "moon" layer to add a guide layer. Then draw an oval guide line in the Guide layer as shown in Figure 6. The "moon" elements in the "moon" layer are adsorbed onto the guide line, and their positions are adjusted so as to make them uniformly uniform at the guide line.

Note that when adjusting the position of the "moon" component, use the onion skins command as much as possible, because the onion skins command allows you to view the situation in different layers or frames at the same time for easy editing.

third, the production of the solar system

1. After you return to the main scene, create a "sun" movie clip symbol. In the "Sun" element to design a burning sun effect, due to the length of the relationship, the specific settings please refer to the source file.

2. Create a "sun" layer and a "Earth system" layer in the home scene to place "Earth system" components and "solar" components. See the figure below.

Figure

3. Open the Library and drag the "Sun" component to the 1th frame of the "sun" layer. Click the 120th frame to press the F5 key to insert the frame.

4. Open the Library and drag the "Earth system" element to the "Earth system" layer, right click on the 1th frame of the "Earth System" layer and select the "Create motion Tween" command to create a tweened animation. Then click on the 30th, 60, 90, 120 frames of the layer and press F6 to insert the keyframe.

5. Right-click the "earth" layer, select the "Add Guide Layer" command for the "Earth system" layer to add a guide layer, and then draw the guide line, and then the "Earth system" elements adsorbed onto the guide line.

The effect is done here. If you do not understand the production process, you can download the 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.