Flash perspective Technology of the egg inside the world

Source: Internet
Author: User

The effect is achieved through masks and simple mouse-following techniques. First, make a light source (a glowing candle), and use the mouse to follow the technology to get the mouse position and hide the original mouse. The mask technique is used to make the light source appear only in the range of the eggshell.

Effect preview:

Download the source file: Click here to download

  Production steps:

1. Create a new Flash document, click the Size button in the Properties panel, and open the document Properties panel to set the scene size to 500px x 400px, with a black background and a frame frequency of 12fps. As shown in Figure 1.

2. Make "chick" components.

Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a graphic symbol named "Chick." Press the shortcut key ctrl+r to open the Import panel and import a chick into the component's scene, as shown in Figure 2.

3. Make "eggshell" components.

  

Press the shortcut key SHIFT+F9 to open the Color mixer panel, as shown in Figure 4. The two sliders in Figure 4 have a white color, but the alpha value of the 2nd slider is 10%.

4. Make "shell-shadow" components.

Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a graphic symbol called Shell-shadow. Copy the eggshell in the "eggshell" element and change its color to pure black. This component is used as a mask in the effect.

5. Make "eggshell-motion" components.

Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a movie clip symbol called Eggshell-motion. Press the shortcut key ctrl+l to open the library panel and drag the chick component in the library into the scene. It's OK to let the chick's calf move. This is to increase the effect of the dynamic.

6. Make an "aperture" component.

Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a movie clip symbol named "Aperture." Press the shortcut key SHIFT+F9 to open the Color mixer panel, as shown in Figure 6, where the 1th slider color is

7. Make "Candle flame" components.

Press the shortcut key Ctrl+f8 to open the Create new symbol panel and create a movie clip symbol named Candle flame. The structure of the component layer is shown in Figure 8. Create a new two layer as shown in Figure 8. Rename three layers to "aperture", "Wei" and "Nei" respectively.

Design Nei. Nei is a blue color block in the shape gradient movement that changes size. First, press the shortcut key SHIFT+F9 Open the Color mixer panel, and make the setting as shown in Figure 9, the 1th color in the figure is #0064ff,alpha value is 10%, the 2nd color is unchanged, but the alpha value is 70%.

Draw a shape in frame 1th of the "Nei" layer as shown in Figure 10, Nei, coloring with the "paint bucket" tool, use the next, select the 5th, 9, 13, respectively, click F6 to insert KeyFrames, then click 1th, 5, 9 frames, and choose shape in the Tween Drop-down menu in the Properties panel. Note: The size of the candle in each frame should not be the same, so that the candle flame has a sense of beating, but the position of each other is very close.

Design Wei. Press the shortcut key SHIFT+F9 to open the Color mixer panel, as shown in Figure 12. The 1th slider in the figure is white, the alpha value is 0%, the 2nd slider is white, the alpha value is 30%, the 3rd slider is yellow (#FFFF99), the alpha value is 100%; the color of the 4th slider is #faaf65,alpha 100%; the 5th slider is white, The alpha value is 80%. So the design is to make Wei more layered, the effect more lifelike. The Wei size and position are set with Nei. Just a different position. The Wei effect is designed as shown in Figure 13.

Design aperture. Press the shortcut key SHIFT+F9 to open the Color mixer panel, as shown in Figure 14, with the Oval


8. Make "Candle" components.

Press the shortcut key Ctrl+f8 opens the Create new symbol panel and creates a new movie clip symbol named Candle. "Candle" components have two layers, above a layer of "candle flame" components. Draw a candle in the next layer. As shown in Figure 16.

9. Press the shortcut key ctrl+e back to "Scene 1", as shown in Figure 17 to build each layer, the upper and lower order of the layer can not be reversed. Press the shortcut key ctrl+l to open the library panel, drag the components in the library to the scene in the name of the corresponding layer. This can be easy to design and improve productivity--put them in their own layers, so you can choose to edit it by hiding the other layers of locking.

10. Click on the "eggshell" layer 1th frame, press the shortcut key F9 open the "Action" Panel, enter the Code "Mouse.hide ();", its role is to hide the mouse. Let "eggshell" elements and "shell-shadow" elements overlap, and the "chick" element hidden under the "eggshell" component. Right-click on the top shell-shadow layer, click the Mask command to create it as a mask layer.

11. Finally, we'll write some programs. Click the aperture component in the aperture layer and the candle component in the candle layer, press the shortcut key F9 to open the Actions panel and enter the same code.

Let the "aperture" and "candle" elements move with the mouse.
Onclipevent (enterframe) {
this._x = _root._xmouse;
this._y = _root._ymouse;
}

The effect is done here. You can press the shortcut key Ctrl+enter test.



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.