HOW TO CREATE MOTION TWEEN

A
R
R
A
N
G
E
D
BY:
Reno Alvit
Andika Pramono
Muha Adnin Viha

SMK LAKSAMANA MARTADINATA

MEDAN
2023-2024
 ABSTRACT
Tweening animations date back to the days when every animation was done by
hand.Tweening was essential for making frame-by-frame animation look realistic.
Tweening is required to create the illusion of fluid movement with still images. Classic
Tween is typically used to generate more traditional video-based animations. Motion
tweening is extremely simple and gives the animator complete control over tweening
animations. There are two types of Tweens in Flash, Shape Tweens, which can only
operate on drawing objects, and Motion Tweens, which can only operate on Symbols.
 TABLE OF CONTENT

CHAPTER I

INTRODUCTION

 Background

Tweening animations date back to the days when every animation was done by
hand. Tweening was essential for making frame-by-frame animation look realistic. It was
used for both traditional animation played back at 24 frames per second and animation
made at 12 frames per second.

B. The Purpose of Report

1. Definition Of Motion Tween

2. The Kinds Of Motion Tween

3. Which are the Most-Used Motion Tween Software Options?

4. Steps To Create Motion Tween

 CHAPTER II

DISCUSSION

1. Definition Of Motion Tween

Tweening is the technique of creating inbetweens, or pictures that appear between
keyframes. The outcome is a smooth transition between two keyframes that portray separate
moments in an action, often known as ‘inbetweeing.’ Tweening is required to create the
illusion of fluid movement with still images.

Motion tween is a type of animation that uses symbols to create movement, size and
rotation changes, fades, and color effects. Classic tween refers to tweening in Flash CS3 and
earlier, and is maintained in Animate primarily for transition purposes. Motion tween and
Classic tween animations.

A motion tween is a feature available in Adobe Flash (formerly Macromedia Flash) that
allows you to easily animate the motion of an object. ... Then select the number of frames in
the timeline you would to use for the duration of the animation.
2. The Kinds Of Motion Tween
In Animate, there are two sorts of tweens: Classic and Motion. Most typical video-based

animations employ

 Classic Tween

Classic Tweens, while Motion Tweens are used in interactive animations such as games or
motion graphics.This tween, as the name implies, is typically used to generate more
traditional video-based animations. Tweening done in Flash CS3 and earlier is sometimes
referred to as “classic tweens.” This tweening animation feature is included in Adobe
Animate specifically for individuals who want to use it to create seamless transitions.

That being said, classic tweening animations are fairly difficult to make, and the finished
outcome will be determined by your ability to tween. Property frames, rather than keyframes,
are also available for classic tweens.

One significant disadvantage of employing traditional tweening is that it cannot be used for
3D objects.

 Motion Tween

Motion tweening is commonly utilized by animators while working on interactive animations

such as motion graphics and games.

Motion tweening is extremely simple and gives the animator complete control over tweening
animations. The finished outcome is also unaffected by an animator’s ability to tween.
Motion tweening, like keyframes, is useful when working with 3D animation.
3. Which are the Most-Used Motion Tween Software Options

 Adobe Animate
used to create animation movements within Animate. Motion tween animation is created
by specifying different values for an object property between the first and the last frames.
The object properties vary from position, size, color, effects, filters, and rotation.

 Adobe Flash
Pose-to-pose animation in Flash is created by defining actions in-between two points on
the timeline, hence the term ‘Tween’. There are two types of Tweens in Flash, Shape
Tweens, which can only operate on drawing objects, and Motion Tweens, which can only
operate on Symbols.

 Premiere Pro
Tweens are one of the most used tools in your Premiere Pro arsenal. They can be used for
motion edits, transitions, effects, and everything inbetween. Essentially, they are a
method of transitioning from one state to another. For instance, by placing two different
scale values on the timeline, you can zoom the scene in from one to another. If that
sounds complicated, it’s really not; just keep reading.
4. Components of motion tweens

Tween span:

 Is a sequence of frames in the Timeline in which an object has one or more properties
changed over time.

 Motion tween span appears in the Timeline as a group of frames in a single layer with
a background color.

 You can select the tween spans as a single object and drag them from one location in
the Timeline to another, including to another layer.

 You can animate only one object on the Stage in each tween span. This object is
called the target object of the tween span.

Property keyframe:

 Is a frame within a tween span where you explicitly define one or more property
values for the tween target object.

 These properties could include position, alpha (transparency), color tint, and so on.

 Each defined property has its own property keyframes.

 If you set more than one property in a single frame, then the property keyframes for
each of those properties reside in that frame.

 Use Motion Editor to view each property of a tween span and its property keyframes.

 To choose which type of property keyframes to display in the Timeline from the
tween span context menu, right-click any property keyframe and select View
keyframes.
Tweenable objects and properties
The types of objects on which you can apply a motion tween are movie clips, graphics and
button symbols, and text fields. The properties of these objects that can be tweened includes:

 2D X and Y position

 3D Z position (movie clips only)

 2D rotation (around the z-axis)
 3D X, Y, and Z rotation (movie clips only): set the FLA file target as ActionScript 3.0
and Flash Player 10 or higher in the publish settings. Adobe AIR also supports 3D
motion.
 Skew X and Y
 Scale X and Y
 Color effects: includes alpha (transparency), brightness, tint, and advanced color
settings. Color effects can be tweened only on symbols and TLF text. By tweening
these properties, you can make objects appear to fade in or fade from one color to
another. To tween a color effect on classic text, convert the text to a symbol.

Filter properties (filters cannot be applied to graphic symbols)

 CHAPTER III

A. Conclution
1. To create an animation requires 24

Frames/sec.

2. It takes quite a long time

Designing the concept of making animation.

3. It takes 1 month for editing

Animation.

4. It takes 3 weeks to

Sound capture and editing.

5. Requires 15 minutes for the rendering process.

Create an animated work using techniques

Motion Tween is easy, but it takes practice

Make 1 change in movement or facial expression accordingly

The character’s mood, so that the character’s expression becomes

Looks alive. And it takes an artistic soul to make it

All characters, so that each character has its own characteristics

Each

B. Recomendation

 The advantage is that it can move from one position to another.

 The downside is that the displacement doesn’t vary
 REFRENCES

 Background, Definition
https://animost.com/tutorials/tweening-animations/

 The kinds of Motion Tween

https://helpx.adobe.com/animate/using/differences-between-motion-and-
classic-tweens.html
 Which are the Most-Used Motion Tween Software Options
- Adobe Animate :
https://helpx.adobe.com/animate/using/about-motion-tween-
animations.html#:~:text=Motion%20tweens%20are%20used%20to,effects%2C
%20filters%2C%20and%20rotation
- Adobe Flash :
https://www.sfu.ca/~tutor/techbytes/Flash/fl1.html#:~:text=Pose%2Dto%2Dpose
%20animation%20in,can%20only%20operate%20on%20Symbols
- Adobe Premiere
https://service.tccd.edu/TDClient/30/Portal/KB/ArticleDet?ID=623
 Components of motion tweens
https://helpx.adobe.com/animate/using/creating_a_motion_tween_animation.html