1. Technology
You can opt-out at any time. Please refer to our privacy policy for contact information.

Flash Tip: Motion Tweening Expanded: Rotation


Flash Tip: Motion Tweening Expanded: Rotation
In the first Flash lesson, we covered motion tweening as a basic "Point A to Point B" process, moving a circle from one corner of our stage to another. Tweening doesn't just cover linear motion, though; you can also rotate your symbols as they move, or rotate them in place.

To do that, you would create a motion tween in the same way that you did in Lesson One, by creating a symbol and then copying your key from your first frame to your last frame before selecting "Motion Tween" from the Properties bar, or right-clicking on the timeline and selecting "Insert Motion Tween", or by going to Insert->Create Motion Tween. (You can move your symbol if you'd like, depending on if you want your shape to slide and rotate, or just rotate).

Now if you look on the Properties bar, you'll see on the lower half an option that says "Rotate" and a dropdown menu with the default setting on "Auto". "Auto" generally means that it doesn't rotate at all, or only rotates based on other parameters; "None" means it will not rotate, period; the other two options are "CW" and "CCW", or "ClockWise" and "CounterClockWise". "Clockwise" rotates to the left; "CounterClockWise" rotates to the right. Pick one or the other, and then set the number of full 360-degree rotations your symbol will make in the field to the right. (In the image displayed to the right of this article I set 1 rotation). As you can see you can combine linear movement and rotational movement in a single tween.

Keep in mind that the symbol will rotate around its central pivot point and that you can click and drag on that pivot point to move it elsewhere and change the nature of the rotation.

©2014 About.com. All rights reserved.