CHAPTER 2 : TEXT

CHAPTER 2
MULTIMEDIA ELEMENTS

I. text

2

OBJECTIVES OVERVIEW:

At the end of slide show you should be able to :

1. Importance of text in a multimedia presentation.
2. Understanding fonts and typefaces.
3. Using text elements in a multimedia presentation.
4. Computers and text.
5. Font editing and design tools.
6. Multimedia and hypertext.

3

What is Text?

✖Words and symbols in any form, spoken or written, are the most

common means of communication.

✖Texts in the form of words, sentences and paragraphs is used to

communicate thoughts, ideas and facts in nearly every aspect of
our lives.

✖Text is a vital element of multimedia menus, navigation

systems, and content.

What is Text? 4

Multimedia products depends on text for many things:

to explain how the application work.
to guide the user in navigating through the application.
deliver the information for which the application was designed.

What is Text?• Based on creating letters, numbers and special characters. 5

• Text elements can be categories into:

Alphabet characters : A – Z

Numbers : 0 – 9

Special characters : Punctuation [. , ; ‘ …] , Sign or Symbols

[* & ^ % $ £ ! /\ ~ # @ .…]

Also known Character Sets

May also include special icon or drawing symbols,

mathematical symbols, Greek Letter etc.

Text Usages What is Text? 6

• Heading / Title
• Bullet / list
• Paragraph
• Scrolling text
• Navigation
• Text as graphics

Text Usages What is Text? 7

Text as graphic Heading
Paragraph
Navigation

Text Usages 8

Scrolling text

9

Importance of Text in a Multimedia
Presentation

10

Factors affecting legibility of text:

○ Size.
■ The size of the text

○ Background and foreground color.
■ The color in which the text is written in / on.

○ Style.
■ Also known as typeface and font

○ Leading.
■ refers to the amount of added space between lines of type.
■ Originally, when type was set by hand for printing presses, printers placed

slugs—strips of lead of various thicknesses—between lines of type to add

space.

11

◼ Background and foreground color (BG – Light colored, FG – Dark)
◼ Size
◼ Style
◼ Leading

12

Understanding Fonts and Typefaces

FONT 13

✖A ‘font’ is a collection of characters of a particular size and
style belonging to a particular typeface family.

✖Usually vary by type sizes and styles.
✖There is some basic consistency of look that makes the individual

characters, regardless of size and style variations, part of the

same family.

FONT 14

FONT 15

FONT 16

Font Size

• The size of a font, typically represented in points (pt).
• The font size is the distance from the top of the

capital letters to the bottom of the "descenders" in
letters such as "g" and "y."

FONT 17

Font Size Example

Font Size Text
8 point
12 point Text
24 point
72 point Text

Text

FONT 18

Font Size

• Users may have difficulty reading small text, seeing
small objects or targeting small icons and controls
with a mouse.

• Small fonts can cause eye-strain and make reading
difficult or impossible for many users.

• Screen elements with fixed sizes may be too small on
high-resolution displays or exceed the screen size on
small, hand-held devices.

FONT 19

Font Style

• Refers to whether text is bold, italicized, underlined,

or any combination of the three

• The term font style refers to the particular style of

textual characters.

• Styles are usually standard. Bold

Underline

italic

Font Style 20

• Use bold fonts for emphasis, to highlight important points.

Multimedia is media and content that uses a
combination of different content forms.
Multimedia includes a combination of text, audio,
still images, animation, video, or interactivity
content forms.

21

Font Style

• Whole paragraphs of text set in bold type are hard to read.

Multimedia is media and content that uses a combination of different
content forms. Multimedia includes a combination of text, audio, still
images, animation, video, or interactivity content forms.

Multimedia is media and content that uses a combination of
different content forms. Multimedia includes a combination of
text, audio, still images, animation, video, or interactivity
content forms.

22

Font Style

• In some instances it is useful to readers to have titles,
proper names, or key terms in a manual within a block of
copy highlighted with bold for ease in scanning.

Definition of Multimedia

Multimedia is media and content that uses a
combination of different content forms. Multimedia
includes a combination of text, audio, still images,
animation, video, or interactivity content forms.

23

Font Style

• Use italics to emphasize small amounts
of text within a block of text.

• Avoid long passages in italics.
• It is harder to read than normal roman

faces.
Definition of Multimedia

Multimedia is media and content that uses a
combination of different content forms.

24

Font Style

• When they are not a common part of your language,
italicize foreign words and phrases.

In computing, a mouse (tetikus) is a pointing device that
functions by
detecting two-dimensional motion relative to its supporting
surface.

25

Font Style

• Underlines are appropriate for section headings
and some bibliographical notations.

• In web browsers, default settings typically
distinguish hyperlinks by underlining them.

FONT 26

✖This includes the letter set, the number set, and all of the
special character and diacritical marks you get by pressing
the shift, option, or command/control keys.

Arial Fonts

Understanding Fonts and Typefaces

✖A ‘typeface’ is a family of graphic characters that
usually includes many type sizes and styles.

✖A typeface contains a series of fonts. For instance,
Arial, Arial Black Arial Narrow and Arial Unicode MS
are actually 4 fonts under the same family.

Arial Typefaces Family

Understanding Fonts and Typefaces

The study of fonts and typefaces includes the following:
◼ Font styles - boldface, italic, underline, outline

◼ Font sizes - point, k e rning,

◼ Cases – uppercase, lowercase, intercap
◼ Serif versus Sans Serif

Font Styles

◼The technology of font effects in bringing

viewer’s attention to content:

◼Case: UPPER and lower cased letter

◼Bold, Italic, Underline, superscript or subscript
◼Embossed or Shadow

◼Colours

◼b Strikethrough

◼COMPUTING COMPUTING

Font Styles

✖Font size is measured in points.

✖Character metrics are the general measurements

applied to individual characters.

Av✖Kerning is the spacing between character pairs

✖Leading is the space between lines.

Leading Reading Line One
Reading Line Two

Cases

✖A capitalized letter is referred to as 'uppercase',
while a small letter is referred to as 'lowercase.'

✖Placing an uppercase letter in the middle of a
word is referred to as intercap.

32

Font Categories

• Fonts can be characterized as
– Serif
– Sans serif
– Decorative

Serif Versus Sans Serif

Serif San Serif

Serif is the little decoration at the end of a Sans serif fonts do not have a serif at the
letter stroke. end of a letter stroke.
Serif fonts are used for body text. These fonts are used for headlines and
bold statements.

Examples of Serif fonts Serif Versus Sans Serif

Times New Roman Examples of San Serif
Bookman fonts
Rockwell Light
Courier New Century Gothic
Century Arial
Comic Sans MS
Impact
Tahoma

35

Font Categories - Serif

• Serif characters have a little "flag" or decoration at
the end of the letter stroke.

36

Font Categories – San Serif

• Sans Serif (sans is French for "without") characters
don't have these decorations.

37

kerning is the spacing between character

pairs Av Av

Tighter Track Kerned Unkerned

Looser Track

38

Font Categories – Decorative

• Used to decorate, embellish, and beautify a text.
• With the help of decorative fonts any informal

passage can become more reader-friendly: it will
quickly capture attention of the readers and make a
text easier to perceive, unusual, and fascinating.

39

Font Categories – Decorative

40

ACTIVITY

There are three types of typefaces : Serif, sanserif and
decorative

Activity 1 :

◼ Create a new word document. Next type “ Multimedia is
interesting” in a line five times. Now change each line of
text and copy the line five times. Now change each line into
a different font for each typeface.

◼ Finally change the size of the phrases into different size.