Visual Media and Information for Tagged Image File Format.

TIFF images create very large

- materials, programs,
file sizes. TIFF images are
applications and the like that
uncompressed and thus contain
teachers and students use to
a lot of detailed image data
formulate new information to aid
(which is why the files are so
learning through the use,
big) TIFFs are also extremely
analysis, evaluation and
flexible in terms of color (they
production of visual images.
can be grayscale, or CMYK for
Types of Visual Media print, or RGB for web) and
content (layers, image tags).
- Photography, video,
screenshots, infographics, data 3. GIF, file types ending in .gif
visualization (charts and GIF stands for Graphic
graphs), comic strips/cartoons, Interchange Format. This format
memes, visual note-taking, etc. compresses images but, as
different from JPEG, the
Common Visual Media File
compression is lossless (no
Types
detail is lost in the compression,
1. JPEG (also known as JPG), but the file can’t be made as
file types ending in .jpg JPEG small as a JPEG).GIFs also have
stands for Joint Photographic an extremely limited color range
Experts Group, which created suitable for the web but not for
this standard for this type of printing. This format is never
image formatting. JPEG files are used for photography, because
images that have been of the limited number of colors.
compressed to store a lot of GIFs can also be used for
information in a small-size file. animations.
Most digital cameras store
4. PNG, file types ending in .png
photos in JPEG format, because
PNG stands for Portable
then you can take more photos
Network Graphics. It was
on one camera card than you
created as an open format to
can with other formats.
replace GIF, because the patent
2. TIFF (also known as TIF), file for GIF was owned by one
types ending in .tif TIFF stands company and nobody else
wanted to pay licensing fees. It Purpose of visual information
also allows for a full range of
- The primary purpose of visual
color and better compression.
information is to gain attention,
It’s used almost exclusively for
create meaning, and facilitate
web images, never for print
retention.
images. For photographs, PNG is
not as good as JPEG, because it Visual design elements
creates a larger file. But for - The building blocks or basic
images with some text, or line units in the construction of a
art, it’s better, because the visual image.
images look less “bitmappy.”
Design Elements are:
5. BMP. Short for "Bitmap." It
can be pronounced as "bump," a. Line - describes a shape or
"B-M-P," or 18 simply a "bitmap outline. It can create texture
image." The BMP format is a and can be thick or thin. Lines
commonly used raster graphic may be actual, implied, vertical,
format for saving image files. It horizontal, diagonal, or contour
was introduced on the Windows lines.
platform, but is now recognized b. Shape - usually a geometric
by many programs on both Macs area that stands out from the
and PCs. space next to or around it, or
Formally and informally because of differences in value,
produced visual media color, or texture. Shape may
also be organic.
- Visual media produced by
formal organizations such as c. Value - the degree of light and
schools, government, and dark in a design. It is the
established media/publishing contrast between black and
outfits are considered formally white and all the tones in
produced. Other visual media between. Value can be used
are considered informally with color as well as black and
produced. white. Contrast is the extreme
changes between values.
d. Texture - the way a surface
feels or is perceived to feel.
• Design Principles and
Texture can be added to attract
Elements
or repel interest to a visual
element. Visual texture is the - The elements and principles of
illusion of the surfaces peaks design are the building blocks
and valleys, resulting in a used to create a work of art. The
feeling of smoothness or elements of design can be
roughness in objects. thought of as the things that
make up a painting, drawing,
e. Color - determined by its hue
design etc.
(name of color), intensity (purity
of the hue), and value (lightness Good or bad - all paintings will
or darkness of hue). Color and contain most of if not all, the
color combination can play a seven elements of design. The
large role in the design. Color principles of design can be
may be used for emphasis, or thought of as what we do to the
may elicit emotions from elements of design. How we
viewers. Color maybe warm, apply the principles of design
cool, or neutral. It plays a major determines how successful we
role in our visual perception, as are in creating a work of art.
it influences our reactions about Visual Design Principles are:
the world around us. It is
therefore important to create 1. Consistency of margins,
color palettes that evoke the typeface, typestyle, and colors
appropriate audience reactions. is necessary, especially in slide
presentations or documents that
Color has three properties. are more than one page.
f. Form - a figure having volume 2. Center of interest - an area
and thickness. An illusion of a 3- that first attracts attention in a
dimensional object can be composition. This area is more
implied with the use of light and important when compared to the
shading. Form can be viewed other objects or elements in a
from many angles. composition. This can be by
contrast of values, more colors, object by way of placement and
and placement in the format. position.

3. Balance - a feeling of visual Directional movement can be

equality in shape, form, value, created with a value pattern. It
color, etc. Balance can be is with the placement of dark
symmetrical and evenly and light areas that you can
balanced, or asymmetrical and move your attention through the
unevenly balanced. Objects, format.
values, colors, textures, shapes,
forms, etc. can be used in
creating balance in a 7. Rhythm - a movement in
composition. which some elements recur
regularly. Like a dance, it will
4. Harmony - brings together a
have a flow of objects that will
composition with similar units. If
seem to be like the beat of
for example your composition
music.
was using wavy lines and
organic shapes, you would stay 8. Perspective - created through
with those types of lines and not the arrangement of objects in
put in just one geometric shape. two-dimensional space to look
like they appear in real life.
5. Contrast - offers some change
Perspective is a learned
in value creating a visual
meaning of the relationship
discord in a composition.
between different objects seen
Contrast shows the difference
in space.
between shapes and can be
used as a background to bring
objects out and forward in a
design. It can also be used to
create an area of emphasis.

6. Directional Movement - a
visual flow through the
composition. It can be the
suggestion of motion in a design
as you move from object to
 such as text and audio, to
produce

multimedia. Motion Information,

WEEK 2: MOTION and
otherwise, is the file or clip that
INFORMATION MEDIA
is created using motion media.
SUPPLEMENTAL NOTES
Occasionally, it is utilized as a
MOTION and INFORMATION support to the visual tracking of
MEDIA a certain thing or object.

• A form of media that has the In motion media, every graphic

appearance of moving text and or image is a frame. Through
graphics on a display. Its rendering, or the act of
purpose is to communicate displaying consecutively various
information in multiple ways frames per second, motion is
(Roblyer 2006). produced. For one to have a

• An integrated sight and sound smooth animation, one must

kinetic media (Shelton,2014). have 24 frames or more per

Motion is described as the act or second.

process of moving or being This series of frames

moved (Oxford University, n.d.). orthographics follows a
It is the action of constantly sequence to create a story or a
moving from one place to the message. This sequence is
next or changing position called a storyboard. It
(HarperCollins, n.d.). Therefore, represents the shots planned for
motion media can be defined as a commercial, film, or television
a media communication that show (Oxford University, n.d.).
provides the presence of spatial
Characteristics of Motion Media
movement of textsand images.
Practically, these are visual Here are some characteristics
media. Aside from that, motion of motion media:
media are considered as
❖ These transfer messages to
collections of images and
many people
footages. These media are
combined with other media,
❖ These deliver the same ❖ Scriptwriting and dialogue
message to the audience at recording
once
❖ Sketching for animation;
❖ These represent messages Acting and shooting for video
that are typically indifferent and
❖ Adding background music and
temporary
background details
❖ These are multisensory
❖ Rendering
❖ These are formal, influential
Formats of Motion Media
channels of communication
There are numerous widely
❖ These are contributors in
accepted formats of motion
behavior and attitude alteration
media:
❖ These discuss some important
❖ Film – a series of moving
issues, persons, organizations,
graphics or images, with
or social movements
accompanying of a recorded
Production of Motion Media sound

Motion media can be produced ❖ Television – a

in two ways: Informal and telecommunication system for
Formal. Informally produced transmitting and receiving visual
motion media are created by images and sounds that are
people just for personal reproduced on screens (Oxford
consumption. In contrast, University, n.d.)
formally produced motion media
❖ Interactive Video – a kind of
are made by professionals, such
digital video that involves the
as film directors, who follow the
user’s interaction and
standard of the industry when it
participation
comes to the refinement and
creation of motion media. The ❖ Others (such as Internet and
formal production of motion Mobile Phone)
media includes the succeeding Sources of Motion Media
steps:
The following are some sources
❖ Generating of storyboard of motion media:
❖ Internet - a universal For us to know the
computer network that delivers trustworthiness of a motion-
a variety of information and based media presentation, we
communication facilities (Oxford must discuss the basic methods
University, n.d.) on determining the credibility of
motion media:
❖ Film and Television Studios - a
place where films, television ❖ Validity of the information –
shows, and broadcast we need to know if the
productions are produced information was peer-reviewed
(HarperCollins, n.d.) and provable

❖ Broadcast Channels - a ❖ Source – we need to identify

terrestrial frequency or the types of source used to
computer-generated number generate the information; we
over which a broadcast station also need to determine if the
or broadcast network is video was an actual footage of
disseminated the event or a mere
representation of the
❖ Video Channels - an account
information learned about it
on an online media sharing or
streaming service from which
one can create media content,
❖ Relationship of the author to
such as videos, accessible to
the event – we need to learn if
other people who are also using
the author has firsthand
the service (Merriam-Webster,
knowledge about the event
n.d.)
❖ Technical methods of
❖ Library - a building or room
detecting tampered/fake video:
that contains collections of
books, periodicals, and o Video smoothness
sometimes movies and recorded o Lighting coverage matches
audio for people to read, borrow,
or refer to (Oxford University, o Scale and size consistent -
n.d.) scale refers to the size of an
object in relation to another
Basic Methods on Determining object
the Credibility of Motion Media
Advantages of Motion Media ❖ These cannot be interrupted
by the viewers
Here are some advantages of
motion media: ❖ These are, at times,
unsuitable for other topics that
❖ These provide better mastery
are presented best using
of processes
stagnant
❖ These display the procedures
pictures
in detail and in sequence
❖ These are subject to
❖ These allow for harmless
misinterpretation, especially for
observation
younger audiences who lack
❖ These capture motion in a
maturity
manner that can be viewed over
and over ❖ These are oftentimes more
expensive than other forms of
❖ These allow recreation of the
visual media
scenes, history, events, and
phenomena Elements and Principles of
Motion Design
❖ These contribute in molding
personal and social attitudes Motion- is a vital part of any
commercial, film, or television
❖ These provide problem-solving
show. It is significant because
skills for the viewers
the movement of the
❖ These promote cultural combination of texts and images
understanding and appreciation or pictures delivers an effective

❖ These establish harmony message to the viewers. A well-

among the people with different crafted motion makes the

cultural backgrounds audience appreciate any motion-

based media presentation. This
Limitations of Motion Media is the main reason why it is
If there are advantages of significant to know the elements
motion media, there are also and principles of motion design.
limitations. Here are the several
limitations of motion media:
Motion Design is a discipline o Objective Timing - can be
that applies the principles of measured in seconds, minutes,
graphic design to filmmaking hours, days, etc.
and video production through
o Subjective Timing - is
utilization of animation and
psychologically experienced or
visual effects. The following are
felt
the elements of motion design
or the things that a person must Aside from the objects that a
work with to create a motion: person must work with in
producing a certain motion,
❖ Speed – highlights the tone of
principles of motion design, or
the movement; The two types
the motion techniques for
are:
merging the various elements or
o Fast Movement – provides objects of motion design, should
alertness and escalating also be studied:
emotions
❖ Speed, direction, and timing
o Slow Movement - indicates should portray natural laws of
weariness, seriousness, or physics.
sorrow
❖ Timing influences recall.
❖ Direction – specifies a
❖ Transitions are utilized to
movement from one route to
shift between scenes.
another; refer to the growth or
shrinkage of an object or thing ❖ Sound and color enhance
depth and purpose to a certain
❖ Motion Path - refers to the
movement.
spatial movement that a thing or
an animated object will take; ❖ Cartooning one’s image and
displays the change in direction text offers dynamic movement.
of a certain movement This can be easily done by the
following movements:
❖ Timing – is used to explain or
stretching, rotating, and
strengthen the message or the
squashing.
event; it has two kinds:
❖ Blurring can be used in
several ways. In animation,
blurring gives the illusion of fast

movement. In videos, blurring is

frequently used to censor
confidential information or
sensitive content.