Flash tips How to master the Mask effect animation

Source: Internet
Author: User
Tags key
Skills

  Question 1: What is the mask layer related to the masked layer?

Solving ideas

Understanding the relationship between the mask layer and the masked layer is critical to our mastery of mask animations. Mask animation plays an important role in Flash technology, and some very good results are achieved through mask animation. For example: The famous "water ripples" effect, is done through the mask, very lifelike. The following is a different way to understand the mask principle, in practice to understand the secret mask.

Specific steps

1, Run Flash MX 2004, document properties default.
2, click the "file" | "Import" | "Import to Stage" command, import a bitmap picture, and adjust the appropriate size.
3, change layer 1 for "Flash bar desktop", and lock;
4, new Layer 2 named "Mask Layer", in the mask layer of frame 1th Click the Text tool type "flash8.net", color black.
5. Click the Mask layer to select the Mask Layer command in the right-click menu to convert this normal layer to a mask layer. As shown in Figure 2.1.19.

2.1.4-1.fla

Note-If you use text as a masking layer, try to choose a thicker line of fonts, so that you can better performance mask effect.
Tip-the standard for distinguishing between matte and masked layers is that the layer of the shape you want to show is the mask layer. For example, in the example above, you want to display the glyph of "flash8.net", so this layer is identified as a mask layer.
The color of the mask layer has no effect on the final mask effect.
Tip-In addition to using a moving gradient animation to mask the effect, we can also use shape gradient animation to create a matte effect.
Try it--to understand how the mask works, we need to learn it through repeated practice. Friends may wish to take the mask layer and the mask layer in the example to change the position, to see what effect?
Analysis-the principle of masking is very simple, but often beginners friend is difficult to understand this reason. We should not study the complex masking effect first, from the above example we have a clear understanding of the principle of the mask. By utilizing this principle, we can make a dazzling effect.

Special Tips

The key to the implementation of the mask effect is that the creator should distinguish between the mask layer and the mask layer. Do not clear the relationship between the mask layer, the mind will not have this imagination, so that their creative source dried up. Through the simple mask effect of repeated practice, clear the relationship between the two, for our future flash creation lay a solid foundation.

Special Notes

The reason for converting a bitmap picture to a graphic symbol when making a dynamic matte effect is that the image is shrunk, so if you don't switch to a component, there will be errors in moving the gradient animation, which is what we should be aware of in the manufacturing process. In addition to the document as a masking effect, we can also use graphics to make this effect.
Related issues
Can a mask layer cover two or more layers?
The answer to this question is yes. A mask layer can mask two or more layers. As shown in Figure 2.1.21.

Figure 2.1.21 Mask two layers

In this effect, you mask two layers, one layer moves from left to right, and the other layer moves from right to left. As shown in Figure 2.1.22.

2.1.4-2.fla.
Could you make the animation effect in the mask layer?
The effect is to make the motion animation effect in the mask layer, as shown in Figure 2.1.23.

2.1.4-3.fla.
Can I make a mask layer with a movie clip?
The feature of the movie clip is that it runs independently and with the timeline, does this feature make a mask layer? We know from practice that movie clips can be made to mask layers. As shown in Figure 2.1.24.


Figure 2.1.24 Making mask layers using movie clips
Please refer to source file 2.1.4-4.fla.

  Question 2: Translucent matte Mask picture can you achieve a translucent matte effect later?

Solving ideas

This question is very good, because according to the mask layer's characteristics, it is to show the shape of the layer, for the shape of the fill color it is not recognized, so according to the normal production of ideas is impossible to achieve. But we can do this by changing another key layer of the mask---the opacity of the mask layer.

Specific steps

1, Run Flash MX 2004, document properties default.
2, click the Text tool in the stage type "expert"-Tsinghua University Press, and separated to become vector graphics, set color mixer, linear fill, left black transparent 100%, the right black transparent 0%. As shown in Figure 2.1.25.

Figure 2.1.27 semitransparent text Matte effect
Please refer to source file 2.1.4-5.fla
7. How to make the mask effect with transparent sense? We turn the way of thinking, we do not change the text of the mask layer, we adjust the transparency of the mask layer to see if we can achieve the desired effect.
8, create a new flash MX 2004 document, properties default.
9, the layer 1 named "text", the same input to the above text, into graphic components.
10, new Layer 2, named "Transparent gradient." Draw a rectangle from left to right in this layer, and friends can refer to the steps above.
11. Create a mask effect in the text layer. As shown in Figure 2.1.28.

2.1.4-6.fla

Note-The shape of the mask layer is not visible in the scene when the mask layer does not correspond to the masked layer.
Hint-this effect is only possible because the mask layer exposes the contents of the masked layer.
Try it--in the previous example, when the fade mask effect, friends can reverse the mask layer of the rectangular elements to create a fading mask effect.
ANALYSIS-The realization of this effect is no different from the knowledge of the previous problem, but only increases the transparency and the principle is the same.

Special Tips
The matte effect in this example is often seen in flash text animations, making it visually shocking to use the speed and tempo of the mask layer. From another point of view, this effect also broke the limitations of the text fade mobile animation.

Special Notes

Figure 2.1.32 Effect of Mask MC
The following is to drag the mask MC onto the stage and create a matte effect. As shown in Figure 2.1.33.

Figure 2.1.33 Nested Mask effect
The mask effect that is eventually exposed is only the effect in the scene. Please refer to source file 2.1.4-8.



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.