School: San Francisco National High Grade Level: 7

School Quarter: 3
Teacher: Jose Reymart B. Barias

I. Objectives

A. Content Standard: The learners demonstrate their multiliteracies and communicative

competence in evaluating informational texts (expository texts and journalistic texts: news
and press releases, and features) for clarity of meaning, purpose, and target audience as a
foundation for publishing original informational texts.
B. Performance Standard: The learners analyze the style, form, and features of informational
texts (expository texts, news and press releases, and features); evaluate informational texts for
clarity of meaning, purpose, and target audience; and compose and publish original
multimodal informational texts (expository texts, news and press releases, and features) using
appropriate forms and structures that represent their meaning, purpose, and target audience.

At the end of the lesson, the student will be able to:

a. Identify text visual elements: vectors, technical editing, and animation to achieve the
intended meaning of informational text
b. EN7INF-III-3 Examine how visual elements are used as tools to achieve the intended
meaning of informational text
c. Appreciate the importance of text visual elements and it’s purpose.

II. Content: Text Visual Elements: Vectors, Technical Editing, and Animations.

Learning References:
A. Teacher’s Guide Pages
Materials: Laptop, Tv
Value: Cooperation through Teamwork

III. Procedures
Teacher’s Activity Students’ Activity
A. Presenting the new lesson

Good morning students!

Okay, kindly arrange your chairs properly. Goodmorning sir!
Before we start, let me check your attendance.

Directions: Analyze the terms from the box and

the various visuals below. Match the terms with
the visual.

a. Line
b. Shape
c. Direction
d. Size
e. Texture
f. Color

1.
1. Line
2. 2. Shape
3. Direction
3. 4. Size
 5. Texture
6. Color
4.

5.

6.

B. Establishing new Purpose of the

Lesson

What did you notice about the activity?

How about number 3 with the arrow? What Answer may vary
does it tell your eyes to do? Does it guide you
where to look?
Let’s take a look at number 5, even if you
cannot touch it, how does it feel just by looking
at it?

All these pictures have something in common,

they help send a message without using many Answer may vary
words.

So class, if text use lines, shapes,

directions,sizes,textures, and colors to help
readers understand the message, what do you
think we call these features?

Excellent! These are called Text Visual

Elements, and that will be our lesson for today.
C. Discussion (Practicing Skill No. 1)

A visual element is any characteristic that

readers can see, which includes lines,
shapes, sizes, textures, colors, and value.
When these illustrations go with the texts,
they significantly increase comprehension
of the meaning of the texts. Interactive
images help readers understand the
meaning of various vocabulary.

Basic Visual Elements

1. Graphs - are a common method to

visually illustrate relationships in the data.
They are used to interpret current data and
make predictions for guided
comprehension and decision making.

Examples:
 2.

Charts - are graphical representations of

data. They help visualize data to uncover
patterns, trends, relationships, and structure
of the shared data.

Examples:

3. Tables - are arrangements of information

or data either in rows or columns or
sometimes in more complex structures.
They are used to organize detailed
complicated data to be described accurately
in a text.

Examples:

4. Photographs - are images captured

using cameras. They record moments in
time to preserve memories and events.
They may be either printed or digital,
serving as visual record. In informational
texts, they help readers visualize things
realistically making the information easier
to understand.

Examples:

5. Diagrams - are drawings that can help

readers understand information about the
topic. Diagrams are useful tools in
expository texts because they help illustrate
facts and information for the learners. They
help readers understand texts more easily
and help in expressing views and
meaningful insights of the topic.

Examples:

6. Maps - are also visual representations of

an area or region. They show the
relationship between places and their
features, including boundaries, to help
people navigate, locate, and understand
geographical information.

Examples:
Special Visual Elements

1. Vectors - are visual elements used to

represent quantities that emphasize
direction and magnitude, which refers to
length. They are usually represented by
arrows in diagrams and graphics to show
relationships between objects, forces, or
movements. Vectors, too, help visualize
complex concepts, especially in physics
and engineering. Using vectors in various
illustrations can provide clear and concise
ways to communicate information for
better comprehension by all readers.

Examples:

2. Technical Editing - refers to reviewing,

evaluating, and critiquing written texts with
accuracy, clarity, and consistency in
technical documents. It involves analyzing
and revising content like grammar and
syntax to improve its organization, style,
and tone as per requirement. Technical
editors follow standards in editing and
critiquing to help authors communicate
again complex information clearly as well
as facilitate the learning of the readers,
particularly to their target young learners.

Example:
Original:

“The device can be used in order to

make a connection between the
computer and the printer.”

Edited (Technical Editing):

“The device is used to connect the

computer to the printer.”

3. Animation - is the art of creating motion

and the illusion of movement. It involves
displaying a sequence of static images or
frames in rapid succession to create the
impression of movement and tell a clear
story or message to the audience.
Meanwhile, text animation is the process
that involves taking an actual text itself and
adding gradient or glitch effects, or making
it bounce, spin, and even rotate. Kinetic
typography is the technical name for
moving texts.

Example:

Let’s answer this!

Directions: Identify whether the example

shows Vector, Technical Editing, or Animation

1. The apples falling straight down from the

tree in "Isaac Newton and the Apple”.

2. The strong wind pushing Odysseus’ boat

forward in The Odyssey.
 1. Vector
2. Vector
3. Correcting spelling, punctuation, and 3. Technical Editing
paragraphing in the written text of The Legend 4. Animation
of Maria Makiling. 5. Technical Editing

4. Turning Ibong Adarna into a moving story

where characters fly and scenes change.

5. Editing the script of Romeo and Juliet by

removing unnecessary lines to make scenes
clearer.

D. Practicing Skill No. 2

Examining the Use of Visual Elements

Directions: For each scenario, identify and

explain how the visual element (Vector,
Technical Editing, or Animation) is used.
1. Vector – The arrows show direction and
1. A diagram shows arrows pointing to
relative speed of the planets’ movement.
different planets to explain the movement of
2. Technical Editing – Editing makes the
the solar system.
comic easier to read and understand.
3. Animation – Movement shows action
and makes the story more engaging.
4. Vector – Arrow length and direction
indicate the speed and path of the
characters.
5. Technical Editing – Adjusting font and
2. A digital comic fixes the text so it is easier to spacing improves clarity and readability.
read and flows naturally.

3. Turning comics into an series of film.

4. A story map uses arrows of different lengths

to indicate how fast characters move.

5. A digital storybook adjusts spacing, font, and

punctuation to make the story clear.

E. Developing Mastery

Choose and Explain

Directions:
Read each situation carefully.

1. Choose the correct text visual element that

best fits the situation.
2. Briefly explain your answer in one short
phrase or sentence.

Choices:
A. Vector
B. Technical Editing
C. Animation

Write your answers on the board.

1. Arrows are used to show where to go in a

map. 1. Answer: Vector
Answer: ________ Why: Shows direction or path.
Why: 2. Answer: Technical Editing
__________________________________ Why: Makes the text clear and easy to
read.
2. A paragraph is corrected to remove grammar
3. Answer: Animation
mistakes.
Answer: ________
Why: Shows movement to emphasize
Why: information.
__________________________________ 4. Answer: Vector
Why: Shows direction and motion.
3. Words move on the screen to catch the 5. Answer: Technical Editing
viewer’s attention. Why: Ensures the text is organized and
Answer: ________ understandable.
Why:
__________________________________

4. A diagram uses arrows to show the

movement of an object.
Answer: ________
Why:
__________________________________

5. An informational video edits text carefully

so learners do not get confused.
Answer: ________
Why:
__________________________________

F. Generalization

Let’s review the discussion

What are the basic visual elements?and in Answer may vary
your own words, give each element a short
definition.
How about the special visual elements?
What do you think is the importance of text
visual elements? And what is it’s purpose?

IV. Evaluation

Task 1: Identifying the Tool

Directions: Read each statement carefully and write whether it is Vector, Technical Editing,
or Animation.
1. An arrow shows the direction and strength of the wind blowing a kite.
2. Fixing the sentence: “he go to school yesterday” to make it correct.
3. A character moving across the screen in a short story video.
4. Using arrows to show the hero’s path in a story map.
5. Correcting spelling and paragraph spacing in a digital poem.

Task 2: Examine How Visual Elements are used

Read each item. Choose the text visual element used and explain how it helps show the
meaning of the selection.
(Write one short sentence only.)

Choices:
Vector
Technical Editing
Animation

Example:
In The Little Red Riding Hood, a picture shows arrows pointing from Red Riding Hood’s
house to her grandmother’s house.

Answer: Vector
How is it used?
It shows the way Red Riding Hood takes, helping readers understand the direction of her
journey.

1. In Cinderella, arrows are used in an illustration to show where Cinderella runs after the
clock strikes midnight.
Answer: ________
How is it used?: __________________________
2. In Snow White, the story text is edited by fixing grammar and punctuation so the story is
easy to understand.
Answer: ________
How is it used?: __________________________
3. In Frozen, Elsa’s movements and changing facial expressions are shown through motion on
screen.
Answer: ________
How is it used?: __________________________
4. In Jack and the Beanstalk, arrows in a picture point upward to show how Jack climbs the
beanstalk.
Answer: ________
How is it used?: __________________________
5. In Beauty and the Beast, the movie script is edited to remove unnecessary lines so the story
flows clearly.
Answer: ________
How is it used?: __________________________

V. Assignment
Research about extracting significant information

That’s it for today class, Goodbye!