Professional Documents
Culture Documents
1
INTRO TO A.I.M.
ANIMATION | INTERACTIVITY | MULTIMEDIA
What is Multimedia?
• Derived from the words “Multi” and “Media”
– Multi
• Many, Multiple, Various, Several
– Media
• distribution tools used to deliver or present
information - text, graphic, voice, images, music and
etc.
• a form of mass communication – newspaper,
magazine, radio, television.
1
Mutimedia Systems 8/7/2017
Definition of Multimedia
Multimedia is any combination of:
GRAPHIC
TEXT
VIDEO
AUDIO
ANIMATION
MULTI + MEDIA
hardware or software
various, many, used
multiple
+
++
for communicating or
to deliver information
2
Mutimedia Systems 8/7/2017
Elements of Multimedia
TEXT TEXT
GRAPHIC
VIDEO
AUDIO
ANIMATION
3
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
Text
TEXT
4
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
GRAPHIC GRAPHIC
TEXT
Graphic
VIDEO
AUDIO
ANIMATION
5 Elements of Multimedia
GRAPHIC
Types of Computer images: bitmap (or
Graphic
10
5
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
GRAPHIC Bitmap graphics are made up of colored
pixels. Pixels are squares of varying colors
Graphic
that once put together give you an image.
11
5 Elements of Multimedia
GRAPHIC Vector graphics are not constructed with
pixels at all (although they are displayed on
Graphic
12
6
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
Example: Public Service Announcement
Graphic
13
5 Elements of Multimedia
GRAPHIC
AUDIO TEXT
VIDEO
AUDIO
Audio
ANIMATION
7
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
AUDIO ➢ Types of audio or sound: analog
and digital audio.
Audio
Digital Audio Analog Audio
• the digital sampling of the actual sound • the original sound signal.
used in multimedia. • we can record analog audio file.
• special audio editors like Audacity
can be use to convert analog audio
files into digital audio files.
15
5 Elements of Multimedia
Example: Public Service Announcement
Audio
16
8
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
VIDEO TEXT
GRAPHIC
VIDEO
AUDIO
ANIMATION
Video
processing, and transmitting moving images.
Consists of images displayed in motion.
Purpose: to provide a powerful impact in a
multimedia program
17
5 Elements of Multimedia
VIDEO
➢ Why digital video?
Advantages Disadvantages
• video clips can be edited • digital video files are
easily large in size
Video
18
9
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
ANIMATION TEXT
GRAPHIC
VIDEO
AUDIO
ANIMATION
Animation
images
Tells a story
19
5 Elements of Multimedia
ANIMATION
story
Animation strictly is a visual illusion
Purpose: to further enhance / enrich the
experience of the user, to make static
presentations come alive 20
10
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
ANIMATION ➢ Types of digital animation:
➢ 2D (two-dimensional) and
➢ 3D (three-dimensional)
• In 2-D space, the visual changes that
bring an image alive occur on the flat
Cartesian x and y axes of the screen.
2D
• Ex: A blinking word, a color-cycling
Animation
(2 Dimension)
logo, or a button or tab that changes
state on mouse rollover
21
5 Elements of Multimedia
ANIMATION ➢ Types of digital animation:
➢ 2D (two-dimensional) and
➢ 3D (three-dimensional)
• In 3-D animation, software creates a
virtual realm in three dimensions, &
changes (motion) are calculated along
all three axes (x, y, and z), allowing an
Animation
22
11
Mutimedia Systems 8/7/2017
5 Elements of Multimedia
ANIMATION ➢ Types of digital animation:
➢ 2D (two-dimensional) and
➢ 3D (three-dimensional)
Animation
2D 3D
23
5 Elements of Multimedia
Example: Public Service Announcement
Animation
24
12
Mutimedia Systems 8/7/2017
25
26
13
Mutimedia Systems 8/7/2017
27
Importance of Multimedia
“Tell me and I will forget; show me and I may remember; involve
me and I will understand”
-Chinese proverb
28
14
Mutimedia Systems 8/7/2017
Importance of Multimedia
• Activates multi-sensory system creating rich
experiences
• Provides richer and broader range of
information
• Improves retention
• Better understanding
• Gives life to flat information
• Enhances user enjoyment
29
Interactive Multimedia
• When the user is given the option of controlling the
media elements.
– Hence, users of interactive multimedia applications
become active participants instead of the passive
recipients of information
Hyper Media
A combination of hypertext, graphics, audio, video,
(linked elements) and interactivity culminating in a
complete, non-linear computer-based experience.
30
15
Mutimedia Systems 8/7/2017
Example
• Hyper Text and Hyper Media
Main Page
1. Video link
2. Image link
3. Audio Link
31
Example
• Interactive Multimedia
32
16
Mutimedia Systems 8/7/2017
Elements to make an
Interactive Multimedia Project
• Hypermedia
• Navigational buttons
• Menus
• User’s input
33
➢Not interactive
➢User have no control over the content that is
34
17
Mutimedia Systems 8/7/2017
35
➢Interactive
➢User can control the sequence and progress of
or links(active user).
36
18
Mutimedia Systems 8/7/2017
37
19