INTRODUCTION TO

MULTIMEDIA

DR. JOEL B. MANGABA

JULY 27, 2021
At the end of the session, the students are able to:

1. Define what multimedia is;

2. Identify the different types of multimedia;
3. Determine different software and platforms used in
multimedia; and
4. Understand Graphic and Digital Design.
Multimedia is a form of communication that combines
different content forms such as text, audio, images,
animations, or video into a single presentation, in
contrast to traditional mass media, such as printed
material or audio recordings.
5 TYPES OF MULTIMEDIA
 5 TYPES OF
MULTIMEDIA
• Text
• Image
• Audio
• Video
• Animation
SOFTWARE / PLATFORM
FOR EDITING OF TEXT,
IMAGE AND ANIMATION
 SOFTWARE / PLATFORM
FOR EDITING OF TEXT, IMAGE, AND
ANIMATION
Microsoft PowerPoint is a powerful slide show presentation
program. It is a standard component of the company's Microsoft
Office suite software, and is bundled together with Word, Excel,
and other office productivity tools. The program uses slides to
convey information rich in multimedia.

Canva is a graphic design platform, used to create social media

graphics, presentations, posters, documents and other visual
content. The app includes templates for users to use. The platform
is free to use and offers paid subscriptions like Canva Pro and
Canva for Enterprise for additional functionality.
 SOFTWARE / PLATFORM
FOR EDITING OF TEXT, IMAGE, AND
ANIMATION
Adobe Illustrator is more than just a graphic design tool that is
perfect for illustrative artwork, page layouts, corporate logos,
website mockups, and almost anything else as per the requirement.
Moreover, it’s an industry benchmark in vector creation tools.

Adobe Photoshop is synonymous with photo editing for

graphic designers. It is one of the most popular photo
editing software tools in the market in a robust package that
offers excellent graphic design capabilities.
 SOFTWARE / PLATFORM
FOR EDITING OF TEXT, IMAGE, AND
ANIMATION
CorelDraw Graphics Suite packs some pro-level features and
offers a highly accessible interface that is easy to use. It is a
bundle of multiple applications that deliver powerful editing
features.

GIMP is much more than just a photo editor that offers a lot
of incredible Photoshop features for free. It provides
multiple professional-quality functions to fine-tune snaps
and create artworks from scratch.
SOFTWARE / PLATFORM
FOR EDITING OF AUDIO
 SOFTWARE / PLATFORM
FOR EDITING OF AUDIO
Audacity is our pick for best overall audio editing software
because it is a full-featured software with multi-track editing
features and cross-platform support for Windows, macOS, and
Linux. It’s great for a variety of audio editing projects,
including podcasts.

GarageBand is a free audio editing program for macOS laptop and desktop
computers. It is the best free audio editor because, among free editors, it is one
of the best-looking choices, comes with a solid list of effects and instruments
for creating new music, and integrates deeply with the Mac ecosystem, which
makes sense because it’s made by Apple. It may be preinstalled on your Mac
computer, or you can get it for free from the Apple App Store.
 SOFTWARE / PLATFORM
FOR EDITING OF AUDIO

Adobe Audition is a professional-grade audio editing

software from a well-known name in media production.
Available on its own or as part of the Adobe Creative Cloud
suite, Audition is regularly used by professionals in the
radio, television, and movie industries. It is our pick as best
for live music because it does an excellent job recording
multiple channels simultaneously from multiple inputs with
excellent post-recording production tools.
SOFTWARE / PLATFORM
FOR EDITING OF VIDEO
 SOFTWARE / PLATFORM
FOR EDITING OF VIDEO
Adobe Premiere Pro is one of two industry standard tools
when it comes to video editing. It's routinely used by top
professionals, on everything from YouTube videos,
commercials and short films to TV and movies.

Apple's Final Cut Pro X is a highly capable and highly

respected tool for professional video editing. The main thing
that counts against it is that it's not available for Windows. On
the upside, it's subscription-free. So if you don't want a
Creative Cloud subscription, Final Cut Pro X lets you pay
once, and once only.
 SOFTWARE / PLATFORM
FOR EDITING OF VIDEO
Premiere Pro and Final Cut Pro are expensive, and a lot of work to
learn if you just want to edit some videos for fun, such as family
footage or your first YouTube video. In which case, we'd recommend
Adobe's Premiere Elements, which we'd call the best video editing
software for beginners.

CyberLink PowerDirector 365 is a serious bit of consumer-level video

editing software that long been available for Windows, and has recently
been released for Mac users too. It's available either as a one-off
purchase or a monthly or annual subscription, and both options are
pretty cheap.
SOFTWARE / PLATFORM
FOR EDITING OF VIDEO

VideoPad Video Editor is a video editing application developed by

NCH Software. It is complemented by the VirtualDub plug-ins that
work with the software. VideoPad integrates WavePad, a sound-editing
program; MixPad, a sound-mixing program; and PhotoPad, an image
editor
 Graphic / Digital Design
Artistic Application
Focused on aesthetics with elements that are pleasing/attractive to the eyes
and sometimes can spark curiosity.

Graphic design is an art or

skill of combining text, Functional Application
Focused on function, content and user experience. How information can
elements and images in easily be navigated and absorbed.
digital ads, websites,
magazines, apps etc.
A craft where professionals create visual content to
communicate messages.
Types of Graphic / Digital Design

Visual Identity Marketing and Web and App Publication Packaging

Advertising Interface

Video and Environmental Architectural Arts and

Motion Illustration
Things to Keep in Mind…

Context Time Research Patience

Understand the content, Take your time when Take inspiration but It’s okay, you can cry
know your client and designing, but keep never plagiarize and and let it all out
your audience your timeline in mind explore possibilities
 Basic Design Elements
Lines and Shapes

Color Theme / Palette

There are Design
Resources and Elements Fonts / Typeface
that You can Download
for Free Online. Images and Illustrations
Be wary of copyright license, and never claim any
downloaded resource online as your own.

Icons and other Elements

Basic Design Elements
Color Psychology Fonts and Typeface Images, Illustrations and Icons

Emotion Associated Always choose one that

R Strength, Passion You will ! conveys the same message as
your content
and Excitement
always be mine
Stock Images websites:
Emotion Associated
• Pixabay • Burst
G Freshness, Growth
and Safety
You will • Pexels
• FreeStocks
• New Old Stock
• Icons8

B
Emotion Associated
Loyalty, Trust,
always be • Unsplash
• Flaticon
• Negative Space
• Freepik
and Intelligence
mine
Emotion Associated You will DO NOT just randomly download images
from Google search, it might be
Y Optimism, Clarity,
and Warmth
always be copyright protected

mine
Basic Design Elements

“Color designs can communicate the moods and

feelings to the target users although the
perception of colors are subjective, there are
some color effects that have universal meaning.”
– Kendra Cherry 2020
Basic Design Elements – Color Rules
Color preferences of consumers:sts cleanliness and freshness of
the product.
• Black color suggests power, sexy, mysterious and even ominous.
• Silver color suggests self - innovation and modernity.
• Red color suggests boldness, attention, action and confidence.
• Blue color suggests stability and safety.
• Yellow suggests happiness, gay and jolly moods.
• Gray color suggests subtle or clever.
Basic Design Elements
• Primary Colors make up the basis for the color wheel. Red,
Yellow and Blue.
• Secondary Colors are made by mixing equal portions of the
primary colors. these create green, orange and purple.
• Tertiary colors are made by mixing a primary color with a
neighboring secondary color.
• Warm and cool colors warm colors are colors like sun or fire
while cool colors are colors like water or grass.
Basic Design Elements
Color rules are combinations or shades of colors showing
harmonious and contrast colors that graphic designers can
rely on when creating backgrounds, posters, or coloring
images. The following are examples of color rules:
• Monochromatic
• Analogous
• Complimentary
• Triadic
Basic Design Elements – Color Rules
Monochromatic and Analogous
Basic Design Elements – Color Rules
Complimentary and Triadic
Basic Design Elements
• Hue is the name given to a color like red, blue, and
green
• Value refers to the lightness or darkness of a color. It
indicates the quantity of light reflected. When
referring to pigments, dark values with black added
are called “shades” of the given hue name. Light
values with white pigment added are called “tints” of
the hue name.
• Saturation is also called as “intensity” and “chroma.”
It refers to the dominance of hue in the color.
Basic Design Elements - Lines
The following are the examples of lines that can be use in
graphic design
Basic Design Elements - Shapes
Shapes are forms of lines that encloses a space. In design, shapes
have two dimensions, the height and width. Shapes defines the
boundaries of the form and can help identify an object.
Basic Design Elements - Shapes

https://cms-assets.tutsplus.com/uploads/users/2056/posts/33922/image/19-10-02-ART-The-Basic-Elements-of-DesignArtboard-1-copy-2.jpg
Basic Design Elements – Shapes

https://yesimadesigner.com/wp-content/uploads/2019/10/color-logos-famous-logo-designs.png?x99157&x9
9157&x99157&x99157&x78792&x86947&x86947&x86947

Logo shapes
Basic Design Elements - Textures
In design, texture gives the feel or appearance of the shapes.
There are two key textures image textures and pattern textures

Image Pattern Environmental Biological Man-made

Basic Design Elements - Space

https://image.slidesharecdn.com/elementsofinteriordesignfinal-150201161501-conversion-gate01-18012019
0552/95/elements-of-interior-design-35-638.jpg?cb=1516475240
Basic Design Elements - Space

Proximity Overlap Opacity Light and Shadow Perspective / Depth

Basic Design Elements - Typography

Typography is the creative way of organizing and arranging letters and text
in a clear, and visually attractive to the target audience. It involves font
style, looks, and structure to visually convey a message.
Basic Design Elements - Typography

Functional Decorative / Creative

Basic Design Principles
Contrast

According to (David, 2019), Contrast is a visual

element that attracts the attention and emphasize
the message of the design. It occurs when two or
more visual elements in a composition are
different.
Basic Design Principles - Contrast

Contrast
Basic Design Principles - Hierarchy

Hierarchy - shows the importance of each design elements.

Basic Design Principles - Alignment

Alignment - lining up the elements from left, right, center, top or bottom.
Basic Design Principles - Alignment
Basic Design Principles - Balance

“Balance is the distribution of the visual weight of objects,

colors, texture, and space. If the design was a scale, these
elements should be balanced to make a design feel stable.
In symmetrical balance, the elements used on one side of
the design are similar to those on the other side; in
asymmetrical balance, the sides are different but still look
balanced. In radial balance, the elements are arranged
around a central point and may be similar.”
(J.Paul Getty Trust, 2011)
Basic Design Principles - Balance
“Balance is the distribution of the visual weight of objects, colors, texture, and space.
If the design was a scale, these elements should be balanced to make a design feel
stable. In symmetrical balance, the elements used on one side of the design are similar
to those on the other side; in asymmetrical balance, the sides are different but still
look balanced. In radial balance, the elements are arranged around a central point
and may be similar.”
(J.Paul Getty Trust, 2011)
Basic Design Principles - Balance

Symmetrical (formal) Asymmetrical (informal) Radial

Basic Design Principles - Proximity

“The principle of proximity is simply the process of ensuring

related design elements are placed together. Any unrelated
items should be spaced apart. Proximity indicates that items
are connected or have a relationship to each other and
become one visual unit which helps to organize or give
structure to a layout.” (Matt Smith, 2017)
Basic Design Principles - Proximity
Basic Design Principles - Repetition

Source: David Gareth, 2019 Source: (Visual Communication Design, 2013)

Exhibit 26. Example of Repetition Exhibit 25.1. Pattern

Repetition - a style of using the same elements, it is almost the same of

pattern however pattern is the combination of elements in the design
Good design is making something
intelligible and memorable.
GREAT DESIGN is making
something MEMORABLE
and MEANINGUL.
- fullstop360.com
 THANK YOU
As each has received a gift, use it to serve one another,
as good stewards of God's varied grace – 1 Peter 4:10