Transcript Slide 1

Digital Interactive Media
An Overview
© C.R. Business Education Creations
Multimedia and image
management
communicate a
message. The success of
a business often
depends on the
effectiveness of this
message.
© C.R. Business Education Creations
What is Multimedia?
Multimedia is a broad term that
applies to the integration of text,
graphics, sound, video, and
animation into a document, such as
a letter, brochure, newsletter, Web
page, or presentation.
© C.R. Business Education Creations
What is Multimedia?
It is not necessary for a document to
contain all forms of media in order to
be considered multimedia. Use of
text and graphics in a flyer is
multimedia.
© C.R. Business Education Creations
What is Image Management?
Image management is a more
narrow term that applies to the use
of graphics in documents. It
encompasses every aspect of
graphics from the creation to the
final product whether in print or in
some other form of medium.
© C.R. Business Education Creations
What is Image Management?
Image management requires you to
make decision such as the size of
files, the number and type of colors
used, and what format is most
appropriate.
© C.R. Business Education Creations
What are graphics?
Graphics can be defined as
everything on the page that is not
actual textual content from simple
line drawings to fully active images
found on the Web.
© C.R. Business Education Creations
What are graphics?
Graphics can also include elements
such as the appearance of the type,
including its size, shape, and
appearance.
© C.R. Business Education Creations
Why do you need to understand the
difference in file formats?
It is important that you understand
the difference between file formats
so that you can decide which ones
will best meet your needs.
© C.R. Business Education Creations
What is Aspect Ratio?
 The
relationship between the width
and the height of an image.
 To
avoid distortion this ratio must
be kept constant when displaying
an image on different screens.
© C.R. Business Education Creations
What are file extensions?
 Each
image management program
has a file format specific to that
program called its default format.
 Example
- All Word Documents
default to .doc as a file
extension. We’ll explore others
later.
© C.R. Business Education Creations
Common File Extensions
Graphics programs use:
.bmp – Bitmap
.tif
- TIFF (Tagged Image File Format)
.gif - Graphics Interchange Format
.jpg - Joint Photographic Experts Group
.png - Portable Network graphics
.psd - Photoshop Document
© C.R. Business Education Creations
Common File Extensions
Audio/Video Programs use:
.wav - Wave file
.wma – Windows Media Audio
.mpeg – Motion Picture Experts Group
.wmv - Windows Media Video
.mp3 - MPEG 3 Audio Stream
© C.R. Business Education Creations
Common File Extensions
.doc - Word document
.ppt – PowerPoint
.xls - Excel
.pub – Publisher
.mdb – Access
.pdf - Adobe Acrobat
© C.R. Business Education Creations
Explain compression as it applies
to graphics.

Compression in graphic files is the process
of reducing the size of the image.

The reduction in file size allows more
images to be stored in a given amount of
disk or memory space.

It reduces the time required for images to
be sent over the Internet or downloaded
from Web pages.
© C.R. Business Education Creations
Two Kinds of Compression
Lossy -The JPEG image file, commonly
used for photographs and other complex still
images on the Web, is an image that has lossy
compression. Using JPEG compression, the
creator can decide how much loss to introduce
and make a trade-off between file size and
image quality.
© C.R. Business Education Creations
Two Kinds of Compression
Lossless -
The Graphics Interchange File
(GIF) is an image format used on the Web that
provides lossless compression.
© C.R. Business Education Creations
Two kinds of compression
 Lossless
compression does not
change any pixel data.
 Lossless
compression never
discards any information about the
original file.
 This
makes the file size larger.
© C.R. Business Education Creations
Two kinds of compression

Lossy compression creates smaller files
by discarding some information about
the original image. It removes details
and color changes it deems too small
for the human eye to differentiate.

Lossy compression reduces the size of
the file by removing pixels that are not
essential.
© C.R. Business Education Creations
What is resolution?
 Resolution
is the density of pixels
in an image. The standard
resolution for the internet is 72 ppi
(pixels per inch).
 The
higher the resolution, the
sharper the image.
© C.R. Business Education Creations
Resolution
Resolution is expressed as Dots Per
Inch (dpi) when printed, or Pixels Per
Inch (ppi) when viewed.
 The dpi measure indicates the quality
of the image
 The higher the dpi value is, the higher
the density of visual information that is
available to represent the image. The
more visual information there is the
sharper and more color rich the image.

© C.R. Business Education Creations
Resolution
If the image is enlarged, the dpi value
decreases
 If the image is reduced in size, the dpi
value or resolution increases.
 Just remember that the lower the
resolution, the fuzzier the image quality
appears. The higher the resolution, the
sharper the image quality appears.

© C.R. Business Education Creations
Photographic Composition
This is important for you to
understand because you
will be taking photos in this
class for projects.
© C.R. Business Education Creations
Photographic Composition
Elements








Focus
Angle
Centering
Rule of Thirds
Background
Framing
Lines
Motion/Action/Texture
© C.R. Business Education Creations
Focus
 Many
cameras have auto focus and
won’t allow you to take a photo
out of focus.
 Be
aware of your focus point so
that the main subject of the photo
will be sharp.
© C.R. Business Education Creations
Choose the Best Angle

Generally, the light should come from
behind the photographer unless your
intention is to take a photo of a
silhouette.

Moving to different angles gives new
perspective to the photo.
© C.R. Business Education Creations
Centering the Subject
Only amateurs always place the
subject in the center of the
photograph.
© C.R. Business Education Creations
Rule of Thirds
One of the most popular 'rules' in
photography is the Rule Of Thirds. It is
also popular amongst artists. It works
like this: Imaginary lines are drawn
dividing the image into thirds both
horizontally and vertically.
© C.R. Business Education Creations
Rule of Thirds
You place important elements of your
composition where these lines intersect.
© C.R. Business Education Creations
Examples using
the Rule of Thirds
© C.R. Business Education Creations
Background
Be aware of the background
 Is there a utility pole or a tree that
looks like it is growing from the
subject's head?
 Color is important too: Is your subject
wearing a white shirt standing against
a white wall?

© C.R. Business Education Creations
Framing
Fill the frame:
The viewfinder may exaggerate what you see.
You often perceive things a bit bigger than they
actually are and tend not to notice 'slight'
distractions. What you end up with is
photographs with huge areas of wasted space
around the edge and people with things growing
out of their heads. Make sure your subject fills
the frame. The best way to do this is to move a
bit closer.
© C.R. Business Education Creations
Drawing the eye into the Photo
A line is an effective
element of design
because it can lead
the viewer's eye. To
create more effective
photographs, actively
look for lines and
arrange them within
your viewfinder to
invoke specific
feelings.
© C.R. Business Education Creations
Be Aware of
Motion - Action - Texture
© C.R. Business Education Creations
Summary

All of the techniques won’t be used in
each photograph.

The artistic value of photography lies in
the creative use of these elements.

Realize that this is a simplistic overview
– we haven't discusses aperture or
depth of field.
© C.R. Business Education Creations
Sources

S. Lake, K. Bean. Multimedia and
Image Management. 2004.
© C.R. Business Education Creations