The comprehensive practice of flash mask effect

Effects

About the flash mask a lot of tutorials, here combined with the author's groping process and creativity for everyone, especially beginners to make a simple explanation. (Related article:Flash 8: Ideas and methods for the formation of water )

I. Principle part--the beautiful effect of feather

The mask principle of Flash is to use a graphic as an area through the light, and when the layer of the graph is turned into a mask layer, the object in the next layer of the graph area is visible, and the objects outside the graphics area are not visible. But a further layer of the object is still visible, that is, the mask layer only works on a layer of objects underneath it.

OK, the following is the point to introduce a feather Meimei effect, which is very easy to achieve in Photoshop.

1. Look for a beautiful girl from the picture library, import to the stage, put in the right place, give the current layer a name, the following figure:

2. A new layer, named Mask, on the current layer with a circular tool to draw an established ellipse, the ellipse is best not to border lines, fill the color arbitrary, this oval right Meimei block, the following figure:

3. Select this ellipse, press CTRL + C, and then create a new layer, named White, press CTRL+SHIFT+V, which is to copy the ellipse to this layer, and the same position as the original ellipse.

4. Click Mask Layer, right click to turn it into a mask layer, close white layer can see Meimei is cut out of the effect, if the position is not satisfied, unlock, modify the position of the ellipse.

5. Select the white layer again and select the upper ellipse on the layer to modify its Fill property. Here is the most time-consuming link: Open the Color mixer panel, in the Fill color mode, select the radiation, the color of the two colors are white, the left side of the color label to 0, the right side of the unchanged, the position of the two color mark the following figure:

6. After the color label is set, it should be the following image

In the space of the object to click, to see if Meimei is showing, meimei around is not white fade out?

7. Use the Fill deformation tool to adjust the gradient of the area and size repeatedly, this will cost some things, the effect is good not the key here.

8. The final effect should be like this

two. Advanced section--The searchlight effect following the mouse

Effect:

With the technology above, creating a searchlight effect leaves only the creative and coding work. The specific production process I will not waste time, I guess you can see the following explanations and source documents to understand and can do.

Since the searchlight effect should be a black background, in order to show the blur effect of illumination, you need an elliptical region, the center of the area is transparent, and then gradient to the same black as the background. This is a different place than the above example, is also considered to think!

1. First take a look at the layer structure, the following figure

The last layer is the effect of the control code needed, down a layer is followed by the mouse ring, down is the ring mask, down is the ring through the shiny lines, and then down is a dark line, the mouse did not pass when the line is displayed.

This part is what others have already done, here Plus is to let everyone have a complete understanding of the mask effect. And then there's what I'm going to focus on, and the shadow layer holds the area that produces the light gradient, which is what the previous paragraph says, and this area is the same shape as the Motion_mask movie clip on the mask layer motion_mask. The PIC layer is, of course, the target for exposure.

2. Take another look at the actors in the symbol library.

I have a habit of saying that the name of the symbol is as good as the name of its layer, so as to know which layer is put. There is to try to use English as much as possible to address the correct, if more than the number of symbols to classify and put in a folder to summarize them. The work has fewer symbols and corresponds to a layer name, and it is no longer explained. To explain, one is the light symbol, double click to open it carefully you will find that its sharp angle just in the center of the stage, this is very important, because to let it follow the mouse rotation and the tail does not move, the principle is here.

Another is the shadow symbol, double-click the entry will find that the stage is black and nothing can be seen, click Layer 1 will see a fan grid appears, and then change the color of the stage color, this can be seen, is a radial fill shape. Select this shape, open the Properties panel, click the Fill color next to the paint bucket, open the Fill color panel, and move the mouse over the rectangular area in the upper-left corner of the panel, which is the fill and color of the current area, and click to see the fill in the Color mixer panel. The introduction here so detailed is because I did not bring up the new open file in the shape of the Fill property, it is ashamed to be ashamed! It took a lot of time to modify the fill, and you can see the value by clicking on the color label.

3. Explain the code used to follow the mouse:

This.onenterframe = function () {
if (_xmouse>620) {
Light._rotation =-60;
If the mouse's x-axis position is greater than 620, the searchlight light to 60 degrees, light is the instance name of the searchlight
else if (_xmouse<80) {
Light._rotation = 30;
} else {
If the mouse is moving between 80 and 620
Mask._xscale = (_xmouse-50)/4+70;
The width of the instance mask on the Motion_mask layer varies with the mouse position,
So the number is I think more satisfactory, we can revise to see
Mask._yscale = (_xmouse-50)/4+70;
//......................... The height of the ........ .....
Shadow._xscale = (_xmouse-50)/4+70;
Shadow on the floor of .......... Width..................
Shadow._yscale = (_xmouse-50)/4+70;
//.............................. Height.......................
Light._rotation =-(_xmouse-260)/6;
Sets the rotation angle of the light, calculated from the position of the mouse,
and narrow it down in order to meet the actual effect, otherwise it will be exposed!
Mask._rotation =-(_xmouse-260)/6;
Shadow._rotation =-(_xmouse-260)/6;
}
};

Circle and Round code is no longer explained, are to follow the mouse, affixed to the mouse.

three. Concluding remarks

For a long time, this can only be regarded as a small work, but also not beautiful, give those and I began to learn flash beginers it! Good works not only have the proficiency of the production software, but also have their own ideas, and sometimes change the things of others, is not only a learning process, but also a creation, if you have good knowledge of fine arts, coupled with creative enthusiasm, beginners will certainly become a flash of achievement.

Let's grow up together!