Government Property

NOT FOR SALE

6
\

NOT

Arts
Quarter 2– Week 2. Module No 2.

DIGITAL PAINTING AND GRAPHIC

DESIGN

Department of Education ● Republic of the Philippines

Music and Arts - Grade 6
Alternative Delivery Mode
Quarter 2 Week No 2. Module 2: Digital Painting and Graphic Design
First Edition, 2020

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 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 City

Schools Division Superintendent: Agustines E. Cepe,CESO V

Development Team of the Module

Author/s: Annalyn O. Apao
Reviewers: Kate Noreen B. Arsenal, Jane S. Doroteo, Regine G. Solis
Illustrator and Layout Artist: Junril S. Macamay
Management Team
Chairperson: Agustines E. Cepe, CESO V
School Division Superintendent

Co-Chairperson: Rosemarie T. Macesar

Assistant Schools Division Superintendent

Members
Carmelita A. Jubay-CID Chief
Roger F. Duhaylungsod, EPS-MAPEH
Gina L. Mandawe, LRMS Manager
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 St.,Mantic, Tangub City,
Telefax: (088) 395-3372
E-mail Address www.depedtangub.net
 6
Arts
Quarter 2 –Week No 2. Module 2

This instructional material was collaboratively developed and reviewed by

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, comment, 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:
(Digital Painting and Graphic Design: An Enhanced Understanding)
Objective.............................................................................................................................1
What ‘s New......................................................................................................................1-6
What Is It ...........................................................................................................................7-8
What’s More .....................................................................................................................8
What I Have Learned......................................................................................................9
Assessment----------------------------------------------------------------------------------------9-11

Key to Answer----------------------------------------------------------------------------------------------12-13
Appendices----------------------------------------------------------------------------------------------14-19
References----------------------------------------------------------------------------------------------------20
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
 Lesson Title of the Lesson
Digital Painting and Graphic Design:

1 An Enhanced Understanding

What I Need to Know

After this module, you should be able to apply the concepts on the use of
software (commands, menu, etc.) and utilize art skills using new technologies (hardware and
software) in digital painting.

What’s New

Digital painting is an emerging art form in which traditional painting techniques such
as watercolor, oils, impasto, etc. are applied using digital tools by means of computer, a
graphics tablet and stylus, and software

Since we will be doing digital painting, we will be use computer software.

Computer software is often called as software, it is a set of instructions and is

associated with documentations that tells a computer what to do or how to perform a task.
Software includes all different software programs on a computer, such as applications and
the operating system.

https://www.pinterest.ph/pin/
426082814719143627/?
amp_client_id=CLIENT_ID
(_)&mweb_unauth_id={{default.session}}
&simplified=true
https://www.slideshare.net/ahsankjadoon/
computer-software-53334420
1
  Title Bar

https://www.stardock.com/products/skinstudio/help/changing_titlebars_and_borders.htm
(https://www.computerhope.com/jargon/t/titlebar.htm)

A horizontal bar at the top of a window, bearing the name of the program and typically the
name of the currently active document.
 The Menu Bar

http://www.underwaterphotography.com/Video-Editing/Windows-Movie-
Maker/Software/aboutthemenubarandtoolbar.asp

Menu Bar has a horizontal bar, typically located at the top of the screen below the title
bar, containing drop-down menus. It has also a Paint Button Menu. Click the drop-down and
you will see a comprehensive menu which include Properties, about paint, and set a desktop
background.

 Clipboard (cut,copy,and paste)

A clipboard is a temporary storage area for data that the user wants to copy from one
place to another. Cut and paste is the command found in clipboard.

https://www.online-tech-tips.com/windows-7/windows-7-first-look-ms-paint/

2
  Image

Image, lets you resize, skew and rotate or flip. Click on Select and it will give you options
for selection shapes which can be Rectangular or Free Form, while Selection options can be
selected all or Transparent.

https://www.picturecorrect.com/tips/how-to-add-graduated-sky-effects-with-photoshop/

 Tools is a tool or function in a graphics editing or painting program used to

change the area of the canvas or image by adding paint strokes or filling the
areas with color.

Examples of tools: pencil, fill with color, text, eraser, color picker, and
magnifier

https://www.airplanecolor.com/tutorial/paint_help.htm

3
  Brushes
Brushes have different lines and texture such as natural brush, calligraphy
brush1, calligraphy brush 2, airbrush, oil brush, crayon, marker, natural pencil, and
watercolor brush. This tool applies color to your work, similar to the way a traditional
paintbrush would apply paint on a canvas or paper. The edges of the lines created
when using the brush tend to be slightly softer than that of the other tools, mimicking
a real brush.

https://wellsr.com/vba/2015/excel/vba-mouse-move-and-mouse-click-macro/

What brushes tool did you use? How are the brushes selected changed in digital painting?

You have the influence over the brushes that are available from the brush palette.
You can make your mark by choosing the brushes and by using a variety of strokes. You
can customize or make your own brushes in digital.

Brush interaction with support (paper/canvas, etc.) determine whether the

brushstroke will be applied with a texture.

What are the brush tool element of the painting tool?

Brush tool is an element of the painting tool that allows you to select a brush shape
(square, circle, oval and so on) and also the thickness in pixels you want to paint on your
image with. As you move your cursor over the image

 Shapes

https://cyber.olympiadsuccess.com/class-1-introduction-to-ms-paint

Shapes includes oval, rectangular, rounded rectangular, polygon, triangle, diamond,

pentagon, hexagon, right arrow, left arrow, up arrow, down arrow, four point star, rounded
rectangular callout, oval callout, cloud callout, heart, and lightning.

4
  Size to create them and thick lines for your selected brushes or shapes
.

https://www.addictivetips.com/windows-tips/custom-brush-sizes-in-ms-paint/

 Colors are color 1, color 2, color palettes, and edit color.

https://www.pinterest.ph/pin/293296994465399531/

What is the use of computer software in making painting today?

Many kinds of computer software are available to get started with the digital painting.
It is recommended that you use Gimp, Photo Editor Open Source (free wares!) for tablet PC
and Paint (windows) for laptop/desktop PC. Together, these programs have a wide array of
tools and options that you can manipulate to turn your work into a digitalized masterpiece.

Drawing your image is the first step. Scanning it into the computer is the second. Step
three is using a computer program to transform your work by cropping, editing, enhancing,
lightening, darkening, shading, adding color, layering, styling, or just about any other editing
graphic you can think of.
 5

Software tools used in Digital Painting

https://blog.breathingcolor.com/photoshop-dodge
-and-burn/

https://support.google.com/legal/
answer/3463239?hl=en

https://www.colorexpertsbd.com/blog/mastering
-of-photoshop-gradient-tool

https://skylineart.wordpress.com/2014/09/11/982014-
photoshop-tools-identification/

6
 What Is it

Activity 1.1

Directions: Look at each section in Microsoft Paint’s interface. Write its name on the line.
Choose your answer from the box. Answer this activity on appendices, activity provide
before the number sheet no. 1.1 on page 14.

Clipboard Colors Image Title Bar Tools

______ 1.
https://www.airplanecolor.com/tutorial/paint_help.htm

_____ 2.
https://www.picturecorrect.com/tips/how-to-add-graduated-sky-effects-with-photoshop/

_____ 3.
https://www.pinterest.ph/pin/293296994465399531/

______ 4.

https://www.online-tech-tips.com/windows-7/windows-7-first-look-ms-paint/

_____ 5.
https://www.stardock.com/products/skinstudio/help/changing_titlebars_and_borders.htm
 7
Activity 1.2

Directions: Identify the parts of the inks cape interface that you need to use for different
purposes. Choose from the choices inside the box. Answer this activity on appendices,
activity provide before the number sheet no. 1.2 on page 15.

a. Command Bar b. Menu Bar c. Status Bar d. Tool bar e. Tool Controls

_______1. This enables you to select the colors that you need.
_______2. This allow you to select draw, or modify objects.
_______3. This contains the shortcuts to many of the item in Menu.
_______4. This contains majority of the settings.
_______5. This shows different kinds of information like the position of the pointer and the
current zoom level.

What Is More

Activity 2

Directions:Lets’ familiarize the tool in the Microsoft Paint’s interface. Label the parts of the
Microsoft Paint’s interface. Answer this activity on appendices, activity provide before the
number sheet no. 2 on page 16.

https://www.dummies.com/computers/operating-systems/windows-7/how-to-draw-a-picture-in-paint-for-windows-7/
8
 What I Have Learned

Activity 3

Directions : Fill in the black the correct answer of the given question. Answer this activity on
appendices, activity sheet no. 3 page 17.

1. __________is set of instruction and its associated documentations that tells a computer
what to do or how to perform a task.
2. __________ have different lines and texture.
3. __________ is a oval, rectangular, rounded rectangular, polygon, triangle, diamond,
pentagon and etc.
4. __________is to supply a common housing for window- or application-specific menus
which provide access to such functions as opening files, interacting with an application, or
displaying help documentation or manuals.
5. _________s a horizontal bar located at the top of a window in a GUI. It displays the title
of the software, name of the current document, or other text identifying the contents of that
window.
6. __________is a temporary storage area for data that the user wants to copy from one
place to another.
7. _________is a tool that lets you resize and skew, rotate or flip.
8. _________it composed of color 1, color 2, color palettes, and edit color.
9. _________ is a simple program that allows users to create basic graphic art on a
computer.
10. _________is where tools are chosen. Clicking on a tool icon makes that tool active and
available to edit the image.

Assessment

Activity 4.1:
Directions: Encircle the letter of the correct answer. Answer this activity on appendices,
activity sheet no.4.1 page 18.

9
 Activity 4.2

Directions: Let’s apply what have you learned by locating the following software tools in
digital painting. Draw if the given picture is correct if not draw . Answer this activity
on appendices, activity sheet no.4.2 page 19.

1. Is it the location of the brushes?

________________

2. Is it a Menu Bar location?

_________________
3. This picture is a location of clipboard?
 10

________________

4. Is it a location of Tools?

__________________

5.This picture is a location of clipboard?

_______________

11
Key Answer
Activity 1.1

1.Tools
2. Image
3. Colors
4. Clipboard
5. Title Bar

Activity 1.2

1. e
2. d
3. a
4. b
5. c

Activity 2

Paint Window

Clipboard

Shapes Tools
Colors Brushes Title Bar

12
 1. Computer Software
2. Brushes
Activity 3
3. Shapes
4. Menu Bar
5. Title bar
6. Clipboard
7. Image
8. Colors
9. Paint Window
10. Tools

Activity 4.1

1. a
2. b
3. c
4. d
1.
5. c
Activity 4.2
2.

3.
.
4.

5.

13
Appendices
Activity Sheet No. 1.1

Look each section in MS Paint’s interface. Write its name on the line. Choose your answer
from the box.

Clipboard Colors Image Title Bar Tools

______ 1.
https://www.airplanecolor.com/tutorial/paint_help.htm

_____ 2.
https://www.picturecorrect.com/tips/how-to-add-graduated-sky-effects-with-photoshop/

_____ 3.
https://www.pinterest.ph/pin/293296994465399531 /

______ 4.
https://www.online-tech-tips.com/windows-7/windows-7-first-look-ms-paint/

_____ 5.
https://www.stardock.com/products/skinstudio/help/changing_titlebars_and_borders.htm

14

Activity Sheet No. 1.2

Directions: Identify the parts of the inks cape interface that you need to use for different
purposes. Choose from the choices inside the box. Answer this activity on appendices,
activity provide before the number sheet no 1.2 on page

a. Command Bar b. Menu Bar c. Status Bar d. Tool bar e. Tool

Controls

_______1. This enables you to select the colors that you need.
_______2. This allow you to select draw, or modify objects.
_______3. This contains the shortcuts to many of the item in Menu.
_______4. This contains majority of the settings.
_______5. This shows different kinds of information like the position of the pointer and the
current zoom level.

15

Activity Sheet No. 2

Directions:Lets’ familiarize the tool in the Microsoft Paint’s interface. Label the parts of
the Microsoft Paint’s interface.

https://www.dummies.com/computers/operating-systems/windows-7/how-to-draw-a-picture-in-paint-for-windows-7/

16

Activitiy Sheet No. 3

Directions : Fill in a black the correct answer of the given question.

1. __________is set of instruction and its associated documentations that tells a computer
what to do or how to perform a task.
2. __________ have different lines and texture.
3. __________ is a oval, rectangular, rounded rectangular, polygon, triangle, diamond,
pentagon and etc.
4. __________is to supply a common housing for window- or application-specific menus
which provide access to such functions as opening files, interacting with an application, or
displaying help documentation or manuals.
5. _________s a horizontal bar located at the top of a window in a GUI. It displays the title
of the software, name of the current document, or other text identifying the contents of that
window.
6. __________is a temporary storage area for data that the user wants to copy from one
place to another.
7. _________also lets you resize and skew, rotate or flip.
8. _________it composed of color 1, color 2, color palettes, and edit color.
9. _________ is a simple program that allows users to create basic graphic art on a
computer.
10. _________is where tools are chosen. Clicking on a tool icon makes that tool active and
available to edit the image.

17
Activity Sheets No. 4. 1
Directions: Encircle the letter of the correct answer.

18
Activity Sheet No. 4.2
Directions: Let’s apply what have you learned by locating the following software tools in
digital painting. Draw if the given picture is correct if not draw .

1. Is it the location of the brushes?

________________

2. Is it a Menu Bar location?

_________________
3. This picture is a location of clipboard?

________________

4. Is it a location of Tools?

__________________

5.This picture is a location of clipboard?

_______________

19
References
Ligaya Bautista Garcia, et. Al. 2018. The 21 st Century MAPEH in action 6. Manila, REX
Bookstore. Pages 152-160

For internet sources:

 https://www.slideshare.net/ahsankjadoon/ computer-software-53334420
 https://www.pinterest.ph/pin/426082814719143627/?amp_client_id=CLIENT_ID
(_)&mweb_unauth_id={{default.session}}&simplified=true
 https://www.stardock.com/products/skinstudio/help/
changing_titlebars_and_borders.htm
 http://www.underwaterphotography.com/Video-Editing/Windows-Movie-Maker/
Software/aboutthemenubarandtoolbar.asp
 https://www.online-tech-tips.com/windows-7/windows-7-first-look-ms-paint/
 https://www.pinterest.ph/pin/293296994465399531/
 https://blog.breathingcolor.com/photoshop-dodge-and-burn/
 https://support.google.com/legal/answer/3463239?hl=en
 https://www.colorexpertsbd.com/blog/mastering-of-photoshop-gradient-tool
 https://skylineart.wordpress.com/2014/09/11/982014-photoshop-tools-identification/
 https://wellsr.com/vba/2015/excel/vba-mouse-move-and-mouse-click-macro/
 https://www.shorttutorials.com/windows8-paint/airbrush.html
 https://www.shorttutorials.com/windows8-paint/brush-tools.html

20
For inquiries and feedback, please write or call:

Department of Education – Division of Tangub City

Division Address: Anecito Siete Street Mantic, Tangub City

Telefax: (088) 395 – 3372

Website: www.depedtangub.net

21
6
7