NAME: CAMPOSO, FRANCIENT GRADE & SECTION:12H2-Socrates

What’s New

Activity 4.0 Imagine This

Take a 10selfies and every time you take a picture, move slightly. After taking 10
slightly different selfies, try to view each picture (in order) in less than 5 seconds.N

Sample motion images by Jay Michael A. Calipusan

Wonder at this: As you observe your 10 selfies, ask yourself this:

1. Why do my selfies look like its moving when viewed faster in transition?
Because each picture is a direct relation to the previous and next picture, this
creates an illusion of movement when I try to view each picture by sequence.
2. Can this be the concept behind how motion media is presented?
I think is the concept behind now videos are recorded and played.

Activity 4.1: Video Demonstration

Produce a 10 second video
about you demonstrating how to
properly drink water. Be creative.
Save the video in your smartphone
or personal computer for
evaluation.

Photo by Johnny McClung on Unsplash

There are many ways to produce a motion picture. Let us explore the different motion pictures
produced throughout the history
Activity 4.2: Motion Picture
Provide a picture that you find the best example for each type of motion picture.
Example, for animation, you can use your favorite anime like Dragon Ball Z. Use the space
provided in the right.
Task 4.2 Types of Motion Picture
Motion Picture Image Sample
Traditional Animation. A technique in which each frame
is individually drawn by the artist or animator.

CC BY 3.0, https://en.wikipedia.org/w/index.php?curid=31407257

Computer Animation: The art of creating animation using

computer. It can be in a form of (2d) two-dimensional or
three-dimensional (3d).

By Hipocrite at English Wikipedia - Transferred from en.wikipedia to

Commons., Public Domain,
https://commons.wikimedia.org/w/index. php?curid=2098302

Stop Motion Animation: A technique used to bring

static objects create an illusion of movement. Object
like clay figures, puppets and miniatures are often used
by moving in increments while filming each for 1 frame.

By Francesco Madeo - Own work, CC BY-SA 3.0, https://commons.

wikimedia.org/w/index.php?curid=39572403
 Film: A series of moving pictures that have recorded and
shown on screens. It is recorded using a motion picture
camera.

Photo by Jakob Owens on Unsplash

Combination of Visual Effects. Most of the films today
use computer generated images (CGI) for special
effects like environment manipulation the and character
models.

A computer generated image featuring a house, made in Blender.

By Mayqel, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.
php?curid=2440711

Video producers use different cinematic techniques. Let us discover the common
camera shots and camera angles.

Activity 4.3: Camera Shots

Choose which image matches each camera shot and camera angle’s description.

Task 4.3a Camera Shots

Camera shots are techniques to show the amount of space in a scene.
Extreme Long Shot. Also known as Establishing Shot, it sets up the context for a scene by
showing large amount of landscape to establish general setting.
1. Which of the image below you think is an Extreme Long Shot?

A. Image 1 B. Image 2
Photo by Patrick Perkins on Unsplash Photo by Max Bender on Unsplash
Long Shot. May show landscape but focuses on a specific setting where the action will
take place.
2. Which of the image below you think is a Long Shot?

A. Image 1 B. Image 2
Photo by eberhard grossgasteiger on Unsplash Photo by JC Gellidon on Unsplash
Full Shot. Shows the entire object or character intended to place some relationship
between characters and environment.
3. Which of the image below you think is a Full Shot?

A. Image 1 B. Image 2
Photo by Jeffrey Lin on Unsplash Photo by rawpixel on Unsplash
Mid-Shot. Also known as social shot, it shows the character from the waist up to let the
viewers see the character’s facial expressions in connection with other characters or
environment
4. Which of the image below you think is a Mid-Shot?

A. Image 1 B. Image 2
Photo by Nicholas Green on Unsplash Photo by Christopher Campbell on Unsplash
Close-up. Also known as personal shot, it shows only a character’s face for the viewers to
understand and empathize with the character’s emotions.
5. Which of the image below you think is a Close-up Shot?

A. Image 1 B. Image 2
Photo by Helena Lopes on Unsplash Photo by Filipe Almeida on Unsplash
Extreme Close-up. Shows and focuses on one part of the character’s face or object to
create an intense mood of emotion.
6. Which of the image below you think is an Extreme Close-up Shot?

A. Image 1 B. Image 2
Photo by Peter Forster on Unsplash Photo by Kelli McClintock on Unsplash

Task 4.3b Camera Angles

Camera angles focuses on the viewers’ position to understand the relationship of the
characters, objects and environment.
Bird’s Eye Angle. Usually used for establishing shot, it is an angle that looks down on a
scene.
1. Which of the image below you think is a Bird’s Eye Angle?

A. Image 1 B. Image 2
Photo by Denys Nevozhai on Unsplash Photo by Nikita Karimov on Unsplash
High Angle. Used to demonstrate to the viewers the perspective of a character. By making
the camera to look down on a character, the subject may look vulnerable, small or weak.
2. Which of the image below you think is a High Angle?

A. Image 1 B. Image 2
Photo by Aliyah Jamous on Unsplash Photo by Hanna Postova on Unsplash

Eye-level Angle. The most commonly used camera angle, it makes the viewers
comfortable with the characters.
3. Which of the image below you think is an Eye-level Angle?

A. Image 1 B. Image 2
Photo by Alexis Brown on Unsplash Photo by Bao Truong on Unsplash

Low Angle. The camera is looking up to the character, this makes the character look more
powerful and may make the audience feel vulnerable or small in the presence of that
character.
4. Which of the image below you think is a Low Angle?

A. Image 1 B. Image 2
Photo by Ryan Tang on Unsplash Photo by Shubham Sharma on Unsplash
 Dutch Angle. Tilts the camera to disorient the viewers. This effect is used to demonstrate
confusion or strange scenes.
5. Which of the image below you think is a Dutch Angle?

A. Image 1 B. Image 2
Photo by Victoriano Izquierdo on Unsplash Photo by Artem Kovalev on Unsplash

Activity 4.4: Storyboarding

Think of an original story to be played in 1 minute. Create a script and storyboard for
your story. For more information about screenplay and storyboard, visit
https://thewritepractice. com/screenplay-process/ and https://boords.com/blog/how-to-make-
a-storyboard

Please follow this format:

Activity 4.4 will be graded using this rubric:

 Maximum
Criteria
Points
The main idea is delivered clearly and developed with good
Message 5
details
The sequence of the scenes are smooth, the details of the
Story 5
story are evident from start to end.

What’s New

Activity 5.0: Wonder at This

1. Think about your first-time using Facebook. What were the steps you did
to create and access your account? How did you post your first thought?
I filled up the sign-up form, verifying my e-mail or number, then
adding some random people to be friends then post about our
thoughts.
2. Why do you think Facebook is very popular? Enumerate the ways in which
you interact with Facebook.
In Facebook you can connect with people and update with their status
and thoughts, I intact with people through the comment section, react
button, messenger, and post any thoughts in the moment.

Let’s do this:
Ask two persons (it may be your seatmates, friends, neighbors, or guardians/parents)
about the actions that they have done on Facebook. Ask them to check the box next to the
statement that they agree to have done. Below is a table where they will check the box on
the actions that they have done on Facebook.

Actions Done on Facebook Person Person

1 2
✔ ✔
Clicked the ‘like’ button.
✔ ✔
Watched a video.
✔ ✔
Messaged a friend on a one-to-one basis.
✔
Commented on a friend’s photo or video.
✔
Read an article.
✔
Read a news story.
✔
Commented in a friend’s profile status.
✔ ✔
Logged in to see what’s happening without posting myself.
 ✔ ✔
Uploaded and shared photos.

Updated my profile status/posted about what I’m doing.

 What’s More

Activity 5.1: Short-Response Questions

1. Name 3 actions that demonstrates interactivity of Online Shopping? Follow this format:

Action Interactivity (what it do?)

(i.e. Click on Add to cart button) Allows for items to be added to cart ready
for check-out or payment.
1. SEARCH USING KEYWORDS TO SERCH OR
ITEMS YOU ANNA KNO
2.COMMENT SECTION GIVE COMMENTS AND QUESTIONS,
AND REACT
3.LINKS MOVE TO DIFFERENT WEBPAGES
WITHOUT TYPING URL

2. Name 4 advantages and disadvantages of online gaming. Follow this format:

Advantages Disadvantages
1. Easier communication 1.Addiction

2.Stress reliever 2.Health issues

3.Give a lot of access 3.Insomia

4.Faster dissemination of information 4.Cyberbullying

Activity 5.2: Interactive media and its interactivity
To be able check your understanding of interactive media and interactivity, complete the
worksheet below:

Interactive Media Example Non-Interactive Interactive Action

Platform Action
e.g. Mobile Apps Plants vs Zombies View available cards Play with cards against AI
Heroes or Online
Mobile Apps MESSENGER REPY TO MESSAGES
3D TV SONY 3D TV TOUCHING THE TV REMOTE CONTROL
SCREN
Video Game MINECRAFT READ ABOUT THE MOVING CHARACTERS
PAGE
Role Playing Game GTA READ ABOUT MOVING CHARACTERS
INSTRUCTIONS
Massively Multi- WORLD OF CRAFT CREDITS SELECTING ITEMS
player Online Role
Playing Game
Interactive Web- FACEBOOK READING REACTING A POSTS
sites ANNOUNCEMENT
Virtual Reality and AMONG US READING THE MOVING CHARACTERS
Immersive Environ- ABOUT THE GAME
ments
Slide presentations MICROSOFT VIEWING A SLIDE
CLICKING THE PLAY
PRESENTATION BUTTON OF THE SLIDE
Computer software PHOTOSHOP ABOUT PHOTOSHOP EDITING PHOTOS
Interactive smart GOOGLE N/A RITING ON SCREEN
boards JAMBOARD

Activity 5.3: Search Online

Search for an online IQ, psychological test or diagnostic test on the internet. Take the
test and submit your results either through email or printout. Write a brief evaluation or
assessment on the test taken, focusing on the following:
a. The practicality of an online IQ, psychological test or diagnostic test.
b. Interactivity of the online exam
c. Other features you would like to incorporate, or how it could be improved.
 What’s New

Activity 6.0: Wonder at This

You are going to build a robot, which of the features below you would like to include to
your robot and why? You may choose many features as you please.

☐ Talk ☐ Hear ☐ Record ☐ Show images

☐ Can be controlled ☐ Play videos ☐ Fly ☐ Teleport
☐ Long distance communication ☐ Superspeed ☐ Transform

Wonder at this: As you read the text above:

1. Why would you like your robot to be designed that way?
I wanted that my robot could communicate to any one and a one call away in case
of emergencies.
2. What could be the most important features a robot can have?
Can be a robot that can make anything the impossible, possible.
3. Would you consider a good robot should have a combination of:
• the power of our smartphones
• and human designed machines for transportation?

Activity 6.1: Multimedia Devices

Below are modern multimedia devices, identify which individual content forms are
available to each device and put a check (✔) on the box provided (✔).
Task 6.1 Individual Content Forms

Image by OpenClipart- Image by Mabel Image by William Image by

Vectors from Pixabay Amber, still incognito... Iven from Pixabay Free- Photos
from Pixabay from Pixabay
iPod Digital Camera Smartphone Smart Watch

(Example)
Text ✔ ✔ ✔
Audio ✔ ✔ ✔ ✔
Still Images ✔ ✔ ✔
Animation ✔ ✔
 Video ✔ ✔ ✔
Footage
Interactivity ✔ ✔ ✔ ✔

Task 1.2: Determine the type of each media examples in the boxes below, write static
for Static Media or dynamic for Dynamic Media and provide an explanation of your choice in
the relative box.
Task 6.2 Determine Me
Media/Device Type Explanation
Example: Example:

dynamic Arcade games allow players to

control the outcome of the media
through the role they are playing.
There is an interaction between
the machine and the players.

Arcade Game Machine

Photo by Tree Andree on Unsplash
STATIC TEXT AND IMAGES ARE STEADY

Magazine
Photo by True Agency on Unsplash
STATIC TEXT AND IMAGES ARE STEADY

Comic Book
Photo by Miika Laaksonen on
Unsplash

DYNAMIC HYPERLINKS, BUTTONS, PAPERS ARE

SCRIPTED AND CAN BE INTERACTED

Lazada
Screenshot from Lazada mobile app
 DYNAMIC THE USR CAN MOVE IN A VIRTUAL OR IN
THE SCREEN HE SEEN BY MOVING HIS
HEAD AND USE A CONTROLLER

Virtual Reality Glasses

Photo by Hammer & Tusk on
Unsplash
STATIC TEXT AND IMAGES ARE STEADY

Billboard
Photo by Muhamad Syazwan
Jonizar on Unsplash
DYNAMIC USER CAN CONTROL THE SLIDES

Electronic Presentation
Photo by Teemu Paananen on
Unsplash
 Activity 6.3: Enumeration
Enumerate different multimedia devices or applications that each individual on the list
below that they can use to aid there tasks.

Task 6.3 Enumeration

Individual 2 multimedia devices or applications
(Example) Engineer 3D Modeling software Smartphone
Student LAPTOP/PC SPREADSHEET SOFTARE
Scientist SUPERCOMPUTER 3D MODELER
Video Blogger VIDEO EDITOR DIGITAL CAMERA
Digital Artist SCREEN TABLET PHOTO EDITING SOFTWARE
Writer WORD PROCESSING SOFTWARE COMPUTER

Assessment: (Post-Test)

Multiple Choice: Select the letter of your best answer.

1. A Visual Design Principles and Elements that suggest to always distribute the
visual weight of objects, colors, texture, and space.
A. Size B. Focal Point
C. Rhythm D. Balance

2. A type of media that allows a user to connect with other devices through the internet.
A. Websites B. Media Player
C. Motion Media D. Multimedia Presentation

3. Which of the following is an example of a social media?

A. Facebook B. Twitter
C. Instagram D. All of the choices

4. It is the type of font that looks like handwriting.

A. Serif font B. Sans Serif font
C. Script font D. Times New Roman font

5. It is a design principle of text that suggest of using contrasting size and colors
to present different value of information.
A. Alignment B. Emphasis
C. Appropriateness D. Consistency

6. Your friends asked you to make a poster about peace, what background color
is best suited for this theme?
A. Black B. Yellow
C. Blue D. Green

7. Which file externsion is an example of an audio

 file?
A. .mp3 B. .mp4
C. .wmv D. .flv

8. What font is best suited for the contents of a printed book?

A. Serif font B. Sans Serif font
C. Decorative font D. All of the choices

9. It is the process of making a visual sketch for the possible scenes of a film or video.
A. Scripting B. Storyboarding
C. Cinematic Techniques D. Visual Effects

10. Producing a motion picture through manually drawing each frame by hand is called
A. Stop Motion Animation B. Computer Generated Image
C. Hand-drawn Animation D. Virtual Reality
11. What camera angle is best suited to introduce a powerful politician for your film?
A. High Angle Shot B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot

12. What camera angle is used to disorient the audience through tilting the camera to
emphasize confusion or tension of the scene.
A. Low Angle Shot B. Long Angle Shot
C. Establishing Shot D. Dutch Angle Shot

13. Which is NOT a strong basis to evaluate a video as academic source for your research?
A. Good Visual Effects B. Timeliness
C. Authority D. Reliability

14. A type of multimedia that allows users to interact with text, graphics, sound, and video.
A. Manipulative Applications B. Text Media
C. Motion Capture D. None of the choices

15. Observe the image below and find the possible violation of the design principles and
elements of texts.
A. The colors are not emphasized to match the theme.
B. The fonts used are not appropriate for the theme.
C. The alignment is inconsistent.
D. The spacing is too close