SlideShare a Scribd company logo
LECTURE 4

THE USES OF TEXT IN MULTIMEDIA

          Prepared by
       Razia Nisar Noorani


                                 1
Objective
   Media Types
   What text is
   How text is created and stored in the
    computer
   How text is used in Multimedia Systems
   Advantages and Disadvantages
    of using texts




                                             2
Temporal & Non Temporal Media
    Media
   Refer to Multimedia elements.
   Two Media types:Temporal and Non-Temporal

    Temporal Media
   The media has an associated time aspect. Example: its
    view changes with respect to time.
   Examples: Audio, video, animation, music etc.




                                                            3
Temporal & Non Temporal Media
Non-Temporal Media
 Also known as a static media. It has the same

  representation regardless of time
 Examples: texts, graphics, paintings, book etc




   Multimedia applications are typically composed of both
    media




                                                             4
What is Text
   Basic media for many multimedia systems

   Texts in the form of words, sentences and paragraphs is
    used to communicate thoughts, ideas and facts in nearly
    every aspect of our lives.

   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

                                                                5
What is Text
   Minimize the texts in multimedia application
   Texts consists of two structures:
       Linear
       Non-Linear




                                                   6
Text Technology
   Based on creating letters, numbers and special
    characters.

   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.
                                                                7
Typefaces, Fonts and Points
Typefaces
 The graphic representations of the alphabet, numbers and

  special character.
 Usually vary by type sizes and styles.




Fonts
 Particular size of typefaces

 Usually vary by type sizes and styles.

 The sizes are measured in points

   - One point is 1/72” or 0.0138 inc”
   - Measuring distance from the top of a capital letters (e.g. ‘A or P’) to the
     bottom of a descenders (e.g. ‘y , ‘p’ , ‘q’).


                                                                                   8
Fonts Effects
   A numbers of effects that are useful for bringing viewer’s
    attention to content:

       Case: UPPER and lower letter
       Bold, Italic, Underline, superscript or subscript
       Embossed or Shadow
       Colours
       Strikethrough
        b




                                                                 9
Types of Fonts
   Two classes of fonts: Serif or Sans Serif

   Serif fonts use decorative tips or flags at the ends of a
    letter strokes

   Sans Serif fonts don’t have these features

   Serif fonts are usually used for documents or screens
    that have large quantities of text
     - This is because the serif helps guide the reader’s eye
        along the text
                                                                10
Types of Fonts
   For computer displays, Sans Serif fonts considered
    better because of the sharper contrast.

                                  Examples of San Serif fonts

        Times New Roman              Century Gothic
        Bookman                      Arial
        Rockwell Light               Comic Sans MS
        Courier New                  Impact
        Century                      Tahoma

        Examples of Serif fonts

                                                                11
Text Characteristics
        This example shows the Times New Roman font

                                                 Ascender
   Capital Height            x-Height




FD xhp
Point size        Serif        p -Height
                                            Descender
                                                            12
Tracking, Kerning and Leading




Av
 Unkerned
                   AvKerned
                                13
Tracking, Kerning and Leading

                       Reading Line One
      Leading
                       Reading Line One
   Ascender    : an upstroke on a character
   Descender   : the down stroke below the baseline of a character
   Leading     : spacing above and below a font or Line spacing
   Tracking    : spacing between characters
   Kerning     : space between pairs of characters, usually as an overlap
                 for improvement appearance


                                                                             14
Bitmapped and vector fonts
   Fonts can either be stored as bitmapped or vector
    graphics

   Bitmaps font depend to the size and the pixel numbers
    - File size increases as more sizes are added

   Vector fonts can draw any size by scaling the vector
    drawing primitives mathematically
     - File size is much smaller than bitmaps
     - TrueType and PostScript are vector font formats


                                                            15
Bitmapped and vector fonts




A bitmapped font   A vector font
                                   16
Jaggies and Antialiasing
   Jaggies are the jagged edges you see when a
    bitmapped image is resized

   It is a consequence of the underlying array of pixels from
    which the image is composed

   Antialiasing is a technique that can be used to eliminate
    jagged edges

   It substitutes additional pixels in other colours to fool the
    brain into thinking it is seeing continuous lines
                                                                    17
Jaggies and Antialiasing
   The technique is used to blend the font into the
    background by transitioning the colour from the font
    colour to background.

   This technique minimizes the jagged edges making for a
    smoother overall appearance.




                                                             18
Jaggies and Antialiasing




                           19
Text Data Files
   The common data encoding schemes for text are:

   Plain text (ASCII) is text in an electronic format that can
    be read and interpreted by humans

   Rich text is similar but it also embeds special control
    characters into the text to provide additional features

   Hypertext is an advance on rich text which allows the
    reader to jump to different sections within the document
    or even jump to a new document
                                                                  20
Text Data Files
Plain text
This is plain text. It is readable by humans. It can contains numbers
(01234) and punctuation (.,#@*&) since it uses the ASCII character set.

Rich text
This is <bold>rich text</bold>.<br><center>It is also readable by
humans but contains additional tags which control the presentation of
the text.</center>

Hypertext
This is <a href=“http://www.w3c.org/”>hypertext</a>. It uses the rich
text format shown above but adds the ability to hyperlink to other
documents.<hr><img src=“logo.gif”>
                                                                          21
Working With Text
   Considerations and guidelines when we are working with
    text:

       Be Concise
       Use the appropriate typefaces and fonts
       Make it readable
       Consider type styles and colors
       Use restraint and be consistent




                                                             22
How text can be used effectively
   Communicating Data
    - Customer names and address
    - Pricing information of products

   Explaining concepts and ideas
    - A company mission statement
    - A comparison of medical procedures

   Clarifying other media
    - Labels on button, icons and screens
    - Captions and callouts for graphics

                                            23
Advantages and Disadvantages
            of using texts
   Advantages
      Is relatively inexpensive to produce

      Present abstract ideas effectively

      Clarifies other media

      Provides confidentiality

      Is easily changed or updated




   Disadvantages
      Is less memorable than other visual media

      Requires more attention from the user than other

       media
      Can be cumbersome

                                                          24
Summary
   Multimedia applications and presentations invariably rely
    to some extent on the use of text to convey their
    message to users

   Text has many characteristics that the developer can
    modify to enhance the user experience
     - size, weight, typeface, style, colour, kerning, tracking,
       etc.

   Antialiasing is a technique that can be used to improve
    the readability of text


                                                                   25
Next lecture...

We will looking at images
 The different types of image

 How we capture images

 Generating and editing images




                                  26

More Related Content

PPT
Lecture6 text
PPT
Lecture 4 text
PPTX
PPT
Ch04
PPT
Lecture6 audio
PPT
Lecture 8 audio compression
PPT
Lecture # 1
Lecture6 text
Lecture 4 text
Ch04
Lecture6 audio
Lecture 8 audio compression
Lecture # 1

Viewers also liked (20)

PPTX
Linux introduction, class 1
PPT
4 multimedia basics
PPT
Applied Electronics - Power Supply
PPT
Lecture # 3
PPT
Lecture # 2
PDF
Fyp list batch-2009 (project approval -rejected list)
PPT
Lecture# 7 midi file format
PPT
BITS: Introduction to linux, distributions and installation
PPT
Lecture 9 animation
PPTX
Operating system security
PPT
Lecture5 graphics
PPT
Chapter 14 - Protection
PPTX
System protection in Operating System
PPTX
Operating system security
PPTX
Design and Analysis of Algorithms
PDF
Web Security - Introduction v.1.3
PDF
Linux kernel architecture
PDF
Unix - An Introduction
PPTX
multimedia technologies Introduction
PPT
Design and Analysis of Algorithms
Linux introduction, class 1
4 multimedia basics
Applied Electronics - Power Supply
Lecture # 3
Lecture # 2
Fyp list batch-2009 (project approval -rejected list)
Lecture# 7 midi file format
BITS: Introduction to linux, distributions and installation
Lecture 9 animation
Operating system security
Lecture5 graphics
Chapter 14 - Protection
System protection in Operating System
Operating system security
Design and Analysis of Algorithms
Web Security - Introduction v.1.3
Linux kernel architecture
Unix - An Introduction
multimedia technologies Introduction
Design and Analysis of Algorithms
Ad

Similar to Lecture 4 text (20)

PPT
Chapter 04bnbnbbnmbnmbmbmnbmnnbnmbnnm.ppt
PPTX
Multimedia Technology lecture (2)Text.pptx
PPT
Chapter 2
PPT
Chapter 2 : TEXT
PPT
Chapter 5 Text
PPT
Chapter 3 - Text.pptsdg
PPT
chapter2 multimedia and other program.ppt
PPTX
Unit 2 graphics
PPTX
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
PDF
Multimedia Chapter 3 - Lecture 03 Text.pdf
PPTX
Chapter Five
PPTX
Multimedia chapter 2
PPTX
Multimedia chapter 2
PPTX
Multimedia-Lecture-3.pptx
PDF
Stem 22 text
PPTX
Typography
PPTX
Typography
PPTX
Multimedia System & Design Ch 1, 2, 3 Multimedia
PPTX
Multimedia Design Chapter 2
Chapter 04bnbnbbnmbnmbmbmnbmnnbnmbnnm.ppt
Multimedia Technology lecture (2)Text.pptx
Chapter 2
Chapter 2 : TEXT
Chapter 5 Text
Chapter 3 - Text.pptsdg
chapter2 multimedia and other program.ppt
Unit 2 graphics
20221006113819_COMP6823001 - Multimedia Systems-Pert02.pptx
Multimedia Chapter 3 - Lecture 03 Text.pdf
Chapter Five
Multimedia chapter 2
Multimedia chapter 2
Multimedia-Lecture-3.pptx
Stem 22 text
Typography
Typography
Multimedia System & Design Ch 1, 2, 3 Multimedia
Multimedia Design Chapter 2
Ad

More from Mr SMAK (20)

DOC
Assigments2009
PPT
Week1
PPT
Evaluation of cellular network
PPT
Common protocols
PPT
Cellular network
PDF
Lecture 6.1
PPT
Lecture 6
PPT
Parallel architecture
PPT
Lecture 3
PPT
Lecture 2
PPT
Lecture 1
PPT
Lecture 6
PDF
Lecture 6.1
PPT
Chapter 2 ASE
DOC
Structure of project plan and schedule
DOC
Proposal format
DOC
Proposal announcement batch2009
PDF
List ofsuparco projectsforuniversities
PDF
Fyp timeline & assessment policy batch 2009
DOC
Fyp registration form batch 2009
Assigments2009
Week1
Evaluation of cellular network
Common protocols
Cellular network
Lecture 6.1
Lecture 6
Parallel architecture
Lecture 3
Lecture 2
Lecture 1
Lecture 6
Lecture 6.1
Chapter 2 ASE
Structure of project plan and schedule
Proposal format
Proposal announcement batch2009
List ofsuparco projectsforuniversities
Fyp timeline & assessment policy batch 2009
Fyp registration form batch 2009

Recently uploaded (20)

PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Modernizing your data center with Dell and AMD
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Advanced IT Governance
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Mobile App Security Testing_ A Comprehensive Guide.pdf
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Dropbox Q2 2025 Financial Results & Investor Presentation
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
NewMind AI Monthly Chronicles - July 2025
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
Understanding_Digital_Forensics_Presentation.pptx
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
Network Security Unit 5.pdf for BCA BBA.
Modernizing your data center with Dell and AMD
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Spectral efficient network and resource selection model in 5G networks
Advanced IT Governance
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Unlocking AI with Model Context Protocol (MCP)
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows

Lecture 4 text

  • 1. LECTURE 4 THE USES OF TEXT IN MULTIMEDIA Prepared by Razia Nisar Noorani 1
  • 2. Objective  Media Types  What text is  How text is created and stored in the computer  How text is used in Multimedia Systems  Advantages and Disadvantages of using texts 2
  • 3. Temporal & Non Temporal Media Media  Refer to Multimedia elements.  Two Media types:Temporal and Non-Temporal Temporal Media  The media has an associated time aspect. Example: its view changes with respect to time.  Examples: Audio, video, animation, music etc. 3
  • 4. Temporal & Non Temporal Media Non-Temporal Media  Also known as a static media. It has the same representation regardless of time  Examples: texts, graphics, paintings, book etc  Multimedia applications are typically composed of both media 4
  • 5. What is Text  Basic media for many multimedia systems  Texts in the form of words, sentences and paragraphs is used to communicate thoughts, ideas and facts in nearly every aspect of our lives.  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 5
  • 6. What is Text  Minimize the texts in multimedia application  Texts consists of two structures:  Linear  Non-Linear 6
  • 7. Text Technology  Based on creating letters, numbers and special characters.  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. 7
  • 8. Typefaces, Fonts and Points Typefaces  The graphic representations of the alphabet, numbers and special character.  Usually vary by type sizes and styles. Fonts  Particular size of typefaces  Usually vary by type sizes and styles.  The sizes are measured in points - One point is 1/72” or 0.0138 inc” - Measuring distance from the top of a capital letters (e.g. ‘A or P’) to the bottom of a descenders (e.g. ‘y , ‘p’ , ‘q’). 8
  • 9. Fonts Effects  A numbers of effects that are useful for bringing viewer’s attention to content:  Case: UPPER and lower letter  Bold, Italic, Underline, superscript or subscript  Embossed or Shadow  Colours  Strikethrough b 9
  • 10. Types of Fonts  Two classes of fonts: Serif or Sans Serif  Serif fonts use decorative tips or flags at the ends of a letter strokes  Sans Serif fonts don’t have these features  Serif fonts are usually used for documents or screens that have large quantities of text - This is because the serif helps guide the reader’s eye along the text 10
  • 11. Types of Fonts  For computer displays, Sans Serif fonts considered better because of the sharper contrast. Examples of San Serif fonts Times New Roman Century Gothic Bookman Arial Rockwell Light Comic Sans MS Courier New Impact Century Tahoma Examples of Serif fonts 11
  • 12. Text Characteristics This example shows the Times New Roman font Ascender Capital Height x-Height FD xhp Point size Serif p -Height Descender 12
  • 13. Tracking, Kerning and Leading Av Unkerned AvKerned 13
  • 14. Tracking, Kerning and Leading Reading Line One Leading Reading Line One  Ascender : an upstroke on a character  Descender : the down stroke below the baseline of a character  Leading : spacing above and below a font or Line spacing  Tracking : spacing between characters  Kerning : space between pairs of characters, usually as an overlap for improvement appearance 14
  • 15. Bitmapped and vector fonts  Fonts can either be stored as bitmapped or vector graphics  Bitmaps font depend to the size and the pixel numbers - File size increases as more sizes are added  Vector fonts can draw any size by scaling the vector drawing primitives mathematically - File size is much smaller than bitmaps - TrueType and PostScript are vector font formats 15
  • 16. Bitmapped and vector fonts A bitmapped font A vector font 16
  • 17. Jaggies and Antialiasing  Jaggies are the jagged edges you see when a bitmapped image is resized  It is a consequence of the underlying array of pixels from which the image is composed  Antialiasing is a technique that can be used to eliminate jagged edges  It substitutes additional pixels in other colours to fool the brain into thinking it is seeing continuous lines 17
  • 18. Jaggies and Antialiasing  The technique is used to blend the font into the background by transitioning the colour from the font colour to background.  This technique minimizes the jagged edges making for a smoother overall appearance. 18
  • 20. Text Data Files  The common data encoding schemes for text are:  Plain text (ASCII) is text in an electronic format that can be read and interpreted by humans  Rich text is similar but it also embeds special control characters into the text to provide additional features  Hypertext is an advance on rich text which allows the reader to jump to different sections within the document or even jump to a new document 20
  • 21. Text Data Files Plain text This is plain text. It is readable by humans. It can contains numbers (01234) and punctuation (.,#@*&) since it uses the ASCII character set. Rich text This is <bold>rich text</bold>.<br><center>It is also readable by humans but contains additional tags which control the presentation of the text.</center> Hypertext This is <a href=“http://www.w3c.org/”>hypertext</a>. It uses the rich text format shown above but adds the ability to hyperlink to other documents.<hr><img src=“logo.gif”> 21
  • 22. Working With Text  Considerations and guidelines when we are working with text:  Be Concise  Use the appropriate typefaces and fonts  Make it readable  Consider type styles and colors  Use restraint and be consistent 22
  • 23. How text can be used effectively  Communicating Data - Customer names and address - Pricing information of products  Explaining concepts and ideas - A company mission statement - A comparison of medical procedures  Clarifying other media - Labels on button, icons and screens - Captions and callouts for graphics 23
  • 24. Advantages and Disadvantages of using texts  Advantages  Is relatively inexpensive to produce  Present abstract ideas effectively  Clarifies other media  Provides confidentiality  Is easily changed or updated  Disadvantages  Is less memorable than other visual media  Requires more attention from the user than other media  Can be cumbersome 24
  • 25. Summary  Multimedia applications and presentations invariably rely to some extent on the use of text to convey their message to users  Text has many characteristics that the developer can modify to enhance the user experience - size, weight, typeface, style, colour, kerning, tracking, etc.  Antialiasing is a technique that can be used to improve the readability of text 25
  • 26. Next lecture... We will looking at images  The different types of image  How we capture images  Generating and editing images 26

Editor's Notes

  • #2: SCA3103 - Introduction to Multimedia Sesi 2003/04 Sem II Lecture 4