Firework Production Dynamic Banner

Source: Internet
Author: User
Tags copy
Dynamic firework to do animated pictures, the most important panel is the hardwood panel, the function of the button on the hardwood panel in this we do not say, the mouse on the button to stay for a moment, you can see the hint, just need to explain the point, when we want to create a new frame in the original frame, just to drag the original frame to "new/Duplicate Frame" button, and you don't need to copy the layers on the original frame.

Below introduces a banner in the firework production process, we first look at, the final effect of the picture.

1. Create a new 468*60, background for the #000000 document, the light of the material placed in the appropriate position.

2. Select the layer, press F8 to modify the component properties, set the animation change frame number to 6 frames, zoom to 1000 times times the original size.
 
OK: Firework prompts the animation of this component to exceed the last frame of the document and automatically adds a new frame. This creates a six-frame light change effect.

3. From the seventh to Nineth frame, we do picture light effect, click on "New/Duplicate Frame" to create 第七、八、九 frame, in the eighth frame, a new layer, alt+a full selection, fill white, so that formed, the picture of the flashing effect.

4. Tenth to 11th frame, create light to the landscape change process. On the tenth frame, place the bottom two patterns in order, and copy them into the 11th frame. In the tenth frame, the adjustment of the upper level of transparency of 80%, in the 11th frame, the adjustment of the upper level of transparency of 50%, thus forming the light of the fade, the fade effect of the landscape.

5. The 12th to 16th frame, create the fade effect of the character pattern. Copy the 11th frame, in the light layer of the lower layer, add character patterns of the layers, copied into five frames, and the front light, landscape fading fade effect method is the same, adjust each frame on the transparency of the character layer, that is, the formation of the fade effect of the character layer.

6. The 17th to 23rd frame, the creation of "Azolla" text display process. A frame display, is a very simple process, just want to pull the previous frame to "new/Duplicate Frame", create a new frame, and then add the need for a new addition to the sentence. The following figure is the effect of the 21st frame.

7. The 24th to 28th frame, create "Chaoshan New rivers and lakes" text effect process.
In the 24th frame on the input color for #e67830, size of 50th, XXFarEastFont-Arial: "Chaoshan New rivers and lakes", using light to make the stroke effect of the font.

8. Copy into five frames, adjust the size and transparency of each frame, forming gradually clear, gradually narrowing the effect.

Reference: the 24th frame font size expanded to the original 400%, transparency of 25%;
25th Frame Font Size expanded to the original 300%, transparency of 50%;
26th frame font Size expanded to the original 200%, transparency of 75%;
27th Frame font Size expanded to the original 100%, transparency of 100%;
As pictured, this is the effect of the 26th frame.

9. The 28th and 27th frames are the same, which are divided into two frames, which is convenient to control the display time of each frame. The 28th frame is the last one, highlighting the theme, this is "Chaoshan New River" banner, so stay time need to be long, so that people clearly.
10. In this way, the whole banner is done. We can adjust the display time of each frame appropriately, as in the figure, the figure in the Red line box is the time of the frames delay, the unit is 1/100 seconds.

To allow banner to display the most natural animation effect, you need to debug each frame of the delay time. We can preview it by clicking on the "Play/Stop" button on the document.


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.