Senior High School

12
Media and
Information
Literacy
Quarter 2 – Module 7:
Dimensions of Media and
Information – Motion
 Second Quarter
Module 7 - Week 7
DIMENSIONS OF MEDIA AND INFORMATION - MOTION

Content Standard : The learner demonstrates understanding of different

resources of media and information, their design
principle and elements, and selection criteria.
Performance Standard : The learner produces a living museum or electronic
portfolio or any other creative forms of multimedia
showcasing their/his/her understanding, insights,
and perceptions of the different resources of media and
information.
Learning Outcomes : Describe the different dimensions of motion media
and information; analyze how the different dimensions
are formally and informally produced, organized and
disseminated; produced a creative motion-based
presentation using design principles and elements
Competency Code : Describe the different dimensions of motion
information and media.
Comprehend how motion media and information
is/are formally and informally produced, organized
and disseminated.
Evaluate the reliability and validity of motion
media and information.
Produce and evaluate a creative audio-based
presentation using design principles and elements.
Topic : Motion Design Principles and Elements
Storyboard for a motion media and information

What I Know

Hello! Were you able to learn something about “Audio Media and Information”?
That’s great news! Now, let’s continue this topic with another dimension of media
and information -- Motion. Begin by answering the Multiple-Choice pre-test below.

2
Multiple Choice. Read the questions carefully. On a separate sheet of paper, write
the letter of the best answer.

1. Which statement describes a motion media?

A. Each picture is a frame, and that motion is created by rendering or showing
consecutively several frames per second.
B. Each picture is a collection, and that motion is created by rendering or showing
consecutively several frames per second.
C. Each picture has a story board, and that motion is created by rendering or
showing consecutively several frames per second.
D. Each picture has a framework, and that motion is created by rendering or
showing consecutively several frames per second.

2. What does fast movement in motion media and information indicate?

A. vigor and vitality C. interesting and climax
B. solemnity or sadness D. alertness and decisiveness

3. Which statement describes timing in motion media and information?

A. Subjective timing is psychological or felt.
B. Timing can be both subjective and objective.
C. Objective timing is used to produce movement.
D. Timing can be used to clarify or intensify the message or the event.

4. Which design principle should be followed to create a movement?

A. Speed, direction and timing should depict natural laws of physics.
B. Speed, direction and timing should admire natural laws of physics.
C. Speed, direction and timing should depict laws of PowerPoint presentation.
D. Speed, direction and timing should indicate laws of PowerPoint presentation.

5. Which adds depth and meaning to movement?

A. sound and color C. lines and shapes
B. text and drawing D. rendering and frames

6. What is the importance of sound and color in motion media and information?
A. create the right frames C. create the right mindset
B. create the right mood D. create the right direction

7. Which is true about motion media and information?

A. Informally produced motion media and information have many sources.
B. Informally produced motion media and information are created by professional.
C. Formally produced motion media and information are created by individuals.
D. Formally produced motion media and information follows industry standard in
creating, editing, and producing.

3
8. Which statement is incorrect about motion media and information?
A. There are 24 frames per second to create a smooth movement.
B. Motion media and information is a collection of graphics, footages and videos.
C. Motion media and information are visuals that give the appearance of
movement.
D. There is a universally accepted definition of motion media and information.

9. Which question below determines the credibility of motion media?

A. Is it given a budget and time? C. Is it promoted and released?
B. Is it neglected and verifiable? D. Is it peer reviewed and verifiable?

10. Which one below shows change in direction of an object in motion media?
A. Triggers is like a speed in motion.
B. As objects move, the background also moves.
C. As objects move, the background remains.
D. Triggers allows change in direction of an object.

Were you able to correctly answer the pre-test? It’s okay. You still have chance
to improve yourself. Now, start reading this module.

What I Need to Know

In the previous module, you learned about the basics of audio-based media
and information presentation. It covers not only the audio content of any video but
also specific uses of audio-content only in social media used for marketing
promotions, education and many others.

In this module, you will discover another dimension of media and information
– motion. So, get ready to be amazed in the world of motion media. In this module,
you are expected to:

1. describe the different dimensions of motion media and information;

2. evaluate the credibility and validity of motion media and information; and
3. produce a motion-based media presentation based on their design
elements and principles.

4
 What’s In

Welcome! In this module, you will have another amazing discovery of media
and information. Let’s have fun learning it.

Let’s Talk Quote

Below is a line from famous movie director. Find out what he says by
completing the tiles below. To decode the quotation, supply the correct letter in each
tile. The same number corresponds to the same letter.

Clues: 1 = C; 5 = M; 11 = F; 12 = W

1 2 3 4 5 6 1 7 6 5 6 8 8 4 9 10 11 12 13 6 8 7

2 3 8 13 4 11 9 6 5 4 6 3 14 12 13 6 8 7 10 15 8

-- Martin Scorsese

Guide Questions:
1. What word above is related to motion?
2. What is implied as “frame in and frame out” based on the quotation?
3. What can be expected about motion media then?

You’re terrific! I am sure you have your list of favorite cinema or movie. With
that, you must be familiar with “director’s cut”? Indeed! A director picks out scenes
from a cinema that he/she wants to stay in his/her movie. That is called framing.
So, what is meant by “framing” when creating motion media?

According to film.org, a frame is a single image,

the smallest compositional unit of a film’s structure,
captured by a camera on a strip of motion picture film –
like an individual slide in still photography (refer to the
picture at the right). For frames to move, a series of
frames are juxtaposed or put side by side and shown
in rapid succession in several frames per second. This
is called rendering. Do you want to know how it works? Do the next activity below.

5
 What’s New

Flipbook

A flipbook is a small book with images on each page that change slightly, so
that when you quickly flip through the pages of the book it gives the illusion of
movement or animation. Follow the instructions below to create your own doodle
flipbook. Then, answer the question that follows.

Materials

-- Paper -- Pens, crayons, or markers -- Collage papers

-- Scissors -- Glue -- Masking tape -- Stapler

Steps to Make Doodle Flipbook

Step 1: Cut the paper into your desired size. You can cut pieces of 9"x12" white
drawing paper into smaller 3"x6" pieces. Hand-held sizes in rectangles
or squares are ideal because it's easier to flip the book's pages quickly
and get the desired animation effect. Plus, the more papers in your book
the better, because it will also help your book flip more effectively.

Step 2: Bind your book. If you don't have access to a heavy-duty stapler, try
stapling smaller sets of paper with a regular stapler and taping them
together with masking tape. Or you can punch a few holes and secure
the pages with round head brass fasteners along the spine. With
these, you can add and remove pages to the book more easily than
those with staples.

Step 3: Fill in your book. Draw something that gradually 'moves' across the
page, like this inching caterpillar.

6
 Or you can create a visual story about something that changes in size: from
small to big or shrinks from large to small. Here is an example of a few pages from a
story called One Big Fish.

Reminder: Start drawing at the last page of your book to show the starting
position. Next, draw the last picture on the top of your flipbook. Draw the pictures
in between in the succeeding pages until you finish all the pages of your flipbook.

Step 4: Flip the pages of your book. It will appear as the drawing 'moves'
across the page.

Guide Question
1. How do the pictures create the illusion of movement?

How was your flipbook? Did you see your picture move? To make a smooth
animation, it takes 24 frames (pictures) or more per second. Cool, right? Do another
activity.

WORD SEARCH

Find the four words in the word search puzzle. The words may appear straight
across, backward straight across, up and down, and down and up. Then, answer the
guide questions in complete sentences. Write your answer on another sheet of paper.

G N O E R A C N V S U O H
Q C M K L I O N B C U B U
D X B O S S T U D D A E D
F F J K T R A N S S T I O
G S M S E I B S U O R D N
H P B L L S O U S E K P E
Y E R O L O T N C Y N O M
T E S P A L H T O W N O U
E D Y R R A I I N P L N
R D R T L O H N O M A Y T
F E U F N F G N I M I T H
O V E N T U D U R E D I H

7
Guide Question:
1. How do these words relate in making motion media and information?

That’s right! The principles of motion media and information revolves around
these essential elements. What are these? Read the next section to find out.

What Is It

Motion media and information is a combination of texts and graphics which

communicate information in multiple ways. It is multisensory in nature that it
stimulates the audience in sight and hearing. Mastering the fundamental concepts
and techniques of motion media and information design helps achievement
communication goals.

The following are the essential elements in motion media and information
making.

◼ Speed can be constant or variable. The tone of the movement can be

highlighted by the speed coupled with music. A fast movement gives vigor
and vitality, intensifying emotions. A slow movement connotes lethargy,
solemnity or sadness.
◼ Direction can indicate a movement from one direction to another. It can
also refer to the growing or shrinking of an object. As objects move, the
background must remain in scale with the object.
◼ Motion Path refers to the route that the object will take. It shows the
change in direction of a movement. It is important to note the triggers to
the change in direction of an object. These triggers are often key objects or
events in a story.
◼ Timing can be objective or subjective. Objective timing can be measured
in minutes, seconds, days, etc. Subjective timing is psychological or felt.
Objective timing is used to produce subjective timing. Timing can be used
to clarify or intensify the message or the event. Using a pause can help
time the events.

These elements when used with other forms of media and information such
as audio, visual and people media create movement that convey different emotions,
impact and results.

In creating movement, follow these design principles.

◼ Speed, direction and timing should depict natural laws of physics. This
included trajectories, impact on objects and reactions of the environment.
◼ Timing affects recall. Fast movement sends much information. Slow
movement provides emphasis and lasting recall.

8
 ◼ Transitions are used to switch between scenes. There should be a clear
start and finish in your motion path or scenes. It is important to know
which type of transition to use as this sets the tone for the next event and
should provide a smooth connection from one event to another.
◼ Sound and color add depth and meaning to movement. Using neutral
colors at the start or end of a scene is a good method for creating the right
mindset.
◼ Cartooning your graphic and text provides dynamic movement. This can
be done by using the following movements: stretching, rotating and
squashing.
◼ Blurring can be used in different ways. In animation, it can provide the
illusion of fast movement. In videos, it is often used to censor information
for security or decency.

Always review the purpose of the movement. Remember, it is not added just
for the sake of it.

Have you grasped the idea? To find out, proceed to the next section.

What’s More

Activity 1. Motion Media Formats, Types and Sources

There are widely accepted formats, types and sources of motion media and
information. Study the list below and classify them. Be ready to explain your
classification scheme.

animated gifs
(Graphic Flash Shockwave Dynamic H.26N series
Interchange HTML
Format)
Documentary
Quicktime DivX MPG MP4
Film
Commercial
Television
Advertisements Reality Shows Game Shows Talk Shows
News
on TV
Youtube GMA News Kapamilya
Tiktok Vblog
Channel Channel Channel

Guide Question:
1. Have you observed items falling into several categories? Explain your answer.

9
 Good job! Remember too, that motion media and information can be grouped
according to the way they are produced – either formally or informally. Informally
produced motion media are created by individuals often for personal use. Formally
produced motion media are created by professionals who follow industry standards
in creating, editing and producing motion media. Formal production of animations
involves the following steps. Exciting right? Do, the next activity.

Activity 2. Truth in Motion

Due to internet, there is a abundance of motion media available to the masses.

There is now a dilemma on the appropriateness of its consumption. Because of this,
proper evaluation of the motion media is important. Read the situation below and do
the tasks.

Situation: A video was sent to your class group chat. It shows one of your
classmate cheating during an exam. In the video, only the
student rumored to have cheated is seen.
Task: Using the Motion Credibility and Validity Checklist, determine
its authenticity.

Motion Media and Information Validity Checklist

Responses
Indicators
YES NO REMARKS
1. Is it peer-reviewed and verifiable?
2. Is it primary or secondary source?
3. Does the video capture the actual event?
4. Does it simply present information learned about
an event?
5. Does he have firsthand knowledge?
6. Does action seem to jump from one position to
another?
7. Are there some actions missing?
8. Are there shadows found in the video?
9. Does the video show real life objects?
10. Are the objects found in the video resized?

Guide Question:
1. What are the criteria in determining the credibility of a video?

Fantastic! Remember that motion media has its fair share of both advantages
and limitations.

10
Activity 3. Moving Movement.

Recall that the various movements in the video contribute to its message.
Select at least two old commercial/advertisements. Then, identify the different
elements of motion design used in the video.

Motion
Element Speed Direction Timing Remarks
Path
Advertisement
# 1 Title:

Advertisement
# 2 Title:

Guide Question:
What are the various movements that contribute to the message of each video?

You certainly have a keen eye for motion! Remember, movement tells a story in
motion media and information.

What I Have Learned

Do not forget …

◼ Motion media and information can be grouped according to the way they
are produced – either formally or informally.
◼ Motion Media have formats, types and sources.
◼ Basic criteria in determining credibility of a motion media are validity of
information, source, relationship of the author to the event and technical
methods of detecting tampering/fake video.
◼ Motion design elements and principles are speed, direction, motion path
and timing.

What I Can Do

One Minute to Action

Situation: As a media and information literate individual, it has become

your unwritten commitment to educate people in using social
media. Think of your target audience for your message. How

11
 would you present the topic to them using motion media and
information? What is your message? What do you need to know
about your message and your audience?”

Tasks: Using your knowledge of motion media and information, create

a one-minute video. To do that, do the following activity.

Activity 1A: Storyboard to Educate

Storyboard allows you to identify key events in your story. Refer to the
directions and picture below.

Directions:
1. Get a short-sized bond paper.
2. Fold it into 8 squares.
3. For each square, draw 3 lines at the bottom.
4. The space above (the box) is where you draw your key scenes.
5. The lines below are where you write the details.

Activity 1B. Shooting the Video

Using your completed storyboard, shoot each scenes using any video recorder
you have. Then, upload it in our Facebook page. Refer to the rubrics below for
guidance.

12
Motion Media Rubrics:
Criteria 10 8 6 4
Message is
clear with
some
Message is Message is not
confusing Message is not
Message clear and clear, has some
points, has relevant
relevant to relevance.
some relevance
audience.
to the
audience.
Poor and
Sequencing confusing Little to no
Minimal gaps
Storyboard and pacing is sequencing and planning
are evident.
smooth. pacing. Gaps done.
are present.
Motion design
Motion design Motion design
Motion design is
maximizes creates little
Design creates some inappropriate
audience audience
impact. and not
impact. impact.
helpful.

Assessment

Multiple Choice. Read the questions carefully. On a separate sheet of paper, write
the letter of the best answer.

1. Which statement below justifies the use of motion media?

A. It is safe for simulation.
B. It can be viewed repeatedly.
C. It shows processes in detail.
D. It creates scenes, history, and events.

2. Which statement is CORRECT about formally produced motion media?

A. Formally produced motion media enjoys industry’s freedom in creating, editing
and producing.
B. Formally produced motion media follows industry’s standard in creating,
editing and producing.
C. Formally produced motion media promotes industry’s sentiment in creating,
editing and producing.
D. Formally produced motion media elaborate industry’s work schedule in
creating, editing and producing.

13
3. What is being created by drawing a slightly different picture indicating change in
the image on each page of a pad paper?
A. Flippad C. Flippant
B. Flipbook D. Flipblank

4. Which word below completes this statement, “Motion media can be a collection of
graphics, footage and __________.”
A. Audio C. Video
B. Text D. Visual

5. Which of the following produces the limitation of motion media and information?
A. It is subject to single interpretation.
B. The movements are not smoothly created.
C. It is less expensive compared to other media.
D. Viewers cannot always interrupt the presentation.

6. Which adds depth and meaning to movement?

A. sound and color C. lines and shapes
B. text and drawing D. rendering and frames

7. What is the importance of transition in motion media and information?

A. create the right frames C. create the right mindset
B. create the right mood D. create the smooth connection

8. Which of the following statements is true about motion media and information?
A. Informally produced motion media and information have many sources.
B. Informally produced motion media and information are created by professional.
C. Formally produced motion media and information are created by individuals.
D. Formally produced motion media and information follow industry standards in
creating, editing and producing.

9. Which statement is incorrect about motion media and information?

A. There are 24 frames per second to create a smooth movement.
B. Motion media and information are collections of graphics, footages, and videos.
C. Motion media and information are visuals that give the appearance of
movement.
D. There is a universally accepted definition of motion media and information.

10. Which one below shows change in direction of an object in motion media?
A. Triggers is like a speed in motion.
B. As objects move, the background also moves.
C. As objects move, the background remains.
D. Triggers allow change in direction of an object.

14
 15
I H R E D O V E N T U D U
T H I M I F E U F N F G N
Y T O M A R D R T L O H N
L N N P E D Y R R A I I
O U O W N T E S P A L H T
O M C Y N Y E R O L O T N
P E S E K H P B L L S O U
D N U O R G S M S E I B S
I O S S T F F J K T R A N
E D D D A D X B O S S T U
B U B C U Q C M K L I O N
O H V S U G N O E R A C N
What’s More
Activity 1.
Answer may vary.
Possible answers are
• According to format: • Animations - animated gifs (Graphic Interchange Format), Flash,
Shockwave, Dynamic HTML • Video formats/Video Codecs - motion media use large
resources. Codecs compresses and decompresses video files. Examples are H.26N series,
Quicktime, DivX, MPG, MP4 • According to purpose: education, entertainment,
advertising • According to source: personal, social media, media companies • According
to audience: private or public; directed or general
Activity 2 and 3
Answer may vary
What’s New
What’s In
Clues: 1 = C; 5 = M; 11 = F; 12 = W
1 2 3 4 5 6 1 7 6 5 6 8 8 4 9 10 11 12 13 6 8 7
C I N E M A I S A M A T T E R O F W H A T ‘ S
2 3 8 13 4 11 9 6 5 4 6 3 14 12 13 6 8 7 10 15 8
I N T H E F R A M E A N D W H A T ‘ S O U T
Answer Key
References:
Wilson, Carolyn et al. (2011). Media and Information Literacy: Curriculum for
Teachers. UNESCO Press ISBN 978-92-3-104198-3 (EN); 978-959-18-07; 978-959-
18-0787-8 (ES).

(n.d.). Motion Media. Retrieved December 2, 2020, from

https://www.motionmedia.com/

(n.d.). Motion Media. Retrieved December 2, 2020, from

https://www.motionmedianc.c

(n.d.). Motion Media. Retrieved December 2, 2020, from https://www.motion-

media.com/

(2015, November 17). Motion Media Design Principles by JUAN MORALES - Prezi.
Retrieved December 2, 2020, from https://prezi.com/or2xnz4nix8u/motion-media-
design-principles/

(n.d.). Motion Media Design Principles by raul collins - Prezi. Retrieved December 2,
2020, from https://prezi.com/oeicbetkx_s-/motion-media-design-principles/

(n.d.). Design Essentials for the Motion Media Artist: A Practical .... Retrieved
December 2, 2020, from https://www.amazon.com/Design-Essentials-Motion-
Media-Artist/dp/024081181X

16