Flash as Creates a Tween

Source: Internet
Author: User
What is motion tween? First, let's imagine that you put a box on the table. Now, imagine that in the next 10 seconds, the right suddenly disappears, miraculously appearing several inches again, and the original. It's quite strange, isn't it?

Well, if you can watch it in the past minute, what will you see? The square you will see suddenly disappears and appears again in a different position, with 10 seconds passed without cohesion or "animation. Here the motion gradient is applicable to the motion gradient, instead of the square that disappears and re-appears, rather than you will see the square meter slowly moving your new position-not disappearing, in all actions! Tween's motion, simply put, fills in the starting position and ending position between missing sequences to create a complete animation.

This tutorial will explain how to create a motion. In Flash MX 2004, I hope you will understand that the motion is full. Your animation, at the end of the year, will be slightly similar to the following animation:

 

[Create a simple animation]

Learn how to add up:

First, we started Flash MX production in December 2004. Once this scheduled load is loaded, you should see a new blank area called your workspace. If you do not see any similar white box, create a new animation to go to the file | Flash file. Here, you should set them all!
  
Now, click the left side of a set of icons in the rectangle tool. The rectangular tool icon looks like the following image:


[Click the rectangular tool icon]

Once you click the rectangle tool icon, go to your drawing area and draw the square by clicking and dragging-release and then once you have a square. Try to make sure that your square is close to or embraces the white plotting area on the left:


[Bring the Square-make sure it is consistent to the left]

The square has been painted and taken to display on your schedule. Your time is the number and size of a large area heading to the top, vertical box. Note that there seems to be a solid point in the frame 1st:


[Time when a solid point is notified]

Solid points mean that a large number of things exist in this frame-frame 1. In our case, the "material thing" is that you create a square meter! Now, it seems a little bit to your right and find the 20th. Right-click in the box and select "Insert key frame" based on the tag number 20 ":


[Insert key frame 20]

Once you choose to insert a key frame, you will see another black spot appearing at 20 frames. Don't worry.-This is a good thing! Now, you must select 20 key frames and click your mouse pointer.
  
As the key frame is selected, it drops to your second square meter. Please note that your entire square is also selected. Now, the right arrow of the reporter (on the keyboard) has several times to move it several centimeters from the rightmost edge of your film field:


[Transfer the film to the right]

Now, with your mouse pointer, click the schedule in the 1st frame movie. Notice in the square! This is on the left side. Without hesitation, click frame 20 now. Please note that the square is correct. Click any frame 10 on the top, and the notification party determines that it returns its original, left position.
  
Enough. I am jittering. This is the motion of time! Click 1st frames, and emphasize 1 and 20 between all frames. Although all frames are emphasized, right-click and select "create motion tweens :"


[Highlight all frames and select "create motion tweens"]

If everything works fine, you emphasize that the frame color will be taken with a purple arrow from 1 frame to 20. Click any location on the schedule and send a notification that you can "track" the party's position through its 20-frame journey.
  
Go to file | save the animation. From there, go to the file | publish preview | HTML. You should see that your square gradually goes from the left to the right.

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.