Flash CS6 motion tweening tutorial

Template:Underconstruction THIS IS REALLY NOT DONE YET - It's just a copy of the CS3 stuff - please wait a bit ...

<pageby nominor="false" comments="false"/>

Overview

Motion tweening means motion animation with interpolation.

Learning goals

Learn about basic motion animation, i.e. move an object from A to B, to C ...

Add some simple shape transforms to the animated object

Learn how to to frame-by-frame animations with embedded movie clips.

Prerequisites

Flash CS3 desktop tutorial

Flash layers tutorial (first part)

Flash drawing tutorial (at least some of it)

Flash frame-by-frame animation tutorial (not absolutely needed, but probably useful)

Moving on

Flash shape tweening tutorial

Flash animation summary

After that you should be ready for interactivity. E.g. do the Flash button tutorial

Quality and level

This text should technical people get going. It's probably not good enough for beginners, but may be used as handout in "hands-on" class. That is what Daniel K. Schneider made it for...

It aims at beginners. More advanced features and tricks are not explained here.

Materials (*.fla file you can play with)

http://tecfa.unige.ch/guides/flash/ex4/motion-tweening-intro/

Introduction

Wikipedia, retrieved May 28 2009 defines tweeing as “Inbetweening or tweening is the process of generating intermediate frames between two images to give the appearance that the first image evolves smoothly into the second image. Inbetweens are the drawings between the keyframes which help to create the illusion of motion. Inbetweening is a key process in all types of animation, including computer animation.”.

In this tutorial we will talk about motion tweening, and in particular the "new" Flash CS4 method. See also the Flash shape tweening tutorial

Frame-by-frame vs. tweening

In Flash CS4, you can create several kinds of animations and associated special effects. To create motion animation, there are three options:

1. Frame-by-frame animation (ancient technique used for cartoons). This technique leads to precise results but is time consuming. Actually, before doing this tutorial you could have a look at the Flash frame-by-frame animation tutorial first.
2. Classic tweening. See the [[Flash motion tweening tutorial|Flash CS3 motion tweening tutorial. It works exactly the same way.
3. Motion tweeing, the new way.

What can be animated with motion tweening ?

In Flash 9, you can animate all sorts of compound objects:

• Symbols, i.e. any object that is an instance of a library object, e.g.
  • Graphic symbols
  • Movies (full *.swf Flash animations or embedded movie clips)
  • Buttons
• Compound objects (things that you grouped together)
• Text boxes

Materials used

(including the *.fla's)

Grab stuff from this directory:

http://tecfa.unige.ch/guides/flash/ex4/motion-tweening-intro/