New features of Flash cs4 new animation concept

Source: Internet
Author: User

(3)

Animation editor

A panel-animation editor we have never seen before is added to Flash. Now let's get to know it. If it is an animation editor, there should be an animation. So I first created an animation. I made a simple animation and used 50 frames to move a ball back and forth on the stage. With the animation, I can click the range of the compensation period, and then open the animation editor.

You can precisely adjust the animation attribute values here. There are five columns to adjust the corresponding animation attributes. At the top of the page is the basic animation shown in the figure above. Here you can set the x, y, and rotation attributes.

The X attribute. In the key frame column, there are two small triangles in the opposite direction. It can be used to jump to another key frame. The Middle prism can be used to add or delete a key frame.

After the key frame is located, place the cursor over the blue number in front, and the mouse will show the double arrow. You can drag the number left and right, then you will find that the ball on the stage moves as you drag it. This shows that you can adjust the x attribute of the object. Click the blue value to enter a value to precisely locate the x attribute.

On the right side of the panel is the curve of this property. You can adjust this curve to change the x property of the object. We locate it on a key frame and drag the anchor of this curve up or down, as you can see, the ball moves along the left and right sides, and the blue numbers in front of the ball also change. You may notice a slow column in the panel. Here, you can set the easing effect for the corresponding attribute. To use the easing effect, add the easing effect in the easing column at the lower part of the panel.

As shown in the preceding figure, click "+" in the upper-right corner. The pop-up menu has many built-in easing effects. You can select one.

The bottom of the pop-up menu is "custom". That is to say, you can define a slow effect, for example, to make the ball move from slow to fast, it is almost slow. After clicking custom, you can enter a number in the key frame or adjust the following curve to define your own easing effect. After adding the easing effect, return to the basic animation bar and click the inverted triangle next to the easing effect of the x attribute. In the pop-up menu, the added easing effect is displayed, click the desired easing to apply the easing effect to the x attribute.

The Y attribute is the same as the x attribute.
Rotation: as shown in the following figure, only the Z axis is set in the rotation bar:

We know that cs4 has a 3d rotation function, that is, it rotates around the x, y, and z axes. Here there is only the z axis. What should I do? Don't worry, go back to the timeline and set any frames within the compensation range. Of course, the frame you want to rotate in 3d. Use a 3d rotation tool to rotate the ball at a certain angle on a certain axis. Go back to the animation editor panel and check again:

Now all the three axes have been rotated. Now you can precisely set the 3d rotation attribute here, and set the easing effect for them.
You can set the zoom and tilt attributes in the conversion column below. There is a link x and y button in the scaling property, which can constrain the ratio of the width and height of the scaling to remain unchanged.

The subsequent usage of colors and filters is the same as easing. You can click "+" to add the corresponding effect and set the attribute value.

 

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.