ICT-Illustration

Quarter 3 - Module 2
COLOR THEORY

Department of Education ● Republic of the Philippines

Technology and Livelihood Education (ICT) – Grade 9
Alternative Delivery Mode
Module 2: Color Theory
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 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: BERNADETTE C. CONSTANTINO

Co-Writer: VIRGINIA C. DE GUZMAN

Editors: FREDERICK JOHN A. MACALE

MADONNA R. ESTACIO
MARCO RHONEL M. EUSEBIO
MA. VICTORIA C. VIVO

Printed in the Philippines by Department of Education – Region III

Office Address: Matalino St.,Government Center, Maimpis, City of San Fernando

Telefax: (045) 598-8580 to 89
E-mail Address: region3@deped.gov.ph

2
 9
Technology
and Livelihood
Education
ICT Illustration
Quarter 3 - Module 2
COLOR THEORY
This instructional material is collaboratively developed and
reviewed by educators from public schools. We encourage teachers and
other education stakeholders to email their feedback, comments, and
recommendations to the Department of Education-Region III at
region3@deped.gov.ph

Your feedback and recommendations are highly valued.

Department of Education ● Republic of the Philippines

3
Introductory Message
For the learner:

Welcome to the Technology and Livelihood Education 9 Alternative Delivery Mode (ADM)
Module in Illustration!

This module is provided as your alternative instruction for learning in which content and
activities are based on your needs. It is a self-paced approach wherein you will work on
different activities that are interesting and challenging.

This is a project-based module focuses on encouraging you to develop skills using creative
imaging and manipulation of tools to create contemporary illustrations for publishing and
design. You will be encouraged to explore your creative potential and become image-based
communicators using freehand, thus graphic software will not be used. As the fundamental
basis for all illustration sketching and drawing will be required to provide students with the
means to develop ideas and preparatory layouts for illustration and expectedly demonstrate
fluency in visual craft.

To accomplish what is expected from you, you are encouraged to stay focused and develop a
sense of responsibility and independence in doing the different tasks provided in the module.
Be an empowered learner. Always believe that nothing is impossible, and nobody can stop
you from reaching your dreams.

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 correct (100%), 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.

4
 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 or blank sentence/paragraph to be

filled in to process what you 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!

5
 Table of Contents
What I Need to Know -------------------------- 6
What I Know ------------------------ -- 6
Lesson 1
What’s In ------------------------- 7
What’s New --------------------- --- 7
What is It ------------------------ - 7
What I Have Learned ------------------------- 14
What I Can Do ------------------------- 15
Answer Key ----------------------- -- 18
References ------------------------- 19

What I Need to Know

This module was designed and written with you in mind. It is here
to help you understand illustration.

This module is focused on developing illustration skills as a

method for communicating creative concepts. You will study illustration techniques
with focus on developing a distinctive personal style.

The lessons are arranged to follow the standard sequence of the

course.

After going through this module, you are expected to:

1. Explain the importance of color in drawing.

2. Observe proper color combination in illustration.
3. Layout figures and objects according to Illustration requirement

What I Know

Directions: Complete the statement in each item with the words in the box.
Write your answers on the space provided.

1. ________is the 18th century theory foundation of color vision.

2. There are ___________primary colors.
3. _____ is the body of practical guidance to color mixing.
4. The color wheel is also called ____ .
5. The color theory principles first appeared in the writings of ________.

6
 Lesson
COLOR THEORY
2

What’s In

Aside from the main lesson, this module consists of pre- and post-assessment tests
together with various activities which you are required to perform to measure your level of
understanding. Each of the activities has corresponding rubrics as your guide.

What’s New

In the visual arts, color theory is a body of practical guidance to color mixing and the
visual impacts of specific color combination. There are also definitions (or categories) of colors
based on the color wheel: primary secondary and tertiary colors.

Although color theory principles first appeared in the writings Leona Battista Alberti (c.
1435) and the notebooks of Leonardo DaVinci (c. 1490), a tradition of “colory theory” began
in the 18th century, initially within a partisan controversy around Isaac Newton's theory of color
(opticks, 1704) and the nature of so-called primary colors. From there it developed as an
independent artistic tradition with only support official reference two colorimetry and vision
science.

What is It

COLOR THEORY

Historical Background

Color theory was originally formulated in terms of three primary or primitive colors -
red, yellow, and blue (RYB) - because these colors were believed capable of mixing all
other colors. This color mixing behavior had long been known to printers, dyers, and
painters but these trades preferred fewer pigments the primary color mixtures, because the
mixtures were too dull (unsaturated).

7
 The RYB primary colors became the foundation of the 18th century theories of the
color vision, as the fundamental sensory qualities that are blended in the perception of all
physical colors and equally in the physical mixture of pigments or dyes. These theories
were enhanced by 18th century investigations of a variety of purely psychological color
effects, in particular the contrast between “complementary” or opposing hues that are
produced by color after images and in the contrasting shadows in colored light. This ideas
and many personal color observations were summarized in two founding documents in
color theory: the theory of colors (1810 closing parenthesis by the German poet and
government minister Johan Wolfgang von Goethe, and the law of simultaneous color
contrast (1839) by the French industrial chemist Michel Eugene Chevreul.

Basic Color Schemes

With the colors you can set a mood, attract attention, or make a statement.
You can use color to energize, or to cool down. By selecting the right color scheme, you can
create an ambience of arrogance, warmth or tranquility, or you can convey an image of a
playful youthfulness. Color can be your most powerful design element if you learn to use it
effectively.
Colors affect us in numerous ways, both mentally and physically. A strong red
color has been shown to raise the blood pressure, while a blue color has a calming effect.
Being able to use colors consciously and harmoniously can help one
create spectacular results.

The Color Wheel

The color wheel or color circle is the basic

tool for combining colors. The first circular color diagram was
designed by Sir Isaac Newton in 1666. The color wheel is
designed so that virtually any colors you pick from it will look
good together. Over the years, many variations of the basic
design have been made, but the most common version is a
will of 12 colors based on RYB (or artistic) color model.

8
 Traditionally, there are a number of color combinations that are considered especially
pleasing. This are called color harmonies or color chords and they consist of two or more
colors with a fixed relation in the color wheel. Color impact it's designed to dynamically create
a color wheel to match your base color.

Primary Colors

In the RYB (or subtractive) color model, the primary colors are red, yellow, and
blue.

Secondary colors

The three secondary colors (green, orange, and purple) are created by mixing 2
primary colors.

9
Tertiary colors

Another six tertiary colors are created by mixing primary and secondary colors.

Warm and Cool Colors

The color circle can be divided into

warm and cool colors warm colors are vivid and
energetic and tend to advance in space.

Cool colors give an impression of

calm and create a soothing impression.

White, black, and grey are

considered to be neutral.

10
Color Harmonies

It is the basic technique for creating colors schemes

Basic Color Chords Based on the Color Wheel

1. Complementary Color Scheme

Colors that are opposite each other on

the color wheel are complementary colors
(example: red and green)

The high contrast of complementary

colors creates a vibrant look especially when used
at full saturation. This color scheme must be
managed well so it is not jarring.

Complementary color schemes are tricky

to use in large doses but work well when you want
something to stand out.

Complementary colors are bad for text.

2. Analogous Color Scheme

Analogous color schemes use colors that

are next to each other on the color wheel. They
usually match well and create serene and
comfortable designs.

Analogous color schemes are often found

in nature and are harmonious and pleasing to
the eye.

Make sure you have enough contrast

when choosing an analogous color scheme.

Choose one color the dominate a second

to Support. The third father is used (along with
black, white or grey) as an accent.

11
 3. Triadic color scheme

A triadic color scheme uses colors that

are evenly spaced around the color wheel

. Triadic color schemes tend to be quite vibrant

even if you use pale or unsaturated versions of
your hues

The use of triadic harmony successfully, the

colors should be carefully balanced - let one
color dominate and use the two others for
accent.

4. Split Complementary Color Scheme

The split complementary color scheme it's a

variation of the complementary color scheme. In
addition to the base color, it uses the two colors
adjacent to its complement.

This color scheme has the same strong visual

contrast as the complementary color scheme but
has less tension.

The split complementary color scheme it's

often a good choice for beginners, because it is
difficult to mess up.

5. Rectangle (tetradic) color scheme

The rectangle or tetradic color scheme uses

four colors arranged into two complementary
pairs.

This rich color scheme offers plenty of

possibilities for variation.

A tragic color schemes work best if you let one

color be dominant.

One should also pay attention to the balance

between warm and cool colors in your design.

12
6. Square color scheme

The square color scheme is similar to the

rectangle, but with all four colors spaced evenly
around the color circle.

Square colors games works best if you left

one color be dominant.

One should also pay attention to the

balance between warm and cool colors in your
design.

What I Have Learned

Directions: Identify the colors combined to come up with the given colors

1. __________________ + ________________ = orange

2. __________________ + ________________ = green
3. __________________ + ________________ = violet
4. __________________ + ________________ = blue green
5. __________________ + ________________ = red violet
6. __________________ + ________________ = red orange
7. __________________ + ________________ = yellow orange
8. __________________ + ________________ = yellow green
9. __________________ + ________________ = blue violet
10. __________________ + ________________ = purple

13
 What I can Do

Activity 1. Draw two copies of a still life. Paint one copy of the still life using only cool
colors. Paint the other copy of the still life using only warm colors.

14
 Activity 2: Color the following images using triadic color combination.
Use any one of the triadic color schemes per image.

Image #1

Image # 2

15
 Image # 3

ILLUSTRATION TASK RUBRIC

BELOW AVERAGE PROFICIENT ADVANCED

CRITERIA AVERAGE
2 points 4 points 6 points 10 points

Principles and Principles and Principles and Principles and

guidelines in guidelines in using guidelines in using guidelines in using
using color color theory were color theory were color theory were
Drawing Technique theory were not applied but needs observed observed and
observed further practice mastered

Drawings are Drawings are neat Drawings are neat Drawings are very
Craftsmanship messy and show but show marks of and show very little neat and show no
marks of rips, rips, tears and/or evidence of rips, evidence of rips,
tears, and folds folds tears and/or folds tears and folds

Outputs were not Outputs were Outputs were turned Outputs exceeded
Effort turned in by turned in by in by deadline but requirements for this
deadline deadline could have had more deadline
details

16
 Assessment

A. Directions: Identify the answer referred to in the following numbers.

____________________ 1. The body of practical guidance to color mixing.

____________________ 2. The author of the Theory of Colors in 1810.
____________________ 3. This art element affects people in numerous ways.
____________________ 4. The person who designed the first circular color diagram.
____________________ 5. White, black, and grey are under this category of colors.
____________________ 6. This color harmony is composed of colors opposite in the
color wheel.
____________________ 7. These are colors created by mixing one primary color and
one secondary color.
____________________ 8. The color scheme that uses colors that are evenly spaced
around the color wheel.
____________________ 9. Uses colors that are next to each other on the color wheel.
____________________10. The number of colors in the color wheel.

B. Directions: Identify the scheme used in combining the following colors.

____________________ 1. red, green

____________________ 2. yellow, blue violet, red violet
____________________ 3. Yellow-green, yellow-orange, blue-violet, red-violet
____________________ 4. green, blue-green, blue
____________________ 5. green, orange, violet
____________________ 6. blue, orange
____________________ 7. blue-green, orange, red
____________________ 8. red, red-violet, violet
____________________ 9. blue-green, green, yellow-green
____________________10. green, yellow-orange, blue-violet, red
 18
Assessment A
Assessment B
1. Complementary 1. Color theory
2. Tetradic / rectangle 2. Johann Wolfgang von
3. Split complementary Goethe
4. Analogous 3. Color
5. Triadic 4. Leonardo da Vinci
6. Complementary 5. Neutral
7. Split complementary 6. Complementary
8. Analogous 7. Tertiary
9. Analogous 8. Triadic
10. rectangle 9. Analogous
10. 12
What I Have Learned What I Know
1. red + yellow 1. Johann Wolfgang von
2. blue + green Goethe
3. blue + red 2. 3
4. blue + green 3. Color theory
5. red + violet 4. Color circle
6. red + orange 5. Leone Battista Alberti
7. yellow + orange
8. yellow +green
9. blue + violet
10. red + blue
Answer Key