INTRODUCTION TO
MULTIMEDIA
VISUAL GRAPHICS DESIGNING
MULTIMEDIA
Is the use of several different media to
convey information (text, audio, graphics,
animation, video, and interactivity.
CLASSIFICATION OF MEDIA
1. Expression Media – These are media that represent information in
perceivable or sensible form. They refer to characters, words,
pictures, tables/matrices, charts, gestures, etc.
2. Transmission Media – These are media that convey information
from a distant source with almost no time delay. Thus includes the
transmission media to transfer information (telephone line, radio,
etc.,) and the storage media to preserve information (paper, optical
disk etc.)
CLASSIFICATION OF MEDIA
3. Mass Media – These are channels of communication through
which messages are conveyed. These refer to television and radio
broadcasting newspaper, magazines and many others.
4. Package Media – This is one single medium that integrates and
packages sounds, animation, images, and texts. Examples of these
are videotapes, laser disks, compact disks, video CD, etc.
TYPES OF GRAPHICS USED IN
MULTIMEDIA
1. Draw type graphics – (also called vector graphics)
represents an image as a geometric shape made up
straight lines, ovals, and arcs.
2. Bitmap graphic – represents the graphic image as an array
of dots, called pixels. Color information depths is recorded
for each pixel
Graphics, Image, File Size
1. Graphic Image – file size can become unproductively large depending on the
complexity of the images and the way the images are developed. The
multimedia designer must balance the need for quality images with the need
to keep file sizes small.
2. Screen Resolution - these are measured in horizontal and vertical pixels with
640x480 being the lowest standard. The larger the pixel count and the
smaller the pixel diameter are the higher the image resolution. A screen
resolution of 1024 x 768 will display a much better quality image than a
screen resolution of 640 x 480 on the same size monitor
Graphics, Image, File Size
3. Image size – The number of pixels making up the image determines it image
size. The screen resolution and the image size determine how much of the
screen is occupied by the screen resolution is 640 x 480, then the image will
occupy the entire screen.
4. Color depth - each of pixels can display from one color to millions of colors.
The number of colors is determined by information associated with the pixel.
The number of colors is determined by information associated with the pixel.
Various numbers of colors can be associated with each pixel, depending on the
number of bits specified (8 bit for 256 colors, 16 bit for 65,000 colors, and 24 bit
16.7 million colors. The range of colors available for pixels is called the color
depth.
Graphics, Image, File Size
5. File Size – The file size of a bitmap graphic is related to the image size and
color depth. It can be estimated using the formula:
Image size in pixels x color depth in bits/8
6. File formats – Graphic images can be saved in a variety of file formats. The
most popular file formats are as follows;
TIFF – tagged image file format
BMP – bitmap
Graphics, Image, File Size
PCX – Windows paint
PICT – Macintosh picture format
JPEG – Joint Photographic Experts Group
GIF – Graphics Interchange file format
PNG – Portable Network Graphics
What is Adobe?
 Adobe is an American computer software company
headquartered in San Jose, California, USA. Founded
in December 1982.
What is Photoshop?
 Leading digital image editing application for the internet, print and other media
disciplines. The powerful tools used to enhance and edit picture.
 Tools that let you move, color, stylize and add text to your images.
 You can optimize the contrast and lightning in photographs or turn them into
interesting works of art by applying filters.
Understanding Pixels
 Digital images in photoshop consist of tiny, solid-color squares called
pixels.
 Photoshop works its magic by rearranging and recoloring these squares.
If you zoom in close, you can see the pixels that make up your image.
 To edit specific pixels you can use marquee tools or free form selections
by using the lasso tool and other commands to modify your image.
Paint
 After selecting your pixels you can apply color to them
by using Photoshop’s Brush, Mixer Brush, Paint Bucket,
and pencil tools. You can also fill your selections with
solid or semitransparent colors, patterns, or pixel
copied from another part of your image
Adjust Color
You can brighten, darken, and change the hue of
colors in parts of your image with Photoshop’s
Dodge, Burn, and similar tools.
Apply Styles and Filters
Photoshop’s layer styles let you easily add drop
shadows, frame borders, and other effects to your
images. Filters can make your image look like an
impressionist painting, sharpen or blur your image,
or distort your image in various ways.
Add Text
 Type tools make it easy to apply titles and labels to your images.
You can combine these tools with the program’s special effects
commands to create warped, 3-d, or wildly colored words and
characters.

Introduction to multimedia

  • 1.
  • 2.
    MULTIMEDIA Is the useof several different media to convey information (text, audio, graphics, animation, video, and interactivity.
  • 3.
    CLASSIFICATION OF MEDIA 1.Expression Media – These are media that represent information in perceivable or sensible form. They refer to characters, words, pictures, tables/matrices, charts, gestures, etc. 2. Transmission Media – These are media that convey information from a distant source with almost no time delay. Thus includes the transmission media to transfer information (telephone line, radio, etc.,) and the storage media to preserve information (paper, optical disk etc.)
  • 4.
    CLASSIFICATION OF MEDIA 3.Mass Media – These are channels of communication through which messages are conveyed. These refer to television and radio broadcasting newspaper, magazines and many others. 4. Package Media – This is one single medium that integrates and packages sounds, animation, images, and texts. Examples of these are videotapes, laser disks, compact disks, video CD, etc.
  • 5.
    TYPES OF GRAPHICSUSED IN MULTIMEDIA 1. Draw type graphics – (also called vector graphics) represents an image as a geometric shape made up straight lines, ovals, and arcs. 2. Bitmap graphic – represents the graphic image as an array of dots, called pixels. Color information depths is recorded for each pixel
  • 6.
    Graphics, Image, FileSize 1. Graphic Image – file size can become unproductively large depending on the complexity of the images and the way the images are developed. The multimedia designer must balance the need for quality images with the need to keep file sizes small. 2. Screen Resolution - these are measured in horizontal and vertical pixels with 640x480 being the lowest standard. The larger the pixel count and the smaller the pixel diameter are the higher the image resolution. A screen resolution of 1024 x 768 will display a much better quality image than a screen resolution of 640 x 480 on the same size monitor
  • 7.
    Graphics, Image, FileSize 3. Image size – The number of pixels making up the image determines it image size. The screen resolution and the image size determine how much of the screen is occupied by the screen resolution is 640 x 480, then the image will occupy the entire screen. 4. Color depth - each of pixels can display from one color to millions of colors. The number of colors is determined by information associated with the pixel. The number of colors is determined by information associated with the pixel. Various numbers of colors can be associated with each pixel, depending on the number of bits specified (8 bit for 256 colors, 16 bit for 65,000 colors, and 24 bit 16.7 million colors. The range of colors available for pixels is called the color depth.
  • 8.
    Graphics, Image, FileSize 5. File Size – The file size of a bitmap graphic is related to the image size and color depth. It can be estimated using the formula: Image size in pixels x color depth in bits/8 6. File formats – Graphic images can be saved in a variety of file formats. The most popular file formats are as follows; TIFF – tagged image file format BMP – bitmap
  • 9.
    Graphics, Image, FileSize PCX – Windows paint PICT – Macintosh picture format JPEG – Joint Photographic Experts Group GIF – Graphics Interchange file format PNG – Portable Network Graphics
  • 10.
    What is Adobe? Adobe is an American computer software company headquartered in San Jose, California, USA. Founded in December 1982.
  • 11.
    What is Photoshop? Leading digital image editing application for the internet, print and other media disciplines. The powerful tools used to enhance and edit picture.  Tools that let you move, color, stylize and add text to your images.  You can optimize the contrast and lightning in photographs or turn them into interesting works of art by applying filters.
  • 12.
    Understanding Pixels  Digitalimages in photoshop consist of tiny, solid-color squares called pixels.  Photoshop works its magic by rearranging and recoloring these squares. If you zoom in close, you can see the pixels that make up your image.  To edit specific pixels you can use marquee tools or free form selections by using the lasso tool and other commands to modify your image.
  • 13.
    Paint  After selectingyour pixels you can apply color to them by using Photoshop’s Brush, Mixer Brush, Paint Bucket, and pencil tools. You can also fill your selections with solid or semitransparent colors, patterns, or pixel copied from another part of your image
  • 14.
    Adjust Color You canbrighten, darken, and change the hue of colors in parts of your image with Photoshop’s Dodge, Burn, and similar tools.
  • 15.
    Apply Styles andFilters Photoshop’s layer styles let you easily add drop shadows, frame borders, and other effects to your images. Filters can make your image look like an impressionist painting, sharpen or blur your image, or distort your image in various ways.
  • 16.
    Add Text  Typetools make it easy to apply titles and labels to your images. You can combine these tools with the program’s special effects commands to create warped, 3-d, or wildly colored words and characters.