You are on page 1of 30

NOT

6
Arts
Quarter 2– Week 6 - Module 5
Skills in Layouting and
Photo Editing Using New
Technologies
(Hardware and Software) in
Making a Poster

Department of Education ● Republic of the Philippines


Music and Arts- 6
Alternative Delivery Mode
Quarter 2– Week 6- Module 8: Skills in layouting and photo editing
using new technologies (hardware and software) in making a poster
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: Emily M. Lumingkit


Reviewers: Kate Noreen B. Arsenal, Regine G. Solis, Jane S. Doroteo, Lucky Lynne
E. Estrosas
Illustrator and Layout Artist: Junril S. Macamay
Management Team
Chairperson: Agustines E. Cepe, CESO V
Schools Division Superintendent

Co-Chairpersons: Rosemarie T. Macesar


Assistant Schools 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 6- Module 5
Skills in Layouting and Photo
Editing Using New Technologies
(Hardware and Software) in
Making a Poster

This instructional material was collaboratively developed and reviewed by


educators, 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 ...................................................................................................................... I

Lesson 1:
Skills in Layouting and Photo Editing Using New Technologies (hardware and software) in Making
a Poster ................................................................................................................................. 1
Objective........................................................................................................ 1

What’s New ................................................................................................... 1-7

What Is It ....................................................................................................... 8-9

What’s More .................................................................................................. 10-11

What I Have Learned .................................................................................... 12

Assessment ..................................................................................................... .13-14

Key to Corrections ............................................................................................................ 15


Appendices ........................................................................................................................ 16-22
References .......................................................................................................... 23
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.

I
Skills in Layouting and
Photo Editing Using New
Technologies(Hardware and
Lesson Software) in Making a Poster
1
What I Need to Know
After studying this module, you should be able to apply skills in lay
outing and photo editing using new technologies (hardware and software) in
making a poster.

What’s New
In the previous module, you already learned the elements and principles
of lay outing and the steps in making a digital poster. Today, you will apply your
skills in lay outing and photo editing especially in making a poster.

Layout is such an Computer software, often Poster is a


important part of making a called as software, is a set of kind of a placard or
poster. It is a way in which instructions and its associated announcement that has
documentations that tells a
text or pictures are set out on its goal which is the
computer what to do or how to
a page. perform a task. communication of
first step. Scanning it into the information through
computer is the second. Step three words and pictures or
GIMP(GNU Image is using a computer program to symbols.
Manipulation Program) is a transform your work by cropping,
powerful and versatile software editing, enhancing, lightening, Photo editing is
darkening, shading, adding color, the changing of images.
that can be used to create
layering, styling, or just about any These images can be
beautiful digital painting and
other editing graphic you can think digital photographs,
digital posters.
of. illustrations, prints, or
photographs on film.

1
4 Main Points in using GIMP

1. Changing the Size (Dimensions) of an Image (Scale)

• When you first open your image in GIMP, Chances are that the image will be zoomed,
so that the entire image fits in your canvas. The thing you notice for this example is
that by default the window decoration at the top of GIMP will show you some
information about the image.
• Notice that the information at the top of the window shows the current pixel
dimensions of the image (in this case, the pixel size is 1225x1280)

https://www.gimp.org

• To resize the image to new dimensions, we need only to invoke the Scale Image dialog

https://www.gimp.org

2
• In the Scale Image dialog, you’ll find a place to enter new values for Width and
Height.
• For example if you knew that you wanted your image to have a new width of
600px you can enter that value in the Width input and the Height will
automatically change to maintain the aspect ratio of the image.

https://www.gimp.org

• As you can see, entering 600px for the width automatically changes the height to
627px.
• If you want to specify a new size using a different type of value (other than pixel size),
you can change the type by clicking on the “px” spinner.

https://www.gimp.org

• Once you’re done scaling the image, don’t forget to export the changes you’ve made
( File Export)

3
2. Changing the Size (Filesize) of JPEG
• You can also modify the filesize of an image when exporting it to a format like JPEG.
JPEG is a lossy compression algorithm, meaning that when saving images to the
JPEG format, you will sacrifice some image quality to gain a smaller filesize. As you
can see, even at a quality setting of 80, the image is significantly smaller in filesize
(77% size reduction) while the image quality is still quite reasonable.

https://www.gimp.org

• When you finished any image modifications you are doing, and are ready to export,
simply invoke the Export Image dialog

https://www.gimp.org

4
• You can now enter a new name for your file here. Ehen you’re ready to export the
image, just hit the Export button. This will then bring up the Export Image as JPEG
dialog, where you can change the quality of export.

https://www.gimp.org

• From this dialog you can now change the quality of the export. When you are happy
with the results, hit the Export button to export.

3. Crop an Image
• Cropping is just an operation to trim the image down to a smaller region than what you
started with.

https://www.gimp.org

5
• The procedure to crop an image is straightforward. You can either get to the Crop Tool
through the tools palette or you can access the crop tool through the menus (Tools
Transform Tools Crop)

https://www.gimp.org

• Now you can Left-Click anywhere on your image canvas and drag the mouse to a new
location to highlight an initial selection to crop.

https://www.gimp.org

6
4. Rotate or Flip an Image
• If you want to flip your image, the Transform menu offers two options, Flip
Horizontally, or Flip Vertically. This operation will mirror your image along the
specified axis. (Image Transform)

https://www.gimp.org

• Image rotation from Transform menu is constrained to either 90 degrees clockwise/


counterclockwise, or 180 degrees.

https://www.gimp.org

7
What Is It
Below is an activity to help you learn more about lay outing and photo editing. Do
this on Activity Sheet No. 1 on page 16.

Do the following:
1. Develop a poster for a new product that you are going to sell.
2. Establish the relationship between images, texts, and ideas in creating a
powerful and persuasive poster.

Activity Title: Buy Me!

Materials: coloring materials, white cartolina (9”x12”), glue sticks, digital camera

Procedures:
1. Look for examples of print or internet posters that you think would give you an
inspiration in designing your own poster. As yourself:

• Why are products attractive to look at?


• Why do I like to buy them?
• What qualities of the product caused me to give it a second look?

2. Decide what product you would like to promote. It could be a product to wear, an
item to use, a food to eat, a movie to see, or an event to attend. Whatever product you
choose to design a poster for, see to it that you know it well.

3. Make several pencil sketches to visualize the ideas you have in mind. Consider what
to emphasize in the design. Study where you will place the most important features of
your design.

4. Include in your sketches the fonts that you will use to form the words or letters.
Choosing the types of font and how you will arrange them within space are important
in communicating the message you want the product to tell its viewer.

5. Then select, clarify, and simplify, and develop at least two ideas from your sketches.

6. Move onto the computer to scan and save pictures. Open the software to create
lines, shapes, and color, arrange fonts and even combine photos into the design. Apply
the skills you have learned from lay outing and photo editing.

7. See rubrics at the back for your reference.

8
Rubrics for Activity No. 1
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:

9
What’s More

Lot of events will be celebrated in school in a few days’ time. However, not everyone
was informed about the important details. This will surely affect the expected presence of the
participants.
You are the graphic artist who will make the poster series for one of the events in school.
You will apply emphasis and create multiple copies of it, then display them at selected areas
assigned to you by your teacher .Do this on activity sheet No. 2 on page 17.
See rubrics at the back for your reference.
Rubrics for Activity No. 2
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:

11
What I Have Learned

Let’s check what you have learned.

Directions: Complete the statement by supplying the missing word. Choose your
answers from the box. Do this on activity sheet No. 1 on page 18.

GIMP poster Scale Image Layout Photo Editing

1. A ___________ is a kind of a placard or announcement that has its goal which is


the communication of information through words and pictures or symbols.

2. To resize the image to new dimensions, we need only invoke the ________dialog.

3. _________________ is the changing of images. These images can be digital


photographs, illustrations, prints, or photographs on film.

4. _____________ is such an important part of making a poster. It is a way in which


text or pictures are set out on a page.

5. _____________ is a powerful and versatile software that can be used to create


beautiful digital painting and digital posters.

12
Assessment
Now let us apply what you have learned. You are going to sell or market a
food product. Layout a poster of the food product you going to sell. Do this on activity
sheet No. 3 on page 19. See rubrics at the back for your reference.
Rubrics for Activity No. 4
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:

14
Key to Corrections

What I Have Learned

1. poster

2. Scale Image

3. Photo editing

4. Layout

5. GIMP

15
Appendices
What Is It
Activity Sheet No. 1
Now, let’s try. Below is an activity that will help you learn more about lay outing and editing.
Activity: Buy Me!

16
Rubrics for Activity No. 1
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:

17
What’s More
Activity Sheet No. 2
Lots of event will be celebrated in school in a few days’ time. However, not everyone is
informed about the important details. This will surely affect the expected presence of the
participants.
You are a graphic artist who will make a poster series for one of the events in school.
You will apply emphasis and create multiple copies of it, then display them at selected areas
assigned to you by your teacher.

18
Rubrics for Activity No. 2
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:

19
What I Have Learned
Activity Sheet No.3

Let’s check what you have learned.

Directions: Complete the statement by supplying the missing word. Choose your
answer from the box.

GIMP poster Scale Image Layout Photo Editing

1. A ___________ is a kind of a placard or announcement that has its goal which is


the communication of information through words and pictures or symbols.

2. To resize the image to new dimensions, we need only invoke the ________dialog.

3. _________________ is the changing of images. These images can be digital


photographs, illustrations, prints, or photographs on film.

4. _____________ is such an important part of making a poster. It is a way in which


text or pictures are set out on a page.

5. _____________ is a powerful and versatile software that can be used to create


beautiful digital painting and digital posters.

20
Assessment
Activity Sheet No. 4
Now let us apply what you have learned. You are going to sell or market a food
product. Try to layout a poster of the food product you are selling.

21
Rubrics for Activity No. 1
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:

22
References
• The 21st Century MAPEH in ACTION 6 p. 117, 134-145
• Most Essential Learning competency p.384
• Enjoying Life Trough Music, Art, Physical Education and Health 6, p.
163,172-182

Links for online sources:

https://www.youtube.com/watch?time_continue=15&v=_xftI5rqCJ8&feature=emb_logo

https://www.pinterest.ph/fromupnorth/posters/

https://www.gimp.org

https://bit.ly/2JtBi9z

https://bit.ly/2JtBi9z

https://www.slideshare.net/SherwinM/basic-layout-principles

https://www.merriam-webster.com/dictionary/layout

23
For inquiries and feedback, please write or call:

Department of Education – Division of Tangub City

Office Address: Anecito Siete Street Mantic, Tangub City

Telefax: (088) 395 – 3372

Website: www.depedtangub.net

You might also like