Introduction to Multimedia Arts

MAIN10A | Introduction to
Multimedia Arts
Lecturer: Loren Villafuerte
Kumusta?
Loren Villafuerte

•B.S. Multimedia Arts & Sciences major in Graphic

Design at Mapua University
•Currently pursuing Masters in Multimedia Arts at the
same university
•8 years of industry experience as a Sr. Graphic
Designer and Multimedia Artist
•2 years teaching experience at CIIT Philippines, FEU
Tech and NU Laguna
•Thesis Consultant
•Entrepreneur
Loren Villafuerte

•BLINK, IU (Yes, I listen to K-pop!)

•Millennial
•Coffee/Matcha lover
•I share & enjoy memes
•K-drama fan
•Not a morning person
•Hobbies (Hiking, Photography, Travel, Reading)
•Foodie
Let's talk about you!
Nickname, hobbies, expectations in this subject
Course Description
The course is an introduction to the field of
multimedia and digital arts. Traditional art will still be
discussed but the most part of the semester will deal
with the basic elements of multimedia or computer-
aided use and/or integration of multimedia elements
such as still and moving (video) shots, sound/music,
texts, graphics, illustration,
animation all essentials of producing creative projects
for varied purposes.
Course Requirements
PRELIMS - (2) Reflection Papers
MIDTERMS - (1) Infographics Output
FINALS – Multimedia Project Proposal in relation
to the student's Infographics and Project
Presentation in the Final Week
Course Outline
Computation of Grades
 Important Reminders

Consultation hours:
Mon-Fri | 8:00am – 5:00pm

Forms of Communication:
MS Teams or myLPU only
Key Topics
• What is Multimedia?
• Basic Elements of
Multimedia
• Text
• Graphics
• Video
• Animation
What is Multimedia?

Derived from the words

Multi and Media:
Multi - Many, Multiple,
Media - Distribution tool
& information
presentation – text,
graphic, voice, images,
music and etc.
Basic Elements of Multimedia

- Text
- Graphics
- Audio
- Video
- Animation
Basic Elements of Multimedia

Text
• A broad term for something that contains
words to express something.
• Text is the most basic element of multimedia.
• A good choice of words could help convey the
intended message to the users (keywords).
• Used in contents, menus, navigational buttons
Basic Elements of Multimedia

Graphics
 Graphics
• Two-dimensional figure or illustration
• Could be produced manually (by drawing,
painting, carving, etc.) or by computer
graphics technology.
• Can be used to:
• Highlight information
• Set a mood or tone
• Provide examples
• Serve as backgrounds

Basic Elements of Multimedia

Basic Elements of Multimedia

Graphics
• The two types of graphic used
in multimedia are raster and vector.
• Vector graphics are made up of arcs and
lines.
• Raster graphics are made of dots or pixels.
Basic Elements of Multimedia

Graphics
When using graphics, the
multimedia designer must:
• Determine the best balance between
the size and quality.
• Use appropriate graphics for
the intended purpose and audience.
Basic Elements of Multimedia

Graphics
Choose appropriate file formats:

Most popular for the internet

JPEG (Joint Photographer
Experts Group)
GIF (Graphics Interchange file
format)
PNG (Portable Network Graphics)
Other popular formats
TIFF (Tagged Image File Format)
BMP (Bitmap)
PCX (Windows Paint)
EPS (Encapsulated PostScript)
Basic Elements of Multimedia

Graphics
Graphics editing programs allow designers to
draw, paint, or edit images.

A combination of different graphic programs

may be used in creating multimedia
presentations.
Basic Elements of Multimedia

Audio
• Produced by vibration, as perceived
by the sense of hearing.
• Audio waves are analog signals
because they are continuous,
fluctuating waves with no
interruptions.
Basic Elements of Multimedia

Audio
• Computers are digital machines, meaning that they
represent data with 1s and 0s.

• To use sound on the computer, the sound waves

must be converted from analog to digital form, or
digitized.

• This conversion process is called sampling.

Basic Elements of Multimedia

Audio
• Sampling is a means of reproducing
a continuous event, such as sound
or motion, by recording many fragments
of it. It involves taking snapshots of
a sound wave in rapid intervals.

• These samples, or bits of

information, are saved as numbers to
allow the computer to process them.
Basic Elements of Multimedia

Audio
• The sample rate is the number of samples taken per
second.
• It is typically expressed in hertz (Hz), or samples per
second.
• 16,000 samples per second = 16 kHz
• 44,100 samples per second = 44.1 kHz
(CD quality sound)
Basic Elements of Multimedia

Audio
• AUDIO FILE FORMATS
• AU – (Audio) file created by Sun Microsystems and used on
computers running the UNIX operating system.
• MP3 – (Mpeg-1 Audio Layer 3) very compressed file that is popular
for music stored on portable players and on the Internet because it
can reproduce near-CD quality audio in small file sizes
• WAV or WAVE - an audio file format standard, developed by IBM and
Microsoft, for storing an audio bitstream on PCs. It is the main
format used on Microsoft Windows systems for uncompressed
audio.
Basic Elements of Multimedia

Audio
• AUDIO FILE FORMATS
• MIDI – (Musical Instrument Digital Interface) file format for
creating and/or playing music with instruments using synthesizers and
sound cards.
• AAC - (Advanced Audio Coding) an audio coding standard for lossy
digital audio compression. Designed to be the successor of the MP3
format
• WMA (Windows Media Audio) proprietary file format developed
by Microsoft originally to compete with the .MP3 format.
• Produces high-quality sound.
• More compressed than .WAV files
Basic Elements of Multimedia

Video
Basic Elements of Multimedia

Video
• Is the technology of capturing, recording,
processing, transmitting, and
reconstructing moving pictures.
• Video is more towards photo realistic
image sequence / live recording as in
comparison to animation.
Basic Elements of Multimedia

Video
• allows the audience to view
actual events instead of just reading
about or listening to them.

• Sources for videos include web

sites and stock film companies.
Basic Elements of Multimedia

Video
• Videos can be used in:
• Games
• Presentations
• Video simulations
• Video conferences
• Websites.
Basic Elements of Multimedia

Video
• They vary in quality. The file format
of the video determines:
• • Which programs can open and play it.
• • How much storage space it occupies.
• • How fast it travels over an
Internet connection.
Basic Elements of Multimedia

Video
• AVI (Audio Video Interleave)
• Windows format, plays in Windows Media
Player
• Very good quality, even at
smaller resolutions
• Large file size – not recommended for
delivering video over the Internet.
• Popular format for videos stored on a
computer.
Basic Elements of Multimedia

Video
• VIDEO FILE FORMATS
• MOV (Movie)
• • Apple format, plays
• in the QuickTime Player
• • Very good quality
• • Popular format for
videos downloaded from the
Internet
Basic Elements of Multimedia

Video
• VIDEO FILE FORMATS
• MPEG (Moving Pictures Expert Group)
• The standard for compression and storage of audio
and motion video for use on the World Wide Web.
• • Creates video small file sizes.
• • Popular format for videos downloaded from the
Internet.
• Its biggest advantage is that It will play in many
different media players.
Basic Elements of Multimedia

Video
• VIDEO FILE FORMATS
• RM (RealMedia)
• • Plays in the RealPlayer player.
• • Typically contains a movie clip.
• • Popular format for streaming video
viewed over the Internet.
• • It is generally supported by
many different computers
and operating systems.
Basic Elements of Multimedia

Video
• VIDEO FILE FORMATS
• WMV (Windows Media Video)
• • Proprietary video format developed by
Microsoft.
• • Plays in Windows Media Player.
• • Popular format for streaming video viewed
over the Internet.
Basic Elements of Multimedia

Video
• VIDEO FILE FORMATS
• FLV (Flash Video)
• • New file format widely used on the
Internet.
• • Plays in Adobe Flash Player.
• • Very small file size.
• • Popular format for streaming video
viewed over the Internet
Basic Elements of Multimedia

Video
• Stock clips of animation, sound, and video are
available for free or for a fee:
• On CD’s which can be purchased.
• In presentation software programs.
• On web sites.
• These are made available by vendors (for
sale) or individuals (created as a hobby).
• Available in several formats such
as MPEG1, Quicktime or
Streaming Quicktime etc…
Basic Elements of Multimedia

Hypertext
• a software system that links topics on
the screen to related information and
graphics, which are typically accessed
by a point-and-click method.
• The references that takes the reader
to the other text are underlined
blue types which are called:
Links, Hyperlinks
Basic Elements of Multimedia

Hypermedia
• Similar to Hypertexts, Hypermedia uses links,
but they take the reader to media resources
like: Sound • Images • Animation • Videos,
etc.

• A combination of hypertext, graphics, audio,

video, (linked elements) and interactivity
culminating in a complete, non-linear
computer-based experience.
Basic Elements of Multimedia

DIFFERENCE BETWEEN HYPERTEXT, HYPERMEDIA AND MULTIMEDIA

HYPERTEXT refers just to APPLICATIONS

with links that takes to other texts with
information.
HYPERMEDIA is a particular
multimedia application that use just two types of
media, while
MULTIMEDIA applies several media types.
In general, the term Multimedia subsumes
the terms Hypertext and Hypermedia
Basic Elements of Multimedia

Linear vs. Non-linear

• A Linear Multimedia Project is when it is not
interactive. The user has no control over the
content that is being showed to them.

• Examples:
• A movie
• A non-interactive lecture / demo show
Basic Elements of Multimedia

Linear vs. Non-linear

• A Non-Linear Multimedia Project is when it
is interactive. Users have control over the
content that is being showed to them. They
are given navigational control

• Examples:
• Games
• Courseware
• Interactive CDs
Basic Elements of Multimedia

AUTHORING TOOLS
• Multimedia Authoring tools are
programs or software used to merge,
manage multimedia elements (text,
audio, graphic, animation, video) into a
project.

• They provide the capability for creating a

complete multimedia presentation,
including interactive user
controls/interaction if needed.
Basic Elements of Multimedia

AUTHORING TOOLS

• Most authoring systems also support

a scripting language for more
sophisticated applications.
• Authoring tools require less technical
knowledge to master and are used
exclusively for applications that
present a mixture of textual,
graphical, and audio data.
Basic Elements of Multimedia

AUTHORING TOOLS

Samples of Authoring Tools:

• Adobe Flash
• Adobe Dreamweaver
• Adobe Animate • Adobe Captivate
• Hypercard
• Keynote
• Powerpoint (Surprise! Yes it’s considered an
authoring tool)…and plenty more
Animation
Basic Elements of Multimedia

Animation
• a method in which figures are manipulated
to appear as moving images. In traditional
animation, images are drawn or painted by
hand on transparent celluloid sheets to be
photographed and exhibited on film. Today,
most animations are made with computer-
generated imagery (CGI).
Basic Elements of Multimedia

Animation
Types of animation:

• Traditional Animation.
• 2D Animation.
• 3D Animation.
• Motion Graphics.
• Stop Motion.
Importance of Multimedia

IMPORTANCE OF MULTIMEDIA
There are a number of fields where
multimedia art of use:
• Business
• Education
• Entertainment
• Home
• Public Places
Importance of Multimedia

IMPORTANCE OF MULTIMEDIA
• Business: Sales / Marketing Presentation•Trade show production • Staff
Training Application • Company Kiosks)
• Education: Courseware / Simulations • E-Learning / Distance Learning •
Information Searching
• Entertainment: Games (Leisure / Educational) • Movies • Video on Demand
Online
• Home: IPTV (Internet Protocol TV) • Satellite • TV•Games
• Public Places: Information Kiosk • Smart Cards, Security
Importance of Multimedia

IMPORTANCE OF MULTIMEDIA
There are literally thousands upon
thousands of products that use
MULTIMEDIA products too numerous to
be enumerated here.

Multimedia products are everywhere.

Thank you for listening