Fireworks make grass-grass long grass-like years animated GIF

Source: Internet
Author: User

GIF file:

PNG source file:

"University four years of remembrance-the grass-like age"

Work format: GIF animation

Creative reasons: To commemorate the grass-like college students live

Introduction: The grass cycle of the base students Express University four years decadent in the ideal life state

by RockHward2007.7.12


1. Preparing elements for animation

In this section, you will have the various graphic elements ready for this GIF animation,

Includes a background, a title, and a signature.


1.1

Creates a new file with a 250*70px black background canvas.

As shown below, draw a rectangle that conforms to the size of the canvas, fill in the following figure, and pay attention to the fill handle.


1.2

Name the layer where the rectangle is located as the "grass" layer.

Create a new layer named "text", type your favorite title and signature on that layer, choose your favorite font, and customize the color.

Then change the title and signature blending mode to "dimmed."

Finally, double-click the "text" layer in the layers panel and tick the "share overlapping frame" option. "Share overlapping frames" is also selected for the "grass" layer.


2, grass grass long animation production

In this section, you will be able to complete the simulation of the growth of grass animation production.

First you will make an animation element, and then take two steps to simulate the fade and growth of the grass respectively.


2.1

Create a new layer called "move" between the "text" Layer and the "grass" layer.

Then lock the "text" Layer and the "grass" layer.

Draw a rectangle filled with the following figure on the move layer.

Change the blending mode to "heat". Adjust the gradient fill handle so that it looks like the figure.


2.2

Select the rectangle you just painted, press F8 to convert to the animation type symbol, and the symbol "grass."

Then, in the Animation Settings dialog box, set frame to 10. Press OK to have a prompt window and press OK to pass.

Change the blending mode for the animated instance of "Grass" on the canvas to "heat".

Hold down SHIFT and drag the red handle of the grass animation instance to the position shown in Figure 1.

Click the red handle to see if the last frame is as shown in Figure 2, or continue to drag the red handle by pressing shift to achieve the effect of Figure 2.

2.3

2.4

Adjust time: Open the Frame panel, select the 2nd to 10th frame, and then double-click the right digital position, pop-up "frame delay", enter "10". Double-click Frame 1 and enter "100".

Select Frame 1th through 10th, and then click the menu in the upper-right corner of the frame panel and select "Frame Again".

Adjust time: Frame 11 time set to "200", frame 12~18 set to "10", frame 19 set to "100".

2.5

Now to make the effect of grass growth.

Select Frame 11, select the animated instance of "Grass", drag the red and green handles, and swap the positions of the red and green handles.

In this way, the growth effect of the grass is simulated from frame 11 to frame 19.

End

Finally, select GIF format to export the GIF animation.

Technical Summary:

The use of fireworks mixed mode GIF animation, can produce a sense of the changeable color.

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.