SENIOR HIGH SCHOOL GRADE 12:

MEDIA & INFORMATION LITERACY (M.I.L)

COURSE MODULE COURSE UNIT WEEK
12 12 17-18

TEXT MEDIA AND INFORMATION

✓ Read course and unit objectives

✓ Read study guide prior to class attendance
✓ Read required learning resources; refer to unit
terminologies for jargons
✓ Proactively participate in classroom discussions
✓ Participate in weekly discussion board (Canvas)
✓ Answer and submit course unit tasks

At the end of this unit, the students are expected to:

Cognitive:
1. Comprehends how text information and media is/are formally and informally produced,
organized, and disseminated.

Affective:
1. Listen attentively during class discussions.
2. Demonstrate tact and respect when challenging other people’s opinions and ideas.
3. Accept comments and reactions of classmates on one’s opinions openly and graciously.
4. Describes the different dimensions of text information and media.
Psychomotor:
1. Participate actively during class discussions and group activities.
2. Express opinion and thoughts in front of the class.
3. Evaluates the reliability and validity of text information and media and its/ their sources
using selection criteria.
4. Produces and evaluates a creative text-based presentation using design principle and
elements.

Christine Joy B. Onquit, Jeffrey F. Calim, MSIT, Marissa G. Chua, MACoED, MSCS, OLFU,
Introduction to Media and Information Literacy

- Neal Stephenson (picturequotes.com)

Text is a simple and flexible format of presenting information or conveying ideas

whether hand- written, printed or displayed on-screen. Text is very powerful as well in
disseminating information, providing direction and giving suggestions.

Text is available in different sources whether it is formal (news articles, published

books, newspapers, magazines, advertisements, research works, etc.) or informal (blogs,
personal e-mails, SMS or text messages, online messengers, social media platforms, etc.).
Formal text-based materials are created and distributed by established institutions (such
as publishing companies, news agencies, etc.) and go through a rigorous process of
editing or evaluation and are usually governed by censorship of the state. Informal text-
based materials, on the other hand, come from personal opinions or views on different
issues, processes, etc.

Text can be as short such as a single sentence or phrase, or they can be as lengthy
as news articles or investigative reporting. No matter how brief or lengthy, however, a text is
always carefully written with the intent of sending a very specific message to the target
audience.

In our exposure to text media and information, we can either be a consumer or a

producer of content. As a consumer, these are the questions that you need to ask with
regards to the content of text media and information:
• Who or what institution is the message sent?
 • What methods are utilized to draw and hold attention?
• What is the language used by the writer?
• What views are represented? Are they balanced?
• How might the message be interpreted in different ways?
• What is omitted, slurred or added in the message?

As a producer of text media and information, we must review the media and information design
framework: target audience, author or sender, key content, purpose, form/style and format.

Text as visual

Typeface (also called font, font type, or type) refers to the representation or style of a text in the
digital format. A typeface is usually comprised of alphabets, numbers, punctuation marks, symbols
and other special characters. When fonts are installed in the computer, they usually come in file
formats such as True Type Font (.ttf), Open Type Font (.otf), etc.

Types of Typefaces:
 In the absence of images or drawings, text is the easiest way of communicating to your
audience. The use of various font types can express different emotions or meaning.

Design Principles and Elements

Design principles and elements – the principles in designing text elements are Emphasis,
Appropriateness, Proximity, Alignment, Organization, Repetition and Contrast.

1. Emphasis - refers to the importance or value given to a part of the text-based content. When
trying to make a point or highlighting a message, you can make the text bold, italicized, have
a heavier weight, darkened or lightened (depending on your background color) or enlarged.

2. Appropriateness - refers to how fitting or suitable the text is used for a specific audience,
purpose or event. In the creation of text-based content, make sure that the selection criteria
(tone, style, purpose, clarity) is followed. As for the choice of typefaces to be used, refer to
the discussion of the characteristics of the fonts. When it comes to large body text, the font
should be clear enough to read.

3. Proximity - refers to how near or how far are the text elements from each other. When two
things are closely related, we bring them close together. Otherwise, we put text elements far
from each other. For example, the main title and subtitle are usually placed close to each
other.

4. Alignment - refers to how the text is positioned in the page. This can be left, right, center or
justified.

5. Organization - refers to a conscious effort to organize the different text elements in a page.
Organization ensures that while some text elements are separated from each other (based
on the principle of proximity), they are still somehow connected with the rest of the elements
in the page. When there are many elements needed to fit in a page, start by creating a
framework or a compartment for the elements. Divide the space by creating lines across the
page, making it look like a cabinet with various space sizes. Once you are done
compartmentalizing, you can place the different text elements on the boxes.

6. Repetition- concerns consistency of elements and the unity of the entire design. Repetition
encourages the use of repeating some typefaces within the page. When several typefaces
are used on a page, it might distract the audience and fail to communicate what you want
them to get from the content. To strike a balance, do not also use just a single typeface for a
visual design product.

7. Contrast- creates visual interest to text elements. Contrast is achieved when two elements
are different from each other. When you place a white text on a very light-yellow background,
contrast is not achieved and the text will be difficult to read, but when you put a white text on
a dark brown background, contrast is created. Contrast can be achieved in various ways, by
joining the following elements: large font with a small font, serif and sans serif, thin elements
with thin elements, cool color and warm color.
Working with Texts

The Type Tool

In this lesson, you will how to create and modify texts. The type tool is important because it gives a
capability to enter a text into an image. You can edit the text, change its color and apply effects.

You can view the different kinds of tools by holding the triangle at the text tool button and the hidden
menu will be displayed. Selecting one of the options will activate the selected tool.

Creating a Type

There are three methods in creating a type: Point Type, Paragraph Type and type on a
Path

Point type – Refers to a line of text (either horizontal or vertical) that starts where you click
and goes on as you type. There is no boundary so you have to press the enter key to make
a second line.

1. On the tools panel, click the Type tool and click the horizontal type tool.
2. Click on the image and type your text.
Paragraph Type – This type is a box type that uses boundaries to control the flow of the
characters in the text. This might come in handy when you want to make more paragraphs,
by doing this, you need to select the type tool and then drag the tool to create a square
border where you want to place your text.

1. On the Tools panel click the type tool and click the Horizontal type tool.
2. Click on the image and drag the mouse to form a text box.
3. Type your text inside the text box.

Type on a Path – refers to tools that flow along the edge of an open or closed path. The text
flows in the direction in which points were added in the path.

1. Click Ellipse tool from the Tools panel.

2. On the Options bar, select NO Fill and NO Stroke.
3. Click Text from the tool bar.
4. Click on the edge of the circle until the cursor changes to a line with S shape.
5. Type your Text.
6. Click any of the Layer’s panel to deselect the command.
 Moving Text

You can move or arrange your text to another location in the image.

1. If there are several layers in your image, select first the text layer from the Layers panel.
2. On the Tools panel, click the Move tool.
3. Click on the text and drag your mouse to move the text.

Type Tool Option Bar

When you have selected the type tool from the Tools panel, the option bar will show the
various commands that you can use to modify and format the Text. Paragraph and
Character panels can be displayed from the Menu bar, click Window and check Paragraph
or character.

Tool Description
Text Orientation Changes the text orientation form horizontal to
vertical.
Font Family Shows the available Fonts you can use.
Font Style Shows the Font Style that you can use.
Font Size Shows the Font Sizes that you can use.

Anti-Aliasing method Shows the options to smoothen the edges of the text
like
Sharp, Crisp, Strong, Smooth.
Text Alignment Shows the option to align text like, left, center or
right.
Text Color Shows the color options that you can use.
Create Warped Text Distort text to have a special effect.
 Toggle the Character Toggle between the Character and paragraph panels
and Paragraph that
palettes shows other text editing options.

Modifying Text

You can edit, resize, and color your text in Photoshop. You can even use tools for images in editing
your text.

Resizing Text

1. Place your mouse pointer on the corner of the textbox until it changes into a double-
headed arrow.
2. Click and drag the mouse to increase or decrease the size.
3. You can also select the Text tool and on the Options bar, select the font size.

Rotating Text

1. Place your mouse pointer on the corner of the textbox until it turns into a curve two
headed arrow.
2. Click and Drag your mouse in circular motion.

Skewing Text

1. Hold Ctrl key on the keyboard.

2. Click the edge of the textbox and drag the mouse to skew the text.

Editing Text

To edit the text, you should open the Character panel. As seen in the image, there is no character
panel so you need to open it from the Menu bar. The character panels show font options which will
allow you to edit your text.

1. On the Menu bar, click Window select Character and the character panel will appear.
2. On the Tools panel, click the type button, click on the text and highlight it.
3. On the Character panel select the font, size or color you want to apply.

Coloring Text

To change the text color:

1. On the Tools panel, click the Type icon.
2. Click on the text in the image and highlight it.
3. On the toolbar, click the Set foreground color button.
4. When the Select Text Color dialog box shows, click a color and click OK.
5. The new color will now be applied on your text.
Deleting Text

To delete the entire text:

1. Click the text layer from the text Layers Panel and click the Delete layer buttons.

To a portion of the text:

1. On the Tools panel, click the Type tool.
2. Click the text on your image and press Backspace key or Delete key of the keyboard.

Using Drop Shadow

You can create various effects on your text such as Drop Shadow, Inner Glow, Outer Glow, Bevel
and Emboss, Satin and many others.

1. Select Type on the Tools Panel and drag your mouse on the image to create a textbox.
2. Type your text and Highlight it.
3. On the Menu bar, click Layer, click Layer Style and click Drop Shadow.
4. When the Layer style dialog box appears, make the necessary angle, color and distance
adjustments.
5. You can the result in your image and return back to the dialog box until you research your
desired outcome.
 Using Bevel and Emboss

There are many options in the Bevel and Emboss Effects. Aside from the color, style, angle,
there is Gloss Contour and other adjustments. You can experiment and combine them with
other effects.

1. On the layers panel, click the Text layer.

2. Select the Text that you will modify.
3. On the Menu bar, click Layer, select Layer style and check Bevel & Emboss.
4. On the dialog box, make your adjustments.

Using Inner Glow

Inner Glow can make your text glow inside. You can apply this effect by going to the Menu
bar and click Layer, select Layer Style and check Inner Glow and then the Inner Glow
option window will appear. Make your adjustments and click OK.

You can remove the Inner Glow by selecting the Inner Glow layer and from the Style panel,
select the white box with the red line which will cancel the effect.
Using Outer Glow

The Outer glow effect adds faint color to the outside of your text. You can add this effect by
selecting the layer that you want to edit. Go to the layer menu and then select Layer Style.

Click Outer Glow and then the option window will appear. You can edit or change the
opacity of your outer effect as well as the noise.

You can change the Outer Glow color by selecting the color box below the Noise Slide tab.
This will open the Color picker window.
EDITING TEXTS USING PICS ART

STEP 1: Open your STEP 2: Type your text and STEP 3: Tap on the arrow
picture in the photo editor tap on the check mark to icon in the bottom left
and tap on the Text icon. confirm. corner to open the fonts
menu.
 STEP 4: Select the font STEP 5: Select your font. Drag the STEP 6: Tap on
package you’d like to arrow icon to adjust the size of your the Shadow
use. Chose the Ultra text to adjust the dimensions. Drag icon.
Fonts pack the text to place it on image

STEP 7: Select the Opacity STEP 8: Select the Blur STEP 9: Tap on the Color
section and the slider to adjust section and use the slider icon and open the Gradient
the opacity of your shadow. to adjust the blur. section.

STEP 10: Tap on the first STEP 11: Select your STEP 12: Repeat to select your
color box to open the Color first color and confirm. second color. Use the slider to
Chooser. adjust the orientation of your
gradient.
 STEP 13: Tap on STEP 14: Tap on the eraser at the STEP 15: Use two
the eraser icon at bottom of the screen to open the fingers to zoom in
the top of the settings panel. Use the slider to on picture.
screen. adjust the size and hardness of your
brush.

STEP 16: Use your finger or STEP 17: Tap on STEP 18: Tap on the arrow
stylus to erase the parts of your “Apply”. icon to finish. Save your
text that you don’t need. Tap on picture.
the check mark to confirm

PicsArt – a photo and video editing app with tools to add filters and various effects, with
social network integration. The is free to use and offers in-app purchases of stickers and
other graphic elements. en.wikipedia.org

Adobe Photoshop – a raster graphics editor developed and published by Adobe Inc. for Windows
and macOS. en.wikipedia.org
Social Media – websites and applications that enable users to create and share content or to
participate in social networking. Oxford Languages

Wilson, Carolyn; Grizzle, Anton; Tuazon, Ramon; Akyempong; Kwane;

Cheung, Chi-Kim (2011). Media and Information Literacy: Curriculum
for Teachers. UNESCO Press ISBN 978-92-3-104198-3 (EN);
978-959-18-07; 978-959-18-0787-8 (ES)

A. CANVAS-LMS Posted Tasks

Christine Joy B. Onquit, Jeffrey F. Calim, MSIT, Marissa

G. Chua, MACoED, MSCS, OLFU, Introduction to Media
and Information Literacy

Adobo Chronicles. Your Best Source of Up-to-date

Unbelievable. Retrieved
from https://adobochronicles.com/

Wilson, Carolyn; Grizzle, Anton; Tuazon, Ramon;

Akyempong; Kwane; Cheung, Chi-Kim (2011). Media and
Information Literacy: Curriculum for Teachers. UNESCO
https://cdn.clipart.email/43b2f9c302d7a366afafe9f4f8d4e21d_free-books-computer-
Press ISBN 978-92-3-104198-3 (EN); 978-959-18-07; 978-
cliparts-download-free-clip-art-free-clip-_1598-1600.jpeg
959-18-0787-8 (ES)