NOT

6
Arts
Quarter 2– Week 5 Module No.4
THE ELEMENTS AND PRINCIPLES
APPLIED IN LAY OUTING

Department of Education ● Republic of the Philippines

Arts- Grade 6
Alternative Delivery Mode
Quarter 2– Week 5 Module no.4
First Edition, 2020

Republic Act 8293, section 176 states that: No copyright shall subsist in
anywork 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 royalty.

Borrowed materials (i.e., songs, stories, poems, pictures, photos, brand names,
trademarks, etc.) included in this book 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 – Division of Tangub CitySchools

Division Superintendent: Agustines E. Cepe,CESO V

Development Team of the Module

Author/s: Ivy Mae M. Tautho
Reviewers: Kate Noreen B. Arsenal, Regine G. Solis, Jane S. Doroteo
Language Editor Herlyn Q. Senarillos
Illustrator and Layout Artist: Junril S. Macamay
Management Team
Chairperson: Agustines E. Cepe, CESO V
Schools Division Superintendent

Co-Chairpersons: Rosemarie T. Macesar

AssistantSchools Division Superintendent

Members

Carmelita A. Jubay-CID Chief

Roger F. Duhaylungsod, EPS-MAPEH
Gina L. Mandawe, EPS -LRMS
Marilou S. Galvez, PDO II
Binepie M. Tapao, Librarian II

Printed in the Philippines by

Department of Education – Division of Tangub City
Office Address: Anecito Siete Street Mantic, Tangub City
Telefax: (088) 395-3372
E-mail Address www.depedtangub.net
 6
Arts
Quarter 2 Week 5– Module 4

THE ELEMENTS AND PRINCIPLES

APPLIED IN LAY OUTING

This instructional material was collaboratively developed and reviewed

by select teachers, school heads and education program supervisors of the
Department of Education – Tangub City Division. We encourage teachers and
other education stakeholders to email their feedback, comments, and
recommendations to the Department of Education – Tangub City Division at
www.depedtangub.net

We value your feedback and recommendations.

Department of Education ● Republic of the Philippines

 Table of Contents

How to Learn from this Module ...........................................................................................................i

Icons of this Module ...............................................................................................................................ii

Lesson 1:
DISCUSSES THE ELEMENTS AND PRINCIPLES APPLIED IN
LAY OUTING ..................................................................................................................................
Objective ........................................................................................................................1
What ‘s New ..................................................................................................................1-4
What Is It ........................................................................................................................5
What’s More ..................................................................................................................6
What I Have Learned..................................................................................................6
Assessment ..................................................................................................................7

Key to Corrections……………………………………………………………….8
Appendices……………………………………………………………………..9-14

References ................................................................................................................. 15

i
How to Learn from this Module
To achieve the objectives cited above, you are to do the following:
• Take your time reading the lessons carefully.
• Follow the directions and/or instructions in the activities and exercises diligently.
• Answer all the given tests and exercises.

Icons of this Module

What I Need to This part contains learning objectives that

Know are set for you to learn as you go along the
module.

What I know This is an assessment as to your level of

knowledge to the subject matter at hand,
meant specifically to gauge prior related
knowledge
What’s In This part connects previous lesson with that
of the current one.

What’s New An introduction of the new lesson through

various activities, before it will be presented
to you

What is It These are discussions of the activities as a

way to deepen your discovery and under-
standing of the concept.

What’s More These are follow-up activities that are in-

tended for you to practice further in order to
master the competencies.

What I Have Activities designed to process what you

Learned have learned from the lesson

What I can do These are tasks that are designed to show-

case your skills and knowledge gained, and
applied into real-life concerns and situations.

ii
 Elements and
Principles Applied in Lay
Lesson Outing

1
What I Need to Know

After studying this module, you should be able to discuss the elements and principles
applied in lay outing.

What’s New

Today, you will learn about the elements and principles applied in lay outing a digital
poster. Prepare yourself and set your mind in learning about the topic. This is going to be
easy if you focus on it. Let’s start!

It’s your first day in school. Your teacher provided you a lay out on a digital poster for you to
study and observe.

Answer this on appendices page 9, activity sheet no.1.

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G
1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871vHJf8qLM

1
 Study the picture above and find out the elements and principles applied in lay outing
a digital poster.

LAYOUT-is the process of planning and arranging in detail something such as a page or
book to be reproduced.

Now after giving you an idea on what is lay outing, let us proceed to the Elements and
Principles Applied in Lay Outing a digital poster.

Principles Applied in Lay Outing a Digital Poster

1.Balance
The visual weight of objects, texture, colors, and space is evenly/equally
distributed on the screen. Balance also refers to the arrangement of the design elements
and keep a coherent visual pattern.

2.Emphasis
It is the expression that gives impressiveness or importance of the poster that will
attract the viewer’s attention like the color.

3.Movement
It can be achieved by using graphic elements that directs the viewers’ eyes in a
certain direction.

4.Pattern, Repetition and Rhythm

Creating a sense of organized movement.

5.Proportion
Creating a sense of unity in the screen.

6.Variety
Uses several design elements to draw a viewer’s attention.

Elements Applied in Lay Outing a Digital Poster

1.Colour
Colour communicates both optically and emotionally. Identify primary and
secondary, warm and cool colours and harmonious or complementary colours.
2.Shape
Refers to a two dimensional enclosure. Identify organic, natural or biomorphic
shapes that reminds us of nature. 2

3.Line
A line can be organic or straight, natural, geometric. It can also be light, thick,
sensitive, textured, flowing, jiggeredor regular. It can make by pen or mechanical
instrument.

4.Texture
Represents the surface. It can be rough or smooth.

5. Form
It can be cube, a pyramid and s sphere. Form is created by design elements; shape,
tone, line and point.

2
 6. Tone
Usually emphasizes form. Tone creates a dramatic effects. When we shade a
drawing to make it look three dimensional we are applying tone. Tone also describes both
light direction and style of light. We can create a harsh or soft light in renderings.

7.Point
It is the mark in visual communication. It is also used to locate something.

http://singletonart.weebly.com/project-1-layout-design---elements-and-principles-posters.html

Since you already know the elements and principles applied in lay outing a digital
poster, let us also know the steps on basic lay outing.

Steps on Basic Layout

STEP 1:MATERIALS

Essential materials needed:

Illustration board, cartolina, glue, scissors,cutter,ruler(T-square),soft penciland

eraser,coloring material, etc.

STEP 2:STUDIES/SKETCHES

Move your elements around. Sketch as many thumbnail ideas as possible, After
critiquing all your sketches, select three best ideas and translate them into final designs.

STEP 3:THEME

Decide which important message you want to communicate to your viewers.Then,ask the
message you want your poster design to be remembered.

STEP 4:TITLE

Decide where to place the title. The title should be the largest text, the most readable(from at
least 5 ft.away),and should be tied with supported by all the other elements on the poster
3
design. Avoid cutter.

3
 STEP 5:COLORS

Choose colors that help communicate the message and unify all the elements together. Avoid
too many colors, this is distracting.

STEP 6:WORDS/FONTS

Decide on what font to use, the font size and where text should be placed. These contribute
to the power and visual appeal of the design.

STEP 7:WHITE SPACE

It is a vacant area in a poster. There are no texts, pictures or other graphic images covering
the white space. The viewer’s eye will be overwhelmed if you have too little and wander if you
have too much. Aim for balance between areas without images and text and areas with one.

Now that you already have a background about the elements and principles applied in lay
outing a digital poster as well as the basic steps on lay outing, Let us learn more, the steps
in making a digital poster.

STEPS IN MAKING A DIGITAL POSTER

1. Open GIMP(GNU Image Manipulation Program), create a new layer, and insert the
background you want to use. A textured image or flat background will do.
2. Create a new layer for each of the objects or elements you will include in your poster.
Import or scan the image and/or photograph on the computer. Save the images as a
file.
3. Retrieve the image and/or photograph it. Insert it on a layer that you want to use. Color
the image. Enhance, resize, move image according to the lay out or concept that you
have in mind.
4. Insert your texts. Use the text and type tools from your toolbar to create and place texts
in the picture from fonts that you think are appropriate for your theme and main idea.
Click the picture with the type tool and select a box the size of the area you want to add
text. Type in the box, then adjust the size of the text box.
5. Print your finished poster.

4
 What is It

Figure out how the two posters differ from each other. Study their unique features in terms of
design and layout. Accomplish this activity on appendices, activity sheet no.2 on page 10.

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUj b9UD8
w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=olK8xtQYKf3icM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUj b9UD8
w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=X3yEi-9jQ3N25M

5
 What’s More
LET’S DO THIS

Now that you already learned about the different elements and principles in digital poster lay
outing. Let’s have another activity. Set your mind and be ready as we travel to the world of
lay outing. Just follow the steps below.

Step 1. Close your eyes.

Step 2. Imagine that you are in a world full of colors, designs and lay outs.
Step 3. Now, pick a designs and lay outs you want to make.
Step 4. Open your eyes and let’s do the activity.

Accomplish this activity on appendices page 11, activity sheet no.3.

What I Have Learned

Now, it’s your time to identify the elements and principles applied in lay outing a digital
poster. See appendices, activity 4 on page 13 to write your answers.

_______1. The visual weight of objects, texture, colors, and space is evenly/equally
distributed on the screen. Balance also refers to the arrangement of the design elements and
keep a coherent visual pattern.

______ 2. Creating a sense of unity in the screen.

______ 3. Uses several design elements to draw a viewer’s attention.

_______4. It is the expression that gives impressiveness or importance of the poster that will
attract the viewer’s attention like the color.

_______5. Creating a sense of organized movement.

_______6. It can be achieved by using graphic elements that directs the viewers’ eyes in a
certain direction.

_______7. It is the mark in visual communication. It is also used to locate something.

_______8. Usually emphasizes form. Tone creates a dramatic effects. When we shade a
drawing to make it look three dimensional we are applying tone.

_______9. It can be cube, a pyramid and s sphere. Form is created by design elements;
shape, tone, line and point.

_______10. Represents the surface. It can be rough or smooth.

6
 Assessment
Look at the picture below. Discuss your answer 6 in 2 to 3 sentences, on how the elements
and principles of lay outing a digital poster are being used and applied. Accomplish this
activity on appendices page 14, activity sheet no.5.

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G
1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871vHJf8qLM

7
 8
Texture 10.
Form 9.
Tone 8.
Point 7.
Movement 6.
Pattern, Repetition and Rhythm 5.
Emphasis 4.
Variety 3.
Proportion 2.
Balance 1.
What I have learned
KEY TO CORRECTIONS
Appendices
What’s New
Activity sheet no.1

Name of Pupil : ______________________________ Score: _____________

School : ____________________________________ Date: ______________

Direction: Look at the picture below. Write your observation on the space provided on how
the elements and principles in lay outing are being applied.

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G
1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871vHJf8qLM

9
 What is it

Activity sheet no.2

Name of Pupil : ______________________________ Score: _____________

School : ____________________________________ Date: ______________

Directions: Figure out how the two posters differ from each other. Study their unique features
in terms of design and layout. What other elements do you find unique in them? Cite at least
three elements. Write your answer on the space provided below each picture.

Poster 1 Poster 1

____________________________ ____________________________

10
 What’s more

Activity sheet no.3

Name of Pupil : ______________________________ Score: _____________

School : ____________________________________ Date: ______________

Directions: Make a lay out of a poster you want to make below.

See rubric on page 12 as your guide on doing the activity.

11
 RUBRIC FOR ACTIVITY SHEET NO. 3
10
Criteria Advanced Proficient Approaching Developing Beginning Score
(5) (4) Proficiency (2) (1)
(3)
Design Can apply Can apply Can apply Can apply Can barely
design design design elements design design elements
elements elements (shapes and elements (shapes and
(shapes and (shapes and colors) and (shapes and colors) and
colors) and colors) and principle colors) and principle
principle principle (emphasis) with principle (emphasis)
(emphasis) (emphasis) fair skill (emphasis)
with excellent with great skill but had some
skill difficulty
Creativity Can show Can show Can show good Can show Can barely
excellent great attention attention to signs of show
attention to to detail; the detail; imagination in imagination in
detail; the ideas/ imaginative some parts of the posters
ideas/ materials/ touches are the posters
materials/ methods are scattered
methods are highly throughout the
highly effective posters
effective

Total:

12
 What I Have Learned

Activity sheet no.4

Name of Pupil : ______________________________ Score: _____________

School : ____________________________________ Date: ______________

Now it’s your time to identify the elements and principles applied in lay outing a digital
poster.

_______1. The visual weight of objects, texture, colors, and space is evenly/equally distributed
on the screen. Balance also refers to the arrangement of the design elements and keep a
coherent visual pattern.

______ 2. Creating a sense of unity in the screen.

______ 3. Uses several design elements to draw a viewer’s attention.

_______4. It is the expression that gives impressiveness or importance of the poster that will
attract the viewer’s attention like the color.

_______5. Creating a sense of organized movement.

_______6. It can be achieved by using graphic elements that directs the viewers’ eyes in a
certain direction.

_______7. It is the mark in visual communication. It is also used to locate something.

_______8. Usually emphasizes form. Tone creates a dramatic effects. When we shade a
drawing to make it look three dimensional we are applying tone.

_______9. It can be cube, a pyramid and s sphere. Form is created by design elements;
shape, tone, line and point.

_______10. Represents the surface. It can be rough or smooth.

13
 Assessment

Activity sheet no.5

Name of Pupil : ______________________________ Score: _____________

School : ____________________________________ Date: ______________

Directions: Look at the picture below. Discuss your answer in 2 to 3 sentences on how the
elements and principles of lay outing a digital poster are being used and applied. Write your
answers on the space provided beside each picture.

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH819&sxsrf=ALeKk03G
1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isch&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871vHJf8qLM

SCORING RUBRICS

Criteria 5 4 2 Score
Content Can explain Can explain Can explain
clearly the the elements lightly the
elements and and principles elements and
principles applied in the principles
applied in the poster applied in the
poster poster

Total:

14
References

Book
The 21st Century MAPEH in ACTION for Grade 6
Ligaya Bautista Garcia-Quinitio
Eduardo V. Cipriano
Elision P. Buhian
Juliet M. Brioso
Diana Alcoba-Lacia
Almira Alcoba-Alonzo
Gernalyn Andress-Soriano
Authors

The following are the links on the pictures being used in this module

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871v
HJf8qLM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871v
HJf8qLM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=olK8xtQ
YKf3icM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=X3yEi-
9jQ3N25M

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=Kfp871v
HJf8qLM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=ZmUN8
ooOwtEiSM

https://www.google.com/search?q=sample+pictures+of+digital+poster&rlz=1C1GCEA_enPH819PH
819&sxsrf=ALeKk03G1TqKIMPI3JXDHhpkxaUjb9UD8w:1593024976563&source=lnms&tbm=isc
h&sa=X&ved=2ahUKEwjTnuK-
kJvqAhUDCqYKHVpkD8oQ_AUoAXoECA0QAw&biw=1280&bih=610&dpr=1.5#imgrc=W-
W1kmtDN0yzeM

15