Fireworks Creative Mask Animation production

Source: Internet
Author: User
Tags modify

This example uses the fireworks mask effect to make the animation, the fabrication of the mask layer is the key of this example.

Some of the basic operations that this example uses include the Pen tool, the frame (Frames) panel, the Feather Fill (Feather), The Mask (Mask).

There are two ways to make this kind of mask layer:

1, the character of the face of the exact pull out, turn into grayscale, and then use the inverse color. The effect of this method may be the best, to the characters face the effects of the scrolling text, so that the text looming, but completely in the fireworks to do is more difficult, especially in the pull out the best can use Pototshop, in order to achieve the most perfect effect.

2. Use the Circle tool and pen tool to draw the approximate contour of the face and make the mask layer with feather fill.

Here we use the second way of thinking, to the bottom left of the mask animation as an example, the production of this creative animation method. As for the first train of thought, interested friends can try it on their own.

  

  Step1: Open a picture of a character as shown in Figure 1. It is better to choose a picture with more obvious facial contour, so it is more convenient to finish this effect. Click on the small triangle on the layer panel and select "Share this Layer" to place the layer as a shared layer.

Figure 1


  Step2: Create a new layer, select the Circle tool, remove the fill color, as long as the edge of the color, drag out a similar to the face of the ellipse, and then use the Pen tool on the ellipse relative to the face irregular place add several control points, adjust as shown in Figure 2. In this step, enlarge the image view as much as possible, which helps to make a more precise mask layer. (See also Bezier curve modeling operations )

Figure 2

  step3: Select the path that was plotted in the previous step, use feather padding, and remove the sideline, as shown in Figure 3. Note that you must fill with black, and the end effect of the mask layer is shown in Figure 4:

Figure 3 Figure 4


  step4: Enter some text with the text tool as shown in Figure 5.

Figure 5

Select the text, press the F8 key, convert it to a symbol, and select graphic in the pop-up dialog box, named Symbol 1, as shown in Figure 6.

Figure 6

  step5: Two symbol 1 from the library panel, arranged in the position shown in Figure 71. Note that the combination of the two symbol 1 is best harmonized, so that the animation will be more fluent.


Figure 7

  step6: Select two symbol 1 at the same time, perform the "modify/animate/animate SelectIon" command (shortcut Alt+shift+f8), and Pop up a dialog box like Figure 8. Tune the frames parameter to 8, click OK, two symbol 10% for a whole. Figure 9 is the frame panel at this point, which automatically produces 8 frames of animation.


Figure 8 Figure 9


The effect is shown in Figure 10.

Figure 10

  step7: Select the front-drawn mask layer, adjust to the top layer in the Layer panel, then select the mask layer and symbol, and perform the modify/mask/group as Mask command, and the entire layer is shown in Figure 11.

Figure 11

  STEP8: Now the basic work has been completed, and finally select the "animated Gif" format on the output OK. After reading this example, quickly expand your imagination, use simple techniques to make more creative animations, such as the front eye animation,png download



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.