Search:                                                     

First, let's start of by drawing a simple square. See image below:

Now, follow these steps to get the square to move from one end of the drawing area to another.

1. First, select the square and right click on frame 20. Choose "Insert Keyframe" from the menu that should pop up. See image below:

2. The next step is to Tween the frames between 1 and 20. You can accomplish that by selecting all the frames between 1 and 20 and "Right Clicking" and choosing "Create Motion Tween". See image below:
    

3. You should now see that an arrow is going from Frame 1 to Frame 20. The background of the frames has also turned a light violet color. To complete the animation, click on Frame 20 and move the square in your drawing area over a few inches to the right. See image below:

You should note that in the image above I used the blur image to simulate the motion of the square. When you move the square to the right from Frame 20, it will simply look like a dragging of an icon. As is customary with this site's tutorials, you may download the source code to examine in your own PC. Click Here.

I hope the information helped. If you have any questions or comments, please don't hesitate to post them on the kirupa.com Forums. Just post your question and I, or our friendly forum helpers, will help answer it.

The following is a list of related tutorial and help resources that you may find useful:

How to use the Forums New, Upcoming, and In-Progress Tutorials How to Help out kirupa.com Writing Tutorials

Cheers!
	Kirupa Chinnathambi kirupaBlog

 navigation:

features: