6

ARTS
Fourth Quarter : Module 3
Elements and Principles
Applied in Audio-Video Art
(Week 3)
Arts – Grade 6
Alternative Delivery Mode
Quarter 3 – Module 5 (Week 3): Elements and Principles Applied in Audio-Video Art

First Edition, 2021

Republic Act 8293, section 176 states that: No copyright shall subsist in any work of the
Government of the Philippines. However, prior approval of the government agency or office wherein
the work is created shall be necessary for exploitation of such work for profit. Such agency or office
may, among other things, impose as a condition the payment of royalties.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names, trademarks, etc.)
included in this module are owned by their respective copyright holders. Every effort has been exerted
to locate and seek permission to use these materials from their respective copyright owners. The
publisher and authors do not represent nor claim ownership over them.

Published by the Department of Education

Secretary: Leonor Magtolis Briones
Undersecretary: Diosdado M. San Antonio

Development Team of the Module

Writer: DELIA S. BARCENAS

Editors: MA. YVETTE G. BAYUTAS
Grammarian: PINKY ROSE N. SON
Reviewer: PHILIP A. NACARIO
Layout Artist: MITCHELL DAVE. CABUGUAS
Subject Area Supervisor: PHILIP A. NACARIO
Management Team: RONALD G. GUTAY
ESTELA B. SUSVILLA
MARY JANE J. POWAO
AQUILO A. RENTILLOSA,
CRISTINA T. REMOCALDO
ADM Coordinator: RYAN B. REDOBLADO

Printed in the Philippines by ________________________

Department of Education – Region VII Central Visayas Office

Address: Department of Education – Carcar City Division
(Learning Resources Management Section)
P. Nellas St., Poblacion III, Carcar City, Cebu
Telefax: (032) 487-8495
E-mail Address: carcarcitydivision@yahoo.com
 6
ARTS
Fourth Quarter : Module 3
Elements and Principles
Applied in Audio-Video Art
(Week 3)
For the Learner :

Welcome to the health 6 Alternative Delivery Mode ( ADM ) Module on Elements and
Principles Applied in Audio – Video Art.
This module was designed to provide you with fun and meaningful opportunities for
guided and independent learning at your own pace and time. You will be enabled to process the
contents of the learning resource while being an active learner.

This module is designed to provide you with fun and meaningful opportunities for guided
and independent learning at your own pace and time. It will able you to process the contents of the learning
resource while being an active learner.

This module has the following parts and corresponding icons:

What I Need to Know This will give you an idea of the skills or
competencies you are expected to learn in
the module.

What I Know This part includes an activity that aims to check

what you already know about the
lesson to take. If you get all the answers correctly, you
may decide to skip this module.

What’s In This is a brief drill or review to help you link the current
lesson with the previous one.

What’s New In this portion, the new lesson will be introduced to you
in various ways such as a
story, a song, a poem, a problem opener, an activity or a
situation.

What is It This section provides a brief discussion of the lesson.

This aims to help you discover and
understand new concepts and skills.

What’s More This comprises activities for independent practice to

solidify your understanding and skills of the topic. You
may check the
answers to the exercises using the Answer Key at the
end of the module.

What I Have Learned This includes questions, sentences and

paragraphs to be filled in to process what you
have learned from the lesson.
What I Can Do This section provides an activity which will
help you transfer your new knowledge or skill into real
life situations or concerns.

Assessment This is a task which aims to evaluate your level of

mastery in achieving the learning
competency.
 Additional Activities In this portion, another activity will be given to
you to enrich your knowledge or skill of the
lesson learned. This also tends retention of learned
concepts.

Answer Key This contains answers to all activities in the module.

At the end of this module you will also find:

References This is a list of all sources used in developing this

module.

The following are some reminders in using this module:

1. Use the module with care. Do not put unnecessary mark/s on any part of the module. Use a separate
sheet of paper in answering the exercises.
2. Don’t forget to answer What I Know before moving on to the other activities included in the module.
3. Read the instruction carefully before doing each task.
4. Observe honesty and integrity in doing the tasks and checking your answers.
5. Finish the task at hand before proceeding to the next.
6. Return this module to your teacher/facilitator once you are through with it.
If you encounter any difficulty in answering the tasks in this module, do not hesitate to consult your
teacher or facilitator. Always bear in mind that you are not alone.
We hope that through this material, you will experience meaningful learning and gain deep
understanding of the relevant competencies. You can do it!
 Lesson Elements and Principles
3 Applied in
Audio-Video Art

What I Need to Know (Objective):

At the end of this lesson, you should be able to discuss the elements
and principles applied in audio-video art/ animation.

What’s In
Take a look at these pictures!

What principles of Photography were applied in those pictures above?

What device is used to capture pictures?
 What’s New

Audio-video art is an art that can be enjoyed by the senses of hearing and
sight using video technology as a visual and audio medium.

Animation is a series of pictures that are shown to give the illusion of

movement in a brief scene.

Animator is an artist who creates cartoons and cartoon-like figures which you
have seen in film and in television.

What Is It
Activity 1.1 Directions: Given the pictures, name the following cartoon
characters. Write your answers in the configuration boxes.

1.

shorturl.at/fgtP2

2.

shorturl.at/emzJS

3.

shorturl.at/bwJRY

4.

shorturl.at/jowBW
 Animation starts with a plot. Since animation is a graphical tool displaying the artistic
visualization of the animator, the story is depicted in visual form.

The Storyboard is the motionless photographs or sketches that display the story's action.

Elements Applied in Audio-Video Art/ Animation

source: shorturl.at/enEO8

1. Symbols

A symbol is a graphic, button, or movie clip that you create

once in the animate authoring environment or by using the
Simple Button (AS 3.0) and Movie Clip classes.

2. Movie clips

Use movie clip to create reusable pieces of animation in

Adobe Animate.
shorturl.at/hyzY9

3. Graphic

Graphic symbol is a collection of frames used in animations

or single frame mode. An animated graphic symbol is tied
to the Timeline of the document in which the figure is placed.

shorturl.at/hyzY9

4. Button

shorturl.at/oELMW

Button symbols are special types of four-frame interactive movie clip in Adobe Animate. When
you select the button type when creating a symbol, Animate creates a Timeline with four
frames. The first three frames display the button's three possible states: Up, Over, and Down;
the fourth frame defines the active area of the button.

The button symbol timeline doesn't actually play linearly like a normal timeline; it reacts to
mouse pointer movement and actions by jumping to the appropriate frame. To make a button
interactive, place an instance of the button symbol on the Stage and assign actions to the
instance.
5. Basic Shapes

The Oval and Rectangle tools

let you create these basic
geometric shapes, and apply
strokes, fills, and specify
rounded corners. In addition
to the Merge and Object
drawing modes, the Oval and
Rectangle tools also provide
the Primitive Object drawing
mode.

shorturl.at/oELMW

6. Drawing Objects

When you draw vector graphics in Adobe

Animate with the Object Drawing mode
enabled at the bottom of the Tools panel,
you create shapes referred to as drawing
objects. These are separate graphic
objects that do not automatically merge
together when overlaid on other objects.

Object Drawing mode can overlap

shapes on the same layer without
altering their appearance if you move
them apart, reposition, or rearrange their
appearance.

shorturl.at/oELMW
7. Bitmap

Bitmap graphics are generally used to display

photographic content, such as images captured with
a digital camera. These files display individual pixels
that contain unique color values; when viewed
together, the pixels comprise the photo or image.

shorturl.at/oELMW
8. Video

When you embed video in Adobe Animate, all

of the video file data is added to the Animate
file. This results in a much larger Animate file
and subsequent SWF file. The video is placed
in the Timeline where you can see the
individual video frames represented in the
Timeline frames. Because each video frame is
represented by a frame in the Timeline, the
frame rate of the video clip and the SWF file
must be set to the same rate.
shorturl.at/oELMW

9. Audio

Adobe Animate offers several ways to use sound. Make

sounds that play continuously, independent of the Timeline,
or use the Timeline to synchronize animation to a sound
track. Add sounds to buttons to make them more interactive,
and make sounds fade in and out for a more polished sound
track.

2 types of sounds in Animate:

• Event sound must download completely before it
begins playing, and it continues playing until
explicitly stopped.
• Stream sounds begin playing as soon as
enough data for the first few frames has been
downloaded; stream sounds are synchronized to the
Timeline for playing on a website.

10. Group shorturl.at/oELMW

Use groups to logically organize

objects for easy manipulation. For
example, after creating a drawing, you
might group the elements of the
drawing so that you can easily select
and move the drawing as a whole.

shorturl.at/oELMW
.
11. Text

You can use the Text tool to create three types of text
fields in Adobe Animate:
• Static text fields display text characters that don't
change dynamically
• Dynamic text fields display dynamically updating
text, such as game scores or user names
• Input text fields allow users to enter text in forms
or surveys
shorturl.at/oELMW

Principles Applied in Audio-Video Art/ Animation

source: shorturl.at/qADL1

Understanding the 12 Principles of Animation

1. Timing and Spacing:

The number of frames between two poses, and

how those individual frames are placed.

2. Squash and Stretch:

The flexibility of objects to exaggerate or add
appeal to a movement.

3. Anticipation:
The setup for an action to happen.

4. Ease In and Ease Out:

The time for acceleration and deceleration of
movement.
5. Follow Through and Overlapping Action:
The idea that separates parts of the body will
continue moving after a character or object
comes to a full stop, and the idea that parts of
the body will move at different times.

6. Arcs:
The principle that smooths animation and
moves action in a realistic way.

7. Exaggeration: pushing of movement further to add more appeal to

an action.
The
11. Secondary Action:

The actions that emphasize or support the main

action of the animation.

12. Staging:
The setting up of the scene, from placement of
characters to the background and foreground
elements, to how the camera angle is set up, the
lighting and shadows, and more.
 What’s More
Activity 2.1: Ah-Name-Me

Directions: The pictures below are the characters from the animated films. Write the
title on the space provided. Choose your answers from the box.

Despicable Me Up Red Shoes and the 7 Dwarfs Coco Upin & Ipin

1. 4.

__

shorturl.at/uETZ9 shorturl.at/gJKY5

2. 5.

shorturl.at/bnAIQ shorturl.at/otNU1

3.

shorturl.at/aemV2
Activity 2.2: DO A DOODLE FLIP-BOOK
Directions: Create a doodle flipbook with your own drawings on it. Below is an example
and steps on how to do it. Read the Rubrics as your guide.
source: shorturl.at/opwzA
Materials:
• Paper
• Pens, crayons or markers
• Collage papers
• Scissors
• Glue
• Masking tape
• Stapler
shorturl.at/ftOST

How to Make Doodle Books

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 with staples.

Step 3: Fill in your book. Not sure what to put in your flip-book? Make something that
gradually 'moves' across the page, like this inching caterpillar.

Or, you can create a visual story about something that changes in size: from small to big,
or shrinks from large to small. Here's an example of a few pages from a story called One
Big Fish.
 What I Have Learned
Activity 3.1 Let us check what you have learned.

Directions: Encircle the letter of the correct answer.

1. are the motionless pictures or illustrations that show the action of the story.
a. animation b. storyboard c. symbols d. movie clips

2. It is an art using video technology as a visual and audio medium which can be
appreciated by the senses of hearing and sight.
a. audio-video b. bitmap c. symbols d. clip

3. A series of images presented in fast succession to give the illusion of movement

is called .
a. staging b. storyboard c. animation d. arcs

4. An artist who creates cartoons and cartoon-like figures which you have seen in
film and in television is called .
a. creator b. director c. actor d. animator

5. It is a collection of frames used in animations or single frame mode.

a. graphic symbol b. button c. video d. bitmap

6. It is the principle applied in animation that shows the relatability or charisma of a

character.
a. exaggeration b. appeal c. solid drawing d. anticipation

7. It is one of the principles applied in animation that shows the flexibility of objects
to exaggerate or add appeal to a movement.
a. exaggeration b. appeal c. squash & stretch d. staging

8. It is an element applied in animation to logically organize objects for easy

manipulation.
a. group b. text c. drawing objects d. symbols

9. It is an element applied in animation to use sound that play continuously or to

synchronize animation to a sound track.
a. Video b. bitmap c. basic shapes d. audio

10. It is a principle applied in animation that shows the set-up for an action to
happen.
a. Anticipation b. timing & spacing c. secondary action d. arcs
Assessment

Activity No. 4.1: TELL ME

Directions: Apply your knowledge in elements and principles applied in audio-video

art/ animation by answering the following questions. Read the criteria on
the Rubrics as your guide.

1. Do you agree that the elements in animation are of great help in

making an audio-video art? Why? State your answer in 2-3
sentences.

2. Are the principles applied in audio-video art/ animation necessary to

understand as an animator? Explain your answer in 2-3 sentences.

3. Do you think the elements and principles should be combined in

creating an audio-video art/ animation? Why do you say so? State
your answer in 2-3 sentences.
RUBRICS

FOCUS CONTENT ORGANIZATION STYLE CONVENTIONS

The single The presence of The order developed and The choice used Grammar,
controlling point ideas developed sustained within and and arrangement mechanics, spelling,
made with an through facts, across paragraphs using of words and usage and sentence
awareness of task examples, details, transitional devices and sentence formation.
about a specific opinions, statistics, including introduction structures that
topic. reasons and/or and conclusion. create tone and
explanations. voice.

4 3 2 1 Score
FOCUS Sharp, distinct Apparent point No apparent point Minimal evidence
controlling point made about a but with evidence of a topic.
made about a single topic with of a specific topic.
single topic with evident awareness
evident of task.
awareness of
task.
CONTENT Substantial, Sufficiently Limited content Superficial or
specific, and/or developed content with inadequate minimal content.
illustrative content with adequate elaboration or
demonstrating elaboration or explanation
strong explanation.
development and
sophisticated
ideas
ORGANIZATION Sophisticated Functional Confused or Minimal control of
arrangement of arrangement of inconsistent content
content with content that arrangement of arrangement
evident and/or sustains a logical content with or
subtle transitions. order with some without attempts
evidence of at transition.
transitions.
STYLE Precise illustrative General use of a Limited word Minimal variety in
use of a variety of variety of words choice and control word choice and
words and and sentence of sentence minimal control of
sentence structures that may structures that sentence
structures to or may not create inhibit voice and structures.
create consistent writer’s voice and tone.
writer’s voice and tone appropriate to
tone appropriate audience.
to audience.
CONVENTIONS Evident control of Sufficient control of Limited control of Minimal control of
grammar, grammar, grammar, grammar,
mechanics, mechanics, mechanics, mechanics,
spelling, usage spelling, usage and spelling, usage spelling, usage,
and sentence sentence formation. and sentence and sentence
formation. formation. formation.

Total
Key to Corrections

ACTIVITY 3.1 ACTIVITY 2.1

1. B 1. Coco
2. A 2. Despicable Me
3. C 3. UP
4. D 4. Upin & Ipin
5. A 5. Red Shoes and
6. B the 7 Dwarfs
7. C
8. A
9. D
10. A
 Activity 2.2
RUBRICS

Criteria Advanced Proficient Approaching Developing Beginning Score

Proficiency
(5) (4) (3) (2) (1)
Design Can apply Can apply Can apply Can apply Can barely
design design design design apply design
elements (lines, elements (lines, elements (lines, elements (lines, elements
shapes, colors shapes, colors shapes, colors shapes, colors (lines, shapes,
and textures) and textures) and textures) and textures) colors and
and principles and principles and principles and principles textures) and
(emphasis or (emphasis or (emphasis or (emphasis or principles
contrast) with contrast) with contrast) with contrast) but (emphasis or
excellent level great skill fair skill had some contrast) in the
difficulty digital painting
Creativity Can show Can show great Can show good Some parts of The drawing
excellent attention to attention to the drawings barely shows
attention to details. The details. shows signs of imagination.
details. The ideas/ Imaginative imagination Can show little
ideas/ materials/ touches are and can show attention on
materials/ methods are scattered capability of arranging
methods are nearly throughout the arranging creative
highly visible in mastered in project. The creative designs and
arranging arranging designs and designs and details.
details and details and combinations minute details.
combination of combination of creative
creative creative designs are
designs. designs. fairly arranged.

Originality Can show Can show Can show Can fairly show Barely shows
originality in his/ originality in originality in originality in his originality in his
her drawing his/ her his/ her or her drawing or her drawing.
through visual drawing drawing but can
and through visual through visual visualize
communicative and and creative design
meaning of communicative communicative
design are meaning are meaning are
highly visible. nearly visible visible
Total
RUBRICS

FOCUS CONTENT ORGANIZATION STYLE CONVENTIONS

The single The presence of The order developed and The choice use Grammar,
controlling point ideas developed sustained within and and arrangement mechanics, spelling,
made with an through facts, across paragraphs using of words and usage and sentence
awareness of task examples, details, transitional devices and sentence formation.
about a specific opinions, statistics, including introduction structures that
topic. reasons and/or and conclusion. create tone and
explanations. voice.

4 3 2 1 Score
FOCUS Sharp, distinct Apparent point No apparent point Minimal evidence
controlling point made about a but with evidence of a topic.
made about a single topic with of a specific topic.
single topic with evident awareness
evident of task.
awareness of
task.
CONTENT Substantial, Sufficiently Limited content Superficial or
specific, and/or developed content with inadequate minimal content.
illustrative content with adequate elaboration or
demonstrating elaboration or explanation
strong explanation.
development and
sophisticated
ideas
ORGANIZATION Sophisticated Functional Confused or Minimal control of
arrangement of arrangement of inconsistent content
content with content that arrangement of arrangement
evident and/or sustains a logical content with or
subtle transitions. order with some without attempts
evidence of at transition.
transitions.
STYLE Precise illustrative General use of a Limited word Minimal variety in
use of a variety of variety of words choice and control word choice and
words and and sentence of sentence minimal control of
sentence structures that may structures that sentence
structures to or may not create inhibit voice and structures.
create consistent writer’s voice and tone.
writer’s voice and tone appropriate to
tone appropriate audience.
to audience.
CONVENTIONS Evident control of Sufficient control of Limited control of Minimal control of
grammar, grammar, grammar, grammar,
mechanics, mechanics, mechanics, mechanics,
spelling, usage spelling, usage and spelling, usage spelling, usage,
and sentence sentence formation. and sentence and sentence
formation. formation. formation.

Total
References
• Enjoying Life Through Music, Art, Physical Education and Health 6 pp. 233-
245

• The 21st Century MAPEH in ACTION 6 pp. 161-175

• Most Essential Learning Competency

Links for online sources:

https://www.scholastic.com/parents/school-success/learning-toolkit-blog/create-diy-flip-
book-your-little-artist.html

https://helpx.adobe.com/animate/using/elements.html

https://www.pluralsight.com/blog/film-games/understanding-12-principles-animation

https://www.netguru.com/blog/illustrators-eye-12-principles-of-animation

https://www.pluralsight.com/blog/film-games/understanding-12-principles-animation

http://www.ilen.ie/make-an-ilen-flipbook

For inquiries or feedback, please write or call:

Department of Education – Region VII

Office Address: Department of Education – Carcar City Division (Learning Resources
Management Section .
P. Nellas St. Poblacion III, Carcar City, Cebu .
Telefax: (032)77561.
E-mail Address: carcarcitydivision@yahoo.com