MORE ON ANIMATE CC

We will learn
 Creating a Motion Tween
 Creating a Shape Tween
 Using Masking
 Creating a Classic Tween
 Working with Layers

Let’s Check

State whether the following statements are True or False:

1. The Ink Bottle Tool is used to change the fill color. ______________
2. The text tool is used to insert text on the stage. ______________
3. The stage in the main work area in Animate. ______________
4. The Tools panel contains a set of tools to choose from. ______________

In your previous class, you have learned to make drawings using various
shape tools. In this chapter, we will move forward to work on moving these
objects on the stage to create beautiful animations. Animation is the process
used for digitally generating animated images. Adobe Animate CC
automatically creates animations where user has to just define the properties
between the first and the last frames. Well, this movement in-between these
frames is known as Tween. There are three types of tweens provided by
Animate CC. So, let’s learn about them.
 CREATING A MOTION TWEEN:

In motion tween, symbols are used for creating movements in size, rotation
changes, fades, and color effects. You can create motion tween by following
the steps given below:

Step 1: first, create a new document in Animate CC and draw an object that
you wish to move on the stage. Here, we have drawn a circle. Now, convert the
object into a Movie Clip symbol.

Step 2: Click on the Frame 1 of Layer 1 in the Timeline panel.

Step 3: Drag the object in the left-hand side of the stage using the Selection
tool.

Step 4: Now, right click and select the Insert  Motion Tween option from
the menu bar.
Step 5: The Timeline is incremented to Frame 24, by default, and the play
head shifts to Frame 24. Here, the default setting in Animate is set to 24
Frames Per Second (FPS) which will create a one second animation. We can
change the second if required.

Step 6: Select the symbol and drag it to the bottom-right position.

Creating a Shape Tween:

In shape tweening, you draw a vector shape at one specific frame in the
Timeline. This technique is used to smoothly change one shape into another.
For example, animation of clouds, water or fire are examples of shape tween.

Given below are the steps to morph the shape of an object i.e. from Circular to
rectangular shape this can be done using Shape Tween. To Create a Shape
Tween, perform the following steps.

Step 1: Create a new document in Animate CC.

Step 2: Draw a rectangle on the stage using Rectangular tool.

Step 3: Select the Selection Tool from the Tools panel.

Step 4: Now, In the Timeline panel, right-click on Frame 50 and click on the
Inset Keyframe option.

Step 5: In the Selection Tool, select the rectangular object on stage.

Step 6: Click on the rectangular object and press Delete to remove the
rectangular object.

Step 7: Draw a circle using Oval tool from the Tools panel.

Step 8: Right-click on the Timeline panel between Frame 1 and Frame 50

and select the Create Shape Tween option.

Step 9: The Timeline color will change to green and the Shape Tween is
created.
Step 10: Follow these steps to view the Shape Tween: Control Test
Movie In Animate option from the menu bar. The pop-up window will
display the Shape Tween.

LET’S CHECK

1. Draw a circle and convert it into triangle using shape tween

technique.
2. Draw an Oval and make it to move across the stage using motion
tween in an elliptical path.

WORKING WITH LAYERS:

The places where drawings, objects and animations are kept are known as
Layers. Layers enable you to organize the artwork in your document. You can
draw and edit objects on one layer without affecting objects on another layer.
These are similar to transparent sheets, stacked one on top of the other. The
timeline panel contains all the layers ad you can add unlimited number of
layers. Also, layers can be re-numbered by dragging them up or down as
required.

Renaming a Layer:

You can rename a layer by following these steps:

Step 1: Double-click the name of the layer or folder in the timeline and enter a
new name (here it’s named as “background”).

Step 2: Click somewhere outside the name box and new name is saved.

Deleting a layer:

You can delete a layer by following these steps:

Step 1: Right-click the layer(s) and select Delete Layer from the pop-up manu.

Step 2: In the Animation Layer Editor select Layer > Delete.

The selected layer is deleted.

Quick fact

“Toy Story” is the first feature-length film fully modeled and created
with the help of 3D technology.

USING MASKING:

The places where drawings, objects and animations are kept are known as
Layers. Masking is a way for you to control the content that your audience
sees. For instance, you can make a rectangular mask and allow your audience
to see through the rectangular area, so that you can get a keyhole or spotlight
effect. This enables the audience to focus on the important content.
Follow these steps to create a masking effect:

Step 1: Create a new document in Animate CC.

Step 2: Go to Tools panel and select the Selection Tool.

Step 3: In the Timeline panel, select Frame 100 and then right-click and
select the Insert-Frame option.

Step 4: From the Timeline panel, click on the Frame 1.

Step 5: Follow the sequence: File Import Import to Stage. This will
import pictures to the background.

Step 6: Imported image appears on the stage. Add a new layer.

Step 7: Now, from the left pane of the Timeline panel, select the Layer 2.

Step 8: Click on the Frame 1 in the Timeline panel.

Step 9: Draw a rectangle to the left side of the stage

Step 10: In the Timeline panel, right-click on the Frame 100 of the Layer 2.

Step 11: Click on the Convert to Keyframes option.

You have successfully learnt the process of masking.

SYNOPSIS

 There are three types of tweens provided by Animate CC— motion,

shape and classic.
 Motion Tween enables an object to move along a guided path.
 For Transition, Classic Tween is used.
 Shape Tween morphs one shape to another.
 The places where drawings, objects and animations are kept are known
as Layers.
 Masking is a way of selectively hiding and displaying content on a layer.

EXERCISES

A. Tick (√ ) the correct answers

1. Which of the following is used to choose different tools?
a. Stage b. Color panel c. Tools panel d. None
2. The default FPS in animate is set to _______________FPS.
a. 45 b. 34 c. 24 d. 54
 3. The ____________ panel allows to change font, size, color, etc. of
the selected text.
a. Tools panel b. Properties panel

c. Color panel d. None of these

4. The timeline color changes to ____________when a shape tween

shape is created.

a. Yellow b. Green c. Red d. Pink

5. _______________ is the shortcut key to preview the animation.

a. Shift + Enter b. F8 c. Ctrl + Enter d. Ctrl + F10

B. Fill in the blanks.

1. ____________ is the area that is used to control the sequencing and
Timing of graphics and other elements of the movie.
2. The _______________tool is used to draw a shape with five sides
3. __________________is the default mode of the pencil tool when it is
selected.
4. ____________key is used to convert the text into symbol.

C. Write T for True and F for False.

1. The automatic animation created in Animate CC
is called Tween. ______________
2. Classic tween is mainly used for transition purposes. _______________
3. To quickly delete everything from the stage, double-
 click on the eraser tool. ______________
4. To change the style of lines, select the style option
in the properties panel. _______________
5. Motion tween smoothly changes a square into
a triangle. _______________

D. Short answer type questions.

1. Define tween.
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
2. How is Shape tween different from Motion tween?
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________
3. What is the main purpose of masking?
_______________________________________________________________________________
_______________________________________________________________________________
_______________________________________________________________________________

E. Long answer type questions:

1. Write and explain the steps of renaming a layer.
2. Define layers? How they are useful in Animate?
 For the Teacher
 Discuss all possible uses to use flash in making animations and
presentation.
 Provide some task to make use of frame by frame animation and
tweened animation.