How to animation The mask effect

Source: Internet
Author: User

Question 1: What is the relationship between the mask layer and the masked layer?
Solution
Understanding the relationship between the mask layer and the masked layer is crucial for us to master the animation. Mask animation plays an important role in Flash technology. Some excellent effects are achieved through mask animation. For example, the famous "water ripple" effect is achieved through a mask, which is very lifelike. Next we will learn the principle of the mask through different production methods, and understand the secret of the mask in practice.
Procedure
1. Run Flash MX 2004. Default document attribute.
2. Click File | import to stage to import a bitmap image and adjust the size.
3. Change Layer 1 to "Flash desktop" and lock it;
4. Create a new layer 2 and name it "mask layer". On the 1st frame of the mask layer, click the text tool and type "FLASH8.NET". The color is black.
5. Right-click "mask layer" and choose "mask layer" from the shortcut menu to convert this normal layer to a mask layer. As shown in figure 2.1.19.

5. Check the effect. The black lines of the original text are gone. The replacement line is the "pop-up desktop" image below. Let's make an image metaphor. It's like hollowing out the text lines in the mask layer, revealing the following picture, and all the places outside the mask layer disappear. This is the mask effect. As shown in figure 2.1.20.

 
6. This mask can also be used as a dynamic effect. Click "mask layer" and right-click the "mask layer" command to cancel the current mask effect.
7. Click the "flash bar desktop" layer to make it editable. Right-click [convert to component] in the menu to convert the bitmap to a graphical component.
8. Insert a key frame in 30th frames and create a mobile gradient animation based on the position of the graphic element in the mobile scenario.
9. Click "mask layer" and insert "insert frame" to the 30th pin ". Extend it to 30 frames.
10. Re-create the mask effect, test and save it. See source file 2.1.4-1.fla

Note: If you use text as the mask layer, try to use a bold font to better display the mask effect.
Tip-◎ the criterion for distinguishing between the mask layer and the masked layer is that the layer of the desired shape is the mask layer. For example, in the above example, the font "FLASH8.NET" is to be displayed, so the layer is determined as the mask layer.
◎ The color of the mask layer does not work for the final effect of the mask.
Skill: apart from using a mobile gradient animation as a mask effect, we can also use a shape gradient animation to make a mask effect.
Try it-to understand the principle of the mask, we need to learn it through repeated practices. You may wish to change the positions of the mask layer and the masked layer in the above example to see what the effect is?
Analysis-the principle of mask is very simple, but it is difficult for beginners to understand this principle. We should not study the complex masking effect first. From the above example, we have clearly understood the principle of the mask. By taking full advantage of this principle, we can produce dazzling results.
Note
The key to implementing the mask effect is that the creator must distinguish between the mask layer and the masked layer. If you cannot figure out the relationship between the mask layer, you won't be able to imagine it in your mind, so as to dry up your source of creation. Through repeated practices of the simple masking effect, we can clearly understand the relationship between the two and lay a solid foundation for future FLASH creation.

The reason for converting a bitmap image to a graphical component when creating a dynamic mask effect in the preceding example is that the image is scaled down. If it is not converted to a component, an error occurs when you perform a mobile gradient animation, this is what we should note during the production process. In addition to the effect that the document can use as a mask, we can also use images to make this effect.
Related questions
◎ Can a mask layer mask two or more layers?
The answer to this question is yes. A mask layer can mask two or more layers. See figure 2.1.21.

In this effect, two layers are masked. One layer moves from left to right, and the other layer moves from right to left. As shown in figure 2.1.22.

 
◎ Can I make the animation effect in the mask layer?
The animation effect is made in the mask layer, as shown in figure 2.1.23.

The produced effect is no different from the animation effect in the masked layer. From this point of view, there is no difference between the mask layer and the normal layer in animation effect preparation. Please
◎ Can I use video clips to create a mask layer?
Video editing features independent operation and Timeline. Can this feature be used to create a mask layer? We know through practice that video editing can make a mask layer.

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.