Republic of the Philippines

DEPARTMENT OF EDUCATION
Region I
Schools Division of Ilocos Norte
PAOAY NATIONAL HIGH SCHOOL
Science, Technology and Engineering

ICT II
Information and
Communications
Technology
QUARTER IV
Module 3
 Module 3
ANIMATING EFFECTS

Learning Competencies:
1. Use and explore animation that increase the appeal of the video
through:
 Animating effects
 Activating, selecting, adding and setting keyframes
 Adjusting and customizing effects

About animating effects

Although commonly used to mean “move a figure across the
screen,” when used in the context of Premiere Pro, this means a change
an attribute through time. In this sense, moving a clip move from one
corner of the screen to another over a few seconds animates its position.
Changing it from sharp to blurry over a few seconds animates its
sharpness. Changing it from a shade of pink to a shade of blue over a few
seconds animates its color. Here, animation means “change through
time,” not “moving object". You can animate most, though not all, of the
effects that come with Premiere Pro. Once an effect has been applied to a
clip, you specify one or more frames of the clip as keyframes. Then, you
set the values for the effect at each of the keyframes.
About keyframes
Keyframes are used to set properties for motion, effects, audio, and many
properties, changing them over time. A keyframe marks the point in time where
you specify a value, such as spatial position, opacity, or audio volume. Values
between keyframes are interpolated. When you use keyframes to create a
change over time, you typically use at least two keyframes—one for the state at
the beginning of the change, and one for the new state at the end of the change.

Working with keyframes

When you use keyframes to animate the Opacity effect, you can view and
edit the keyframes in either the Effect controls or a Timeline panel. Sometimes, a
Timeline panel alternative can be more appropriate for quickly viewing and
adjusting keyframes. The following guidelines indicate the appropriate panel for
the task at hand:
o Editing keyframes in a Timeline panel works best for effects that
have a single, one-dimensional value, such as opacity or audio
 volume. The Effect Controls panel is used when editing keyframes
of properties that have multiple, angular, or two-dimensional
values, such as Levels, Rotation, or Scale, respectively.

o In a Timeline panel, variations in keyframe values are indicated

graphically, so you can see at a glance how keyframe values
change over time. By default, values change between keyframes in
a linear manner, but you can apply options that refine the rate of
change between keyframes. For example, you can bring motion to a
gradual stop. You can also change the interpolation method and use
Bezier controls to fine-tune the speed and smoothness of an effect’s
animation.

o The Effect Controls panel can display the keyframes of multiple

properties at once, but only for the clip selected in a Timeline panel.
A Timeline panel can display the keyframes for multiple tracks or
clips at once but can display the keyframes of only one property per
track or clip.

o Like a Timeline panel, the Effect Controls panel also displays

keyframes graphically. Once keyframing is activated for an effect
property, you can display the Value and Velocity graphs. The Value
graph displays keyframes with changes in an effect’s property
values. The Velocity graph displays keyframes with handles for
adjusting the speed and smoothness of the value changes from
keyframe to keyframe.

 Keyframes for audio track effects can be edited only in a Timeline panel or
in the Audio Mixer. Keyframes for audio clip effects are like keyframes for
video clip effects; they can be edited in a Timeline panel or in the Effect
Controls panel.

Note:
You can modify the panel arrangement further and choose Window > Workspace > New
Workspace to save the modified configuration as your own workspace. Be sure to give your
workspace a name in the New Workspace dialog box before clicking OK.

USE MOTION EFFECT TO EDIT AND ANIMATE CLIPS

Use the Motion effect to position, scale, or rotate a clip within the video
frame. By default, each clip that you add to the Timeline panel has the Motion
effect applied as a fixed effect. You can view and adjust the Motion effect
properties in the Effect Controls panel by clicking the triangle next to the Motion
name.

Adjust Position of a Clip

To adjust a clip in the Program Monitor, do the following:

1. Select a clip in the Timeline panel, and move the current-time indicator to a
location of a frame within the clip. Ensure that the Uniform Scale check box of
the Motion effect is deselected.
2. Do one of the following:
  Lighting Effects only

From the Effects panel, apply Lighting Effects to the clip. You notice that a
lens flare appears on the clip. You can adjust the position of the light using the
options available in the Effects Control panel.

Before adding lighting effects

After adding lighting effects

 Motion effect only
Select the clip in the Program Monitor. The handles and clip anchor point
appear in the Program Monitor which allow you to adjust the position of the clip.
Scale a clip
To scale a clip in the Program Monitor, do any of the following:

 To position a clip or lighting effect, double-click on the clip. The

handles and clip anchor point appear on the clip. Drag the clip to
reposition it. Don’t drag a handle to reposition the clip or lighting
effect.
 To scale freely, drag a corner handle.
 To scale along one dimension only, drag a side (not a corner)
handle.
 To scale proportionally, shift-drag a corner handle.
Scale assets manually Scaled frame
Note:
When using the Motion effect to scale a clip, scaling images over 100% can make them look blocky
or pixelated.

Scale assets
When you drag an asset into a sequence, by default Premiere Pro
preserves its frame size and centers the asset in the program frame. You
can rescale the asset without distortion, if its pixel aspect ratio has been
interpreted correctly.

Scale assets manually

1. Drag the asset from the Project Panel into a sequence and select the
asset.
2. Open the Effect Controls panel.
3. To open the motion controls under the Motion effect, click the
triangle next to it.
4. Click the triangle next to the Scale control within the Motion effect
to reveal the Scale slider.
5. Move the Scale slider left or right to decrease or increase the size of
the frame.
Scale assets to frame size
1. Right-click (Windows) or Control-click (macOs) on an asset in the
timeline.
2. Select Scale To Frame Size.
Note:
The Scale to Frame Size option resamples the image to match the size of the sequence.
The Set to Frame Size option does not resample the image size. It sets the scale to be fit
inside the image frame.

Scale assets automatically

1. Choose Edit > Preferences > Media (Windows) or Premiere Pro >
Preferences > Media (macOs).
2. Select Scale to frame size under Default Media Scaling.
3. Scale to frame
4. Scale to frame
5. Click OK.
Rotate a clip
1. To rotate a clip or effect, position the pointer slightly outside any of
the handles, so that the pointer changes into the Rotate icon and
drag.
2. In the Effect Controls Panel, click the triangle next to Motion to open
up the Motion controls. To rotate the clip, enter a value in the
Rotation field.
3. To flip a clip, enter a negative value in the Rotation field.
Select frame Rotated clip

Note:
To animate the motion, scaling, or rotation over time, set keyframes as you manipulate the clip or
effect in the Program Monitor. For more information, see Animate a clip in the Program Monitor.

A few important points

By default, a clip appears at 100% of its original size in the center of the
Program Monitor. Position, scale, and rotation values are calculated from the clip
anchor point, which lies at the clip’s center by default.
Position, Scale, and Rotation properties are spatial in nature, so it’s easiest to
adjust them directly in the Program Monitor.

Animate motion in the Program Monitor

You can create animations, insets, and split screens by manipulating a clip
directly in the Program Monitor and setting keyframes for the Motion effect. By
adjusting a clip’s position and scale in the Program Monitor, you reveal clips in
the tracks below it and can create interesting compositions.
When you animate a clip’s position, a motion path represents the clip’s
motion in the Program Monitor. Small blue boxes represent keyframed positions,
dotted lines represent positions at interpolated frames, and the circular clip
anchor point symbol represents a spot in the clip, its center by default, at the
current frame. The spacing between dots indicates the speed between
keyframes: wide spacing shows fast motion, while tightly spaced dots show
slower motion.

Clip showing motion path Clip showing variation of speed in motion path
Note:
To quickly apply Motion effect changes to a sequence clip, you can click the image in the Program Monitor and
begin manipulation. If you adjust the position of the image, you can further refine its movement by using the
Bezier keyframes.

Animate a clip in the Program Monitor

When the Motion effect is selected in the Effect Controls panel, you can
manipulate a clip to create an animation in the Program Monitor. To animate a
clip in the Program Monitor, follow these steps:

1. Select a clip in the Timeline panel.

 2. Do one of the following:
 Select the Motion effect in the Effect Controls panel.
 Double-click on the image in the Program Monitor.
Handles appear around the clip’s perimeter in the Program Monitor.
3. Move the current-time indicator in either the Timeline panel or the Effect
Controls panel to the time where you want to start the animation—any
frame between the clip’s current In point and its Out point.
4. Click the triangle next to the Motion control in the Effects Controls panel.
5. Click the Toggle Animation button next to the Position control to set the
first keyframe.
6. In the Program Monitor, change the keyframe value by positioning the
pointer near any of the clip’s eight square handles to use any of the
following pointer tools:
 The selection pointer to set the position value.
 The rotate pointer to set the rotation value.
 The scale pointer to set the scale value.
Note:
If clip handles disappear, reselect the Motion effect in the Effect Controls panel.

7. Move the current-time indicator, in either the timeline or the Effect

Controls panel, to the time at which you want to define a new value for the
property (and hence new keyframe).
8. Manipulate the clip in the Program Monitor to set a new value for each
property for which you set keyframes in step 3. A new Keyframe icon appears in
the Effect Controls panel at the current-time indicator.
9. Repeat steps 5 and 6 as needed.

Note:
When you animate a clip, it can be useful to reduce the Program Monitor’s magnification level. This
way, you can see more of the pasteboard area outside the visible area of the screen and can use it
to position the clip off screen.
10. In the Effect Controls panel, expand the property (Position, Scale,
Rotation, or Anti-flicker) and drag the Bezier handle to control the acceleration of
change for that property.

Change Position keyframes in a motion path

You can change the value of a Position keyframe, and adjust your motion path,
simply by dragging the Position keyframe (indicated by a blue X) in the Program
Monitor.

1. Select a clip that has Motion effect keyframes.

2. Do any of the following:

 To move an existing keyframe, drag the keyframe handle in the

Program Monitor.
 To create a new position keyframe, set the current-time indicator
between existing keyframes and drag the clip in the Program Monitor
to the desired location. A new keyframe appears in the Effect Controls
panel, the Program Monitor, and in the clip in the Timeline panel.
Note:
This procedure changes the position value at a keyframe. To change the timing of keyframes,
move Keyframe icons in the Effect Controls panel.

Move a clip along a curve

You can move a clip along a curve using Bezier handles in the Program Monitor.

1. Select a clip in the Timeline panel.

2. Move the current-time indicator in either the Timeline panel or the Effect
Controls panel to the time where you want to start the animation—any
frame between the clip’s current In point and its Out point.
3. Click the triangle next to the Motion control in the Effects Controls panel.
4. Click the Toggle Animation button next to the Position control to set the
first keyframe.
5. Drag the current-time indicator in either the Timeline panel or the Effect
Controls panel to the frame where you want to end the animation.
6. In the Program Monitor, drag the clip to the location where you want the
clip at the end of its movement.
A motion path appears in the Program Monitor connecting the start
and end points of the clip’s motion.
7. Click the triangle next to Position to open up the speed controls. Small
Bezier handles appear on the line when the keyframes are selected.
8. Drag either or both of the Bezier handles in any direction to create curves
in the motion path.
9. In the Effect Controls panel, right-click (Windows) or Control-click (macOs)
a Position keyframe.
10.Select a type of acceleration from either the Temporal Interpolation or the
Spatial Interpolation menu.
11.Drag the current-time indicator to the first keyframe and press Enter
(Windows) or Return (macOs) to preview the motion of the clip.

Adjust or animate clip anchor points

By default, a clip anchor point is set at the exact center of a clip. You can
change the position of a clip in relation to its frame or motion path, however, by
moving the clip anchor point. Further, you can change the location of the clip
anchor point over time, allowing the clip to move in relation to its frame or
motion path. Animating the clip anchor point can be used, for example, to create
an image-panning effect.

1. In the Timeline panel, place the current-time indicator at the beginning of

a clip.
2. Double-click the clip in the Program Monitor. The clip anchor point
becomes visible at the center of the clip.
3. Select the Effect Controls tab, and, if necessary, click the triangle next to
the Motion heading to open the Motion controls.
4. Drag the anchor point horizontal control to the left (decreasing the
number value) to offset the anchor point to the left of the clip, or drag it to
the right (increasing the number value) to offset it to the right.
 5. Drag the anchor point vertical control to the left (decreasing the number
value) to offset the anchor point toward the top of the clip, or to the right
(increasing the number value) to offset it toward the bottom.
6. To set the keyframe, click the Add/Remove Keyframe button .

Add/remove Keyframe
7. (Optional) To change the location of the clip anchor point over time,
move the current-time indicator in the Effect Controls panel or in the Timeline
panel to a different point in time. Change the horizontal and vertical anchor
controls to new values.
Another keyframe marks the location of the clip anchor point at the
selected frame.
8. (Optional) To set the rate of the change in the anchor point location,
drag the handles in the anchor point Velocity graph.

Adjust anchor points in the Program Monitor

Note:
This feature is applicable only for the built-in Motion effect and not for other effects that
have an anchor point.

You can move the anchor point of the Motion effect directly in the Program
Monitor.

1. Open the Motion Controls in the Effect Controls panel and select the
Anchor Point property.
2. Move the cursor over the anchor point or drag it, the shape of the cursor
changes to.
When you drag the anchor point in the Program Monitor, the anchor point gets
relocated in the Program Monitor while the frame remains still. It is achieved by
simultaneously updating both the Anchor Point and Position parameters.

Note:
This behavior is similar to the Pan Behind (Anchor Point) tool in After Effects.

USE MODIFIER KEYS

To update only the Anchor Point parameter and not the Position parameter,
press the Alt (Windows) or Option (macOs) key and move the cursor over the
anchor point, the cursor changes to . Then, drag the anchor point in the Program
Monitor. It drags the frame while the anchor point stays in place.
To enable snapping, press the Ctrl key and start dragging the anchor point. A
box is drawn over the target. The anchor point then snaps to the side handles or
center point of the frame when close.

A FEW IMPORTANT POINTS

 To preserve the ability to drag the position of the clip when the Program
Monitor is small, the anchor point crosshairs are hidden. Note that it's the
size of the Motion Direct Manipulation frame in pixels on screen that
matters.
 To achieve a finer control over the anchor point location, use the Anchor
Point property in the Effect Controls panel. Any changes to the anchor
point in the Program Monitor are updated in the Effect Controls panel and
conversely.
 When changing the anchor point through the parameter in the Effect
Controls panel, it's the frame that moves in the Program Monitor while the
anchor point actually stays in the same place on the screen.

References:
1. https://helpx.adobe.com/premiere-pro/using/motion-position-scale-rotate-clip.html
 Republic of the Philippines
Department of Education
Region I
SCHOOLS DIVISION OF ILOCOS NORTE
PAOAY NATIONAL HIGH SCHOOL

Animating Effects
WOR KSHEET
Module 3:
Quarter 4

II.PERFORMANCE TASK: Using the Adobe Premiere Pro software (if not
available, you may use ANY video editor app) do the ff. tasks.
Creating Text Video Intro:
1. Using the internet, watch this video 
https://www.youtube.com/watch?v=-SquB8m_MVo
2. Create a new project TITLE.
3. Project title must include your COMPLETE NAME and section.
4. Animate your text by using the effect control. (you may copy the
effect being applied in the video)
5. Send your FINAL output in this google drive link:
https://tinyurl.com/Q4-Mod3-AnimateText

1. 5. Filename should be your COMPLETE NAME.