neskaya
Follow [ bookmark livejournal facebook twitter rss stumbleupon ]
Log in to download layouts, skins, and emoticons. Register?

Designs

Web Templates
LJ Layouts
phpBB3 Skins

Graphics

Avatars
Textures
Buttons
Emoticons
Pixels
Fonts

Misc & Fun

Quizzes
Tutorials
Interactive

Community

Forums
Rotation

Site

FAQ & Contact
Links

Affiliates

Komet Tails
Smile Scan
Dragonrain

Flash Tutorial: Motion Tweening [Creating an Animation]

Creating an animation in Flash is called tweening. It's done through your layers / timeline window. In this tutorial, I will show you how to create a motion tween, which moves an object or basically just creates an animation of any kind.

1. Open a new file and use the rectangle tool to draw a small rectangle on the left side of your workspace.

Image 1
Motion Tweening Tutorial

2. Use your selection tool to select the whole rectangle. (Draw a box around it with the tool)

3. Now press F8. A box with "Convert to Symbol" should pop up. Select Graphic type and press OK.

Image 2
Motion Tweening Tutorial

4. You should see "Symbol 1" in your library now.

5. Go to Frame 10 on your timeline, right click, and add a new keyframe. See image 3. (Or select the frame and press F6 to do the same thing).

Image 3
Motion Tweening Tutorial

6. There should be a black dot now under the 10 on the timeline and the rectangle should also be duplicated there.

7. Move the rectangle to the other side of the screen.

Image 4
Motion Tweening Tutorial

8. Right click on any of the frames between #1 and #10 and select Create Motion Tween.

Image 5
Motion Tweening Tutorial

9. You should see an arrow now from Frame 1 to Frame 10.

10. Press Ctrl + Enter or go to Control > Play to see your animation. You should see your rectangle move from the left side of the image to the right.

Note: If it looks choppy, you can either increase the frame rate (from 12 to say, 24) - that can be found in your properties window when you select the general document. Or you can move the keyframe on frame 10 to say, frame 20.

Now you can read part 2 of the tutorial to learn about more effects of motion tweening.