Flash CS6 motion tweening tutorial

The educational technology and digital learning wiki
Jump to navigation Jump to search

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

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)
Flash motion interpolation overview
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 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/