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 2
 Module 2
GRAPHICS AND TITLES

Learning Competencies:
• Add test objects to enhance video objects
 Use the titler  Adding with text and
 Creating titles images
 Using title templates  Working with the objects in
 Adding test to titles the title
 Formatting text  Rolling and crawling titles

The Graphics workspace and Essential Graphics panel in Premiere Pro

provides a powerful workflow that allows you to create titles, graphics,
and animations directly within Premiere Pro.
Note: You can also use the Essential Graphics panel to customize Motion Graphics
templates (.mogrt files) that have been created in After Effects or Premiere Pro. For more
information on Motion Graphics templates, see Using Motion Graphics templates in
Premiere Pro.

ACCESS THE GRAPHICS WORKSPACE AND THE ESSENTIAL GRAPHICS PANEL

To access the Graphics workspace: Click Graphics in the workspace

bar at the top of the screen or select Window > Workspaces > Graphics
from the main menu.
To access the Essential Graphics panel: By default, the Essential
Graphics panel is a part of the Graphics workspace. However, if you do not
see it, you can directly open it by clicking Window > Essential Graphics.
Parts of the Essential Graphics panel
Essential Graphics panel

A. BROWSE
Use this tab to browse Motion Graphics templates (.mogrt files) in
Adobe Stock. These are professionally designed templates you can easily
drag to your timeline and customize. Adobe Stock is a marketplace for
video footage, Motion Graphics templates, photos, and more. For more
information, see Browsing and managing Motion Graphics templates.
B. EDIT
Use this tab to:
 Align and transform layers, change appearance properties, edit text
properties and more.
 Add keyframes to your Premiere Graphics (prgraphics)
 Modify exposed properties for your After Effects Graphics
(aegraphics)
CREATE GRAPHICS
Premiere Graphics can contain multiple text, shape and clip layers,
similar to layers in Photoshop. Multiple Layers can be contained inside a
single Graphic track item in your sequence. When you create a new layer,
a graphic clip containing that layer is added to your timeline, starting at
the playhead location. If you already have a graphic track item selected
then the next layer, you create gets added to the existing graphic clip.
Any graphics you create in Premiere Pro can be exported as a
Motion Graphics Template (.mogrt) to Local Templates Folder, Local Drive,
Creative Cloud Libraries for sharing or reuse.
Note:You can create Graphic Layers even if the sequence does not yet contain
any video clips.

CREATE TEXT LAYERS

Create a title using the Type tool in the Program Monitor or the New
Layer > Text commands in the Graphics Menu. For more information, see
Create a title.
REPLACE FONTS IN PROJECTS
You can replace fonts in a project, updating all fonts simultaneously
instead of updating them individually. For example, if you have a graphic
with multiple layers of text and you decide to change the font, you can
use the Replace Fonts in Projects command to change the font of all the
layers simultaneously.
1. Select Graphics > Replace Fonts in Project.
2. The Replace Fonts in Projects window panel opens containing a list
of fonts used in the project.
3. Under Replacement Font, type in the font you want to replace with.
Note: Replace Fonts will replace all instances of the chosen fonts across all
sequences and all open projects. It is not just for changing fonts for all layers in
one Graphic.

4. Once the Replacement Font has been selected, click OK.

CREATE SHAPE LAYERS
Premiere Pro has a Pen Tool, a Rectangle Tool, an Ellipse Tool, and a
Polygon Tool for creating freeform shapes and paths. To quickly get
started creating shapes, see Create a shape.
CREATE CLIP LAYERS
You can add still images and video clips as layers within your
graphic. You can create clip layers using one of the following methods:
1. In the Edit tab of the Essential Graphics panel, select the New Layer
icon and choose From File.
2. In the application menu bar, select Graphics > New Layer > From
File.
3. Select a still image or a video item in your Project panel. Drag-and-
drop that item into the Layers panel of the Essential Graphics panel
or onto an existing Graphic in your Timeline.
Note: Make sure that the graphic is selected in the Program Monitor. If the
graphic is not selected, the options are not available.
Also note that there are various Editable properties for each type of selected
layer, multiple selected layers, and for whole Graphics (Graphic is selected but
no layers are).
MANIPULATE GRAPHIC LAYERS
Align and distribute graphic layers
You can select multiple layers within a graphic clip and align or
distribute them in the Essential Graphics Panel.
You can align layers by their top edges, vertical centers, bottom
edges, left edges, horizontal centers, or right edges. You can also
distribute layers vertically or horizontally.
Select the graphic and click the align icons in the Edit tab of the
Essential Graphics panel.

Options to align and distribute layers in the Essential Graphics panel

Note: When you have only one layer selected, using the align buttons aligns the
shape or text layer to the video frame. When you have two or more layers
selected, the buttons align the layers in relation to each other. Distribute
commands are unavailable until three or more layers are selected.

GROUP TEXT AND SHAPE LAYERS

Grouping text and graphic layers is useful when working with
complex text and graphic elements. Grouping layers keeps the Edit tab of
the Essential Graphics panel uncluttered, and is also useful when you
want to create cool masking effects.
1. Select multiple layers in the Essential Graphics panel.
2. Do one of the following:
 Click the Create Group icon at the bottom of the Edit section of
the Essential Graphics panel.
 Right-click the selected layers and select Create Group from the
context menu.
3. To add layers to a group, do one of the following:
 Drag a layer to the group folder.
 Drag a group folder into another group folder. The group and all of
its layers move.
4. To ungroup layers, select the layers and move them out of the group.
RENAME LAYERS
Premiere Pro supports inline name editing. Shape layers and clip
layers can be renamed in the Essential Graphics Panel. To rename a layer
in the Essential Graphics Panel, do the following:
1. Click the name of the layer.
2. Edit the name in the text field.

3. To save the new name, do one of the ff.

 Click enter
 Click away from the text field
Note: Inline name editing does not work for text layers because the name of the
text layer is the text shown in the Program Monitor.

Alternately, you can right-click on a shape or clip layer in the

Essential Graphics Panel. Select Rename from the pop-up list. Type a new
name in the text field and click OK.
CREATE STYLES AND SOURCE GRAPHICS
Create Styles
Styles (previously known as Master Styles) allow you to define text
properties such as font, color, and size as styles. This feature enables you
to apply the same style quickly across multiple layers in different graphics
in your timeline.
Once you apply a Style to a graphic clip or to a text layer within a
graphic clip, the text automatically inherits all changes from the Style. You
can change multiple graphics at once.

To create a Style:
1. Select the graphic clip in your timeline and navigate to the Edit tab
of the Essential Graphics panel.
2. Select a text layer and give it the stylistic properties that you want
for font, size, and appearance.
3. When you have the desired look, under the Styles section from the
drop-down list, select Create Style.
4. Name your text style and click OK.

5. The Style appears in your project panel and is available in the Styles
drop-down list. You can then apply this style to other text layers and
graphic clips in your project.

Applying Styles on Gaphics

When you create a Style, a thumbnail image of the style gets added
to your project panel. To update all the text layers in a Graphic at once,
drag the Style item from the Project Panel and drop it onto a Graphic in
the Timeline.
You can also update individual text layers of a title to a particular
style by selecting the text layer in the Essential Graphics panel. Then,
choose the desired Style from the drop-down list.
Note: Align and Transform properties are not included as part of Styles.

CHANGE STROKE STYLES

Lines and shapes that you draw in the Essential Graphics panel have
a solid line by default
Create Stroke Styles
1. Select the layer in the Essential Graphics Panel, and navigate to the
Edit tab.
2. Select the wrench icon under Appearance. You can also select the
hamburger icon next to the Essential Graphics Panel.

3. The Graphics Properties dialog box opens. Configure the following

fields:
 Line Join – Line Join sets the lines to miter, round, or bevel.
4. Line Cap – Line Cap sets the caps of lines to butt, round, or square.

 Miter – Miter limit defines the maximum miter length before a miter
join turns into a bevel. The default miter limit is 2.5.

Note: Miter is only enabled if the Line Join attribute is set to miter. It is the distance
between the inner corner and the outer corner where two lines meet.

4. Once the stroke style has been set, click OK.

Note: Instead of setting Stroke Styles for each layer, you can set a global behavior under
Text Properties of the Essential Graphics Panel. Text properties are found in the Essential
Graphics Panel's spanner menu. Although settings applied from the wrench menu under
Appearance, overrides the global settings temporarily.

CREATE MULTIPLE STROKES

You can create multiple strokes for the same object. Adding multiple
strokes to an object is the basis for creating many interesting effects. For
example, you can create a second, narrower stroke on top of a wide
stroke to make the text or shape more vibrant.
See video here: https://youtu.be/-FOZCYXMhoM
Caroline Sears
1. Select a text or shape object, or a layer in the Essential Graphics
panel.
2. Enable stroke for layer by clicking on the checkbox next to Stroke.
Click the + icon next to Stroke in the Appearance section of the
Essential Graphics panel.

3. Set the color and stroke width properties of the stroke.

CREATE MULTIPLE SHADOWS

You can create multiple shadows for the same object. By adding multiple
shadows to an object, you can create numerous interesting effects. For
example, you can create a second, narrower shadow on top of a wide
shadow to give the text or shape more depth.
1. Select a text or shape object, or a layer in the Essential Graphics
panel.
2. Enable shadow for layer by clicking on the checkbox next to
Shadow. Click the + icon next to Shadow in the Appearance section
of the Essential Graphics panel.
3. You can adjust the opacity, angle, distance, size, and blur of the
shadow.
EDIT TEXT BACKGROUNDS
You can edit the background of text to enhance your project. You
can add rounded edges to the background of your text, or you can change
the fill color, opacity and style. You can also save your preferences for
future edits.
Create a background with rounded corners
1. Select a text layer in the Essential Graphics panel.
2. Click on the Background checkbox under the Appearance section of
the Essential Graphics Panel to turn on the background.
3. Use the Corner Radius slider or hot text to round the corners as
needed.
Note: The slider has a corner radius range of 0-100. The hot text has a range of
0-500 for fully rounded ends on large text layers.

CHANGE THE BACKGROUND FILL MODE

1. Select a text layer in the Essential Graphics panel.
2. Click on the Graphics Properties button (wrench icon) under
Appearance.
3. In the Graphics Properties dialog, under Background Styles, set Fill
Mode to Per-Line, then click OK.
SET THE FILL MODE PREFERENCE FOR FUTURE TEXT LAYERS
1. Select a text layer in the Essential Graphics panel.
2. Go to the spanner menu (hamburger menu icon) at the top of the
Essential Graphics Panel and choose Text Layer Preferences.
3. In the Text Layer Preferences dialog, under Background Styles, set
Fill Mode to Per-Line or All Lines, then click OK.
That setting will be applied to the next Text Layer the user creates.
CREATE MASK LAYERS
You can use masks to create dynamic transitions, reveals, and wipe
animations in Premiere Pro titles by converting text and shape to mask
layers. Masks hide portions of a layer and reveal other portions of the
layers below the graphic in the Essential Graphic panel layer stack.
 1. Select a text or graphics layer in the Edit tab of the Essential
Graphics panel.
2. Select the Mask with Shape or Mask with Text check box in the
Appearance section of the Essential Graphics Panel.

Premiere Pro creates a mask of that layer and renders everything

outside the layer transparently, revealing the layers below it.

If you have created layer groups, then when you select a layer to
mask, the mask is applied only for the other layers in that group. The
mask does not extend to layers outside the group.

3. Select Invert if you want everything visible outside the layer and
transparent within the layer.
Check out the examples and sample files to learn how you can
create fun reveal animations using masking techniques.
ANIMATE LAYERS IN YOUR GRAPHICS
You can animate text layers, shape layers, and paths using
keyframes. You can add animation directly from within the Essential
Graphics panel, or by using the Effect Controls panel.
Animating using the Essential Graphics panel
To add animation to your graphics using the Essential Graphics panel:
1. Select the layer you want to animate in the Essential Graphics
panel.
2. Click the icon next to the property you want to animate (Position,
Anchor Point, Scale, Rotation, or Opacity).
This action toggles on animation for the property. The icon for the
selected property turns blue to indicate that animation is active.
Note: Clicking the icon in Essential Graphics panel is the same as clicking the Stopwatch
in Effect Controls panel. If you toggle on animation in one location, it appears active in
the other view too.

With animation toggled on in the Essential Graphics panel, each time you change the
animated property, a new Keyframe is added to the Essential Graphics panel or Timeline.

3. Move your playhead and adjust this property in the Essential Graphics
panel or directly in the Program Monitor to record the keyframes.
4. Refine your animation using the Effect Controls panel or by adjusting
the keyframes in your timeline using the Show Clip Keyframes option.
ANIMATING USING THE EFFECT CONTROLS PANEL
To add animation to your graphics using the Effect Controls panel:
1. Locate the layer you want to animate in the Effect Controls panel.
2. To toggle animation for the desired property, click the Stopwatch
icon.
3. To achieve the effect you want, click Add/Remove keyframes.
4. To access interpolation settings such as Bezier curves and Ease
In/Ease Out, right click a keyframe.
Edit and transform vector graphics
You can edit and transform vector graphics without rasterizing them using
vector motion controls. It prevents pixelation and eliminates boundaries
caused by undesired cropping.
You can edit vector graphics directly from within the Essential Graphics
panel, or by using the Effect Controls panel.
1. Double click in the Program Monitor to apply changes to the whole
graphic using Vector Motion.
Make sure that you do not double click on a Layer in the Program
Monitor. That will select the layer for direct manipulation and not
the whole graphic.
2. You can apply changes to the whole graphic using Vector Motion in
the Effect Controls panel. You can also use Motion, but this change
rasterizes graphics and pixelates them when scaled.
Note: To remove pixelated text, remove existing keyframes. Re-create the
animation using Vector Motion.

3. You can edit parameters for Position, Scale, Rotation, and Anchor
Points.
4. Refine your animation using the Effect Controls panel or by
adjusting the keyframes in your timeline using the Show Video Keyframes
option.

EXPORT YOUR GRAPHIC AS A MOTION GRAPHICS TEMPLATE

Export your Graphic, including all layers, effects and keyframes, as a
Motion Graphics template for future reuse or sharing.
Select Graphics > Export Motion Graphics template. You can also
right-click the graphic clip in your timeline and select Export As Motion
Graphics Template.
This export feature is only available for graphics created in Premiere
Pro, not for .mogrt files that were originally created in After Effects.
Note: The Export As Motion Graphics Template option is unavailable or greyed
out when two or more Graphics are selected or if it is an After Effects Graphic.

TIP:
If you are creating a Motion Graphics template for your own future reuse,
save it to the Local Templates folder. It is also available without
installation if you export to a Library. You may have to filter to show that
Library in the Broswe tab of the Essential Graphics panel.
CREATING TILE
To add titles you need to have a sequence open on the timeline in
Premiere Pro. Move the playhead to the frame where you want to add the
title. Select the Text tool to begin.
Select the Type tool.
Type your text and notice that a Title item appears in the timeline above
the clip.
Double-click the Title item to open the Essential Graphics Panel where you
can customize your title with fonts, colors, and styling options.
Use the Selection Tool to move or resize text and shape layers directly in
the Program Monitor.
You can also
 Drag to extend or shorten the Title item on the Timeline (the
default duration is 5 seconds).
 Select shape tools to add graphical elements.
 Copy and paste your title onto other parts of the Timeline and edit
the text in each instance.
Tutorials for creating titles
Here are some other options for learning how to create titles.
Watch this video
Watch our expert create a title and edit its properties using the Essential
Graphics panel, and the timeline.
https://youtu.be/LWAcyRSJ_6A
Try the in-app tutorial
Use pre-designed templates to create a
title. Open a project in Premiere Pro
(15.4 or later) and get started!

Text design ideas

Create cool text effects by playing around with the appearance of your
text. Try adding multiple strokes, changing stroke styles, or applying text
gradients.

References:
1. https://helpx.adobe.com/premiere-pro/using/essential-graphics-panel.html
2. https://helpx.adobe.com/premiere-pro/using/create-titles.html
 Republic of the Philippines
Department of Education
Region I
SCHOOLS DIVISION OF ILOCOS NORTE
PAOAY NATIONAL HIGH SCHOOL

Graphics And Titles

WOR KSHEET
Module 2:
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.

1. Using your project in Module 1 (importing audio), create a title for your
project. (apply text effects for the title: ex. Stroke styles)
2. Insert caption for your project.
3. Import appropriate background music for your video.
4. Send your output in this google drive link:
https://tinyurl.com/Q4-Mod2-Graphics
5. Filename should be your COMPLETE NAME.