Golden Rooster Lunar Festival! Flash production Rooster Spring Animation greeting Card

Source: Internet
Author: User
Tags range
Rooster Spring Festival is coming, in this new year, we specially made a lively spring flash animation to friends.

The completed results are as follows:


Animation file 1.7M, please wait

   first, material preparation

   prepare for the future

This animation is very simple animation, design work is not complicated, only need a little creativity can do. The required foreground material includes: couplet, door (Figure 1), chick (Figure 2), background material includes: Background picture (Figure 3), Fu Word (Figure 4), Spring Word and music.

 
Figure 1


Figure 2


Figure 3


Figure 4

1. Couplet

In accordance with the layout of Figure 1 in flash with red yellow side of the rectangle design of the background couplet, as for the content of the couplet what we like to use what blessing language.

2. Door

We want to make an animated automatic door form, so that the left and right parts of the door should be a component, the door of the graphics using the Chinese traditional style of the city, decorated with a circular pattern, and then dotted with stars as embellishment. When drawing a circular pattern, draw it with a circle tool and fill it with a paint bucket, selecting the color fill of the red circle gradient (Figure 5).


Figure 5

Draw a star pattern select the multi-angle Star tool, and then set the multiple-sided star-shaped property to star, eight edges, and star vertex size 0.2 (Figure 6).


Figure 6

3. Chick

We divide it into three parts of the body, the eyes and the mouth (Fig. 7), imagine what the chick looks like in life and then make a cartoon of them to create a cute chick image. Note that when these three parts are grouped together, don't forget to make them a whole under the "Modify" menu.


Figure 7    Background Preparation

1. Background map

The appearance of the background image to appear festive only line, as for what pattern we can design, preferably using red and yellow tones to make the background.

2. Fu Word

Spring Festival Everyone pay attention to "Fu", the design of FU Word we use yellow font, red background plus a round box to deal with. Note In order to ensure that the font "induction" within the ring, need to use a mask. The first layer of the whole FU Word element is the background, the middle is covered with text, the above layer is the shading layer with the same size as the background of the circle (Figure 8).


Figure 8

3. Spring Word

Spring Festival, of course, Chun Word, Spring Word design method and the same words.

   Two, animation combination

   1. Opening animation

The animation that opens the door only needs to move the left and right sides of the gate, to design a moving motion tween. However, you need to design a masking layer, only see the size of Figure 1 range, so that the entire animation is in such a range of deduction.

   2. Fu Word rotation

When the door opens the crippled word jumps out to rotate a circle to become a spring word, after the door opens the frame then designs a blessing character animation, in which the 15th to 29th frame fu Word (static) component from small becomes big, uses the movement motion tween to design (Figure 9), In frame 30th, add a keyframe here to remove the original element and replace the animated element with a good word (design method see below).


Figure 9

Create a movie clip symbol that rotates in a blessing, make a motion tween for frame 1th to 5th in the component, and rotate the design clockwise one time (Figure 10). In the 5th frame of the key frame of the 180 degrees of vertical rotation of the word, so that the word rotation crippled word inverted. Insert KeyFrames in frame 20th now let the word rotate back into the spring word, the 20th frame design clockwise rotation motion tween, in the 25th frame inserts the key frame to put the spring Word (static) element to put on this frame, notices the spring word the size and the position must and the front blessing word is same.


Figure 10

3. Spring Word Flashing

Spring word of the flashing also need to design a component, the first frame of the word small, five frame of the word large, note that more than the insertion frame can control the speed of the flashing changes (Figure 11).


Figure 11

Back to the main scene, the previous design of the Fu word rotation animation A total of 25 frames, in the "Fu word" to make the text of the animation of the frame length to maintain 25 frames. Then add a keyframe (frame 56th) to the frame of the symbol using the spring word flashing effect. In frame 100th, add the key frame to the static elements of the spring word, then extend the frame length to 120 frames, the entire timeline layout as shown in Figure 12. Note that each component will have to be the same size and position in the scene from the beginning of frame 29th to ensure the continuity of the animation presentation.


Figure 12

4. Chick Swings

Chick animation is left and right swing and design spring word flashing effect, with the length of the frame to control the speed of change, respectively, set two key frames to show the chick's action (Figure 13).


Figure 13
At the end of the home scene in order to arrange the above components, in the couplet "Ching" "chicken" word on the chicken animation components, feel more vivid, add festive background music on a certain layer, design the music playing style in the property panel, and set the music to "stop" at the 120th frame (Figure 14) , now the entire animation design work is completed.


Figure 14

On a page of Golden Rooster lunar Year! Flash



Related Article

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.