1.

As an assignment before doing the

activity, ask students to create a photo
collage of their favorite artist in an Oslo
Paper and bring it on the next meeting.
Ask them to bring blank Oslo papers,
scissors or cutter, and glue or tape as
well.

2. On the day of the activity, ask

students to bring out their photo collage.
Call on some students to tell their chosen
artist and show their photo collage to the
class.
3. Ask students to think of a shape, a
letter, or a design that best represents
their favorite artist. Cite examples so they
will have a clear idea on what you’re
asking them to do (e.g. Heart, Lightning,
Letter “J”).

4. Once students thought of their design,

instruct them to draw it on a blank Oslo
paper. Instruct them to draw it in such a
way that it will occupy most of the space in
the paper depending on the design they
chose.
5. After drawing, instruct them to cut out the
body of the design they’ve drawn using scissors
or cutter so that parts of the paper with designs
on it will become an empty space. Doing this will
make the Oslo paper look like a rectangle with
cut out designs.

6. Once students are done with their cutouts,

instruct them to place the Oslo paper over their
collage then ask them to tape or glue it. In doing
this, only parts of collage within the cutout parts
of the paper can be seen. Use this to introduce
Clipping Mask to the class.
What is a clipping
mask?
 Clipping Mask will
always make
everything on the
top layer visible, if
there is something
on that same
location on the
base layer. It is also
possible to have
Base Layer may not always be in a form of
multiple layers
Text. Shapes can also be used as Base
clipped together.
Layers.
But the priority will
always be the one
on top
 A – Font Family
CHARACTER PANEL
B – Font
The Character panel provides options forStyle
formatting characters. Some
C –available
formatting options are also Font Size from the options bar.
D – Leading
To access the character panel, choose Window > Character, or click the
E – Tracking
Character panel tab if the panel is visible but not active.
F – Kerning
G – Vertical Scale – scales (or stretches)
THANK textYOU
verticallyFOR
LISTENING
H – Horizontal Scale – scales (or
stretches) text horizontally
I – Baseline Shift – moves selected
character/s or word/s above or below
the font’s baseline
J – Color
K – Additional Font Styles
L – Language
M – Anti-Aliasing – option that makes
the endges of the letters look smooth
Mastering the art of typography can elevate your
designs to new heights, but it's not just about choosing
the perfect font. Understanding the nuances of kerning,
leading, and tracking is what sets a professional designer
apart from the rest.
 What is Kerning?
Kerning is the process of adjusting the space between two
individual characters in a font to achieve a visually appealing
and readable text.
Importance in typography: Kerning plays a significant role in
typography for the following reasons:
1. It improves the readability of the text, especially in
headlines and large font sizes where character spacing is
more noticeable.
2. It ensures that characters don't appear too close together
or too far apart, creating a balanced and harmonious look.
 What is Leading?
Leading refers to the vertical space between lines of text in
a paragraph, which is essential for maintaining readability
and aesthetic appeal in typography.

Importance in typography: Proper leading is important for

several reasons:

1. It ensures your text is easy to read by preventing lines from

being too close together or too far apart.
2. It helps maintain a visually balanced layout in a paragraph or
an entire page of text.
 What is Tracking?
Tracking is the adjustment of the overall spacing
between characters in a block of text to create a
consistent visual appearance and readability throughout
the text.
Importance in typography: The significance of tracking
in typography includes:
1. Achieving a consistent visual appearance across a
paragraph or a larger body of text.
2. Enhancing readability by ensuring that character
spacing is neither too tight nor too loose.
Open Photoshop.

Open the folder where

the files were downloaded
►Right click on the Nova
Solid font ► click lnstall
Open Photoshop.

Click on Start ►All

Programs ► Adobe Master
Collection ► Adobe
Photoshop or double-click
on the Adobe Photoshop
shortcut on the desktop.
Create a New File.

Click on File ►New...

Or “CTRL + N”

Set the size depending on

how big you want your Lyric
Image will be, but for this
hands-on the size will be 5 X 5
inches, 100 pixels/inch
resolution, 8 bit RGB color.
Placing the Background
Image.

Click on File
► Click Place… ► Access
the folder where you
downloaded the files ►
Select GrayBackground.jpg
► Click Place.

**Just make sure that the

background is centered. If
not, move it is using your
mouse or arrow keys.
Typing in the lyrics.
Character Setting:
Font: Nova
Size: 40 pt Leading: 25 pt
Kernng: 0 Tracking: 0
Vertically Scale: 100%
Horizontally Scale: 100%
Baseline Shift: 0 pt Color: Black
Sample lyrics is from Katy Perry’s
song, Firework:“You just gotta
ignite the light and let is shine”
Type in the lyrics the same format
as seen in the sample screenshot.
We will format the text per
line. Highlight “you just gotta”
and set the following values
for the character setting:

Size: 56 pt
Leading: 30 pt
Tracking: 0

**The rest of the Character

setting is similar throughout
this hand-on activity.
Highlight “ignite the” and
set the following values
for the character setting:

Size: 85 pt
Leading: 58 pt
Tracking: 60
Highlight “light” and set
the following values for
the character setting:

Size: 150 pt
Leading: 100 pt
Tracking: 90
Highlight “let it” and set
the following values for
the character setting:

Size: 80 pt
Leading: 50 pt
Tracking: 70
Highlight “shine” and set
the following values for
the character setting:

Size: 160 pt
Leading: 105 pt
Tracking: 95
When you’re done formatting
your text simply click the
check icon on the toolbar
above or press “CTRL +
ENTER”.

Your text should end up

similar to this. Make sure it is
centered. If not, use the Move
Tool (V) and adjust it to the
center.
Applying Clipping
Mask.

Click on File ►
Click Place… ► Access
the folder where you
downloaded the files
►
Select Fireworks.jpg ►
Click Place.
You have the
option to resize the
image.
 On the Layers Palette, make sure
that the Fireworks photo is above
the text layer. Right click on the
Fireworks layer and select “Create
Clipping Mask”
or

Place your mouse in between the

text and fireworks layer ► Press
the Alt key ► Once an overlapping
circle icon appears, just Riglt
click on the mouse (while still
holding the Alt key).
Your work should
end-up similar to
this screenshot.
Adding Layer Style.
You may notice that your
work might be too flat. So to
add a little depth, right click
on the text layer and
select Blending Options.
You have the freedom on
which option to use or
combine. But for this sample,
the following setting are as
follows:
Drop Shadow:
Angle 90 Distance: 2 px
Spread: 6 % Size: 6 px
Save your work.

When you’re done, click

on File ► Save
or
CTRL + S

File name: “LyricImage”

Format: JPEG

and click on SAVE.

Save it also as PSD.