© c.r. business education creations digital interactive media an overview

© C.R. Business Education Creations

Digital Interactive Media An Overview

Digital Interactive Media An Overview


Multimedia and image management

communicate a message. The

success of a business often depends on the effectiveness of this

message.

Multimedia and image management

communicate a message. The

success of a business often depends on the effectiveness of this

message.


What is Multimedia?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.

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.


What is Multimedia?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.

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.


What is Image Management?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.

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.


What is Image Management?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.

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.


What are graphics?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.

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.


What are graphics?What are graphics?

Graphics can also include elements such as the appearance

of the type, including its size, shape, and appearance.

Graphics can also include elements such as the appearance

of the type, including its size, shape, and appearance.


Why do you need to understand the difference in

file formats?

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.

It is important that you understand the difference between file formats so that you can decide which ones

will best meet your needs.


What is Aspect Ratio?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.

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.


What are file extensions?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.

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.


Common File ExtensionsCommon File Extensions

Graphics programs use: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

Graphics programs use: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



Audio/Video Programs use: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

Audio/Video Programs use: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



.doc - Word document

.ppt – PowerPoint

.xls - Excel

.pub – Publisher

.mdb – Access

.pdf - Adobe Acrobat

.doc - Word document

.ppt – PowerPoint

.xls - Excel

.pub – Publisher

.mdb – Access

.pdf - Adobe Acrobat


Explain compression as it applies to graphics.

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.

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.


Two Kinds of CompressionTwo 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.

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.


Two Kinds of CompressionTwo Kinds of Compression

Lossless - The Graphics Interchange File (GIF) is an image format used on the Web that provides lossless compression.

Lossless - The Graphics Interchange File (GIF) is an image format used on the Web that provides lossless compression.


Two kinds of compressionTwo 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.

Lossless compression does not change any pixel data.

Lossless compression never discards any information about the original file.

This makes the file size larger.


Two kinds of compressionTwo 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.

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.


What is resolution?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.

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.


ResolutionResolution

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.

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.


ResolutionResolution

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.

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.


Photographic CompositionPhotographic Composition

This is important for you to understand because

you will be taking photos in this class for projects.

This is important for you to understand because

you will be taking photos in this class for projects.


Photographic CompositionElements

Photographic CompositionElements

Focus Angle Centering Rule of Thirds Background Framing Lines Motion/Action/Texture

Focus Angle Centering Rule of Thirds Background Framing Lines Motion/Action/Texture


FocusFocus

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.

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.


Choose the Best AngleChoose 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.

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.


Centering the SubjectCentering the Subject

Only amateurs always place the subject in the center of

the photograph.

Only amateurs always place the subject in the center of

the photograph.


Rule of ThirdsRule 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.

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.


Rule of ThirdsRule of Thirds

You place important elements of your composition where these lines intersect.


Examples using the Rule of ThirdsExamples using

the Rule of Thirds


BackgroundBackground

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?

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?


FramingFraming

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.

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.


Drawing the eye into the Photo

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.

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.


Be Aware of Motion - Action - Texture

Be Aware of Motion - Action - Texture


SummarySummary

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.

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.


SourcesSources

S. Lake, K. Bean. Multimedia and Image Management. 2004.

S. Lake, K. Bean. Multimedia and Image Management. 2004.