Ict Illustration 9 Week 1 To 6

DEPARTMENT OF EDUCATION
REGION III
Division of City of San Fernando
PAMPANGA HIGH SCHOOL
PHS Blvd., Brgy., Lourdes, City of San Fernando, Pampanga
Tel. No. (045) 961-4261 website:www.pampangahigh.school
INDUSTRIAL ARTS DEPARTMENT
SELF-INSTRUCTIONAL PACKETS (SIPacks)

in ICT-ILLUSTRATION for Computer Science 8
Source: https://www.deped.gov.ph
To the learner:
As you start reading, keep in mind that this teaching module will provide every learner of
Pampanga High School like you with the education needed to compete in a global context. This
module which is conceptualized as self-contained "units" of content will enhance your skills based
on the Most Essential Learning Competencies (MELCs). Also, it highlights corresponding
activities which you need to answer as you move from page to page for each week lesson.
GENERAL INSTRUCTIONS
To get the most out of this module, here are some reminders that you need to consider:
1. Take your time in reading all parts of the lesson.
2. Always answer all given activities intended for each week lesson.
3. Answers must be written in ONE WHOLE SHEET of PAD PAPER.
4. Do not forget to write the following data on your paper before answering all the activities. Also,
please be reminded that you have to use one (1) piece of paper per lesson. Meaning, you
have to use another sheet if you need to answer the activities in another lesson.
a. Your Complete Name (student) e. Quarter No.
b. Your Grade and Section f. Date of Activity, Activity No. and Activity Title
c. Learning Area/Subject g. Item Numbers
d. Name of Your Subject Teacher
Here is the illustration based on the instructions above:
Complete Name_________________________ Learning Area/Subject: IA/ICT-ILLUSTRATION Quarter: 1

Grade and Section: ______________________ Name of Subject Teacher: Mr. John Kenneth G. Canlas
Date of Activity: __________________ Activity No.: ___ Activity Title:___________________________________
1.
2.
3.
5. Remember that all the activities that you need to answer will serve as your outputs and will be
forwarded to your subject teacher for checking and recording.
6. Above all, put GOD first in everything you do! ☺
1
1st Quarter
Content Standard: The learner demonstrates understanding of one’s PECs.
The learner recognizes his/her PECs and prepares an activity plan
Performance Standard: that aligns with that of a practitioner/entrepreneur in Illustration.
1.1 Assess one’s PECs: characteristics, attributes, lifestyle, skills

Learning Competency:
and traits.
Objectives: At the end of the lesson the student should be able to:
1. Identify the different types of tools.
2. Classify tools used in photoshop.
3. Appreciate the different tools used in photoshop
Content:(Subject Matter) ICT 9
Learning Resources:
a. References: Teacher’s Guide Pages, 2,3.
b. Instructional Materials Computer, ppt presentation, tv.
Procedure:
A. Reviewing previous lesson or presenting the new lesson
ACTIVITY 1: Remember Me???
Answer the following questions. Write your answers on the space provided after the
question.
1. As a student, why choose ICT?
____________________________________________________________________________
2. Are you familiar with Photoshop?
3. In your own words, what is your idea about Photoshop?
B. Establishing a purpose for the lesson

At the end of the lesson you should be able to identify, classify and appreciate different tools
used in Photoshop.
C. Presenting examples/instances of the lesson

Activity 2: Find My Partner!!
Matching Type.
Direction: Match COLUMN A with COLUMN B. Write the LETTER of the correct answer on
the space provided before each number.
2
COLUMN A COLUMN B
_____1. A. PEN TOOL
_____2. B. EYEDROPPER TOOL
_____3. C. MARQUEE TOOL
_____4. D. HAND TOOL
_____5. E. MAGIC WAND
_____6. F. MOVE TOOL
_____7
G. ERASER TOOL
D. Discussing new concepts
The different types of tools.
The toolbar is where Photoshop holds the many tools we have to work with. There are tools for
making selections, for cropping and retouching images, for adding shapes and type, and many
more.
Choosing a single or double column toolbar

By default, the toolbar appears as a long, single column. But it can be expanded into a shorter,
double column by clicking the double arrows at the top. Click the double arrows again to return
to a single column toolbar.
Photoshop's toolbar is located along the left of the screen:
3
The toolbar can be viewed in a single or double column.
The tools layout
Let's look at how Photoshop's toolbar is organized. While it may seem like the tools are listed
randomly, there's actually a logical order to it, with related tools grouped together.
At the top, we have Photoshop's Move and Selection tools. And directly below them are
the Crop and Slice tools. Below that are the Measurement tools, followed by Photoshop's
many Retouching and Painting tools.
Next are the Drawing and Type tools. And finally, we have the Navigation tools at the bottom:
The layout of the tools in the toolbar.

E. Continuation of the discussion of new concepts
4
ACTIVITY: 3!
CLASSIFICATION OF TOOLS
1. MOVE AND SELECTION TOOLS
Move Tool * (V) - The Move Tool is used to move layers, selections and guides
within a Photoshop document. Enable "Auto-Select" to automatically select the layer or group
you click on.
Rectangular Marquee Tool * (M) - The Rectangular Marquee Tool draws

rectangular selection outlines. Press and hold Shift as you drag to draw a square selection.
Lasso Tool * (L) - With the Lasso Tool, you can draw a freeform selection outline
around an object.
Magic Wand Tool * (W) - Photoshop's Magic Wand Tool selects areas of similar
color with a single click. The "Tolerance" value in the Options Bar sets the range of colors that
will be selected.
2. CROP AND SLICE TOOLS
Crop Tool * (C) - Use the Crop Tool in Photoshop to crop an image and remove
unwanted areas. Uncheck "Delete Cropped Pixels" in the Options Bar to crop an image non-
destructively.
Slice Tool * (C) - The Slice Tool divides an image or layout into smaller sections
(slices) which can be exported and optimized separately.
3. MEASUREMENT TOOLS
Eyedropper Tool * (I) - Photoshop's Eyedropper Tool samples colors in an image.

Increase "Sample Size" in the Options Bar for a better representation of the sampled area's
color
Ruler Tool * (I) - The Ruler Tool measures distances, locations and angles. Great
for positioning images and elements exactly where you want them.
4. DRAWING AND TYPE TOOLS
Pen Tool * (P) - Photoshop's Pen Tool allows you to draw extremely precise paths,
vector shapes or selections
5
F. Developing Mastery
Activity 3: I’m Right or Wrong?!!
TRUE/FALSE
Directions: Carefully read each statement below. Draw a star if the statement is TRUE.
Draw a moon if the statement is FALSE on the space provided before each number.
_____1. The Move Tool is used to move layers, selections and guides within a
Photoshop document. Enable "Auto-Select" to automatically select the layer
or group you click on.
_____2. The Pen Tool measures distances, locations and angles. Great for
positioning images and elements exactly where you want them.
_____3. Photoshop's Eyedropper Tool samples colors in an image. Increase "Sample
Size" in the Options Bar for a better representation of the sampled area's
color
_____4. Crop Tool in Photoshop to crop an image and remove unwanted areas.
Uncheck "Delete Cropped Pixels" in the Options Bar to crop an image non-
destructively.
_____5. The Move Tool draws rectangular selection outlines. Press and hold Shift as
you drag to draw a square selection.
_____6. Magic Wand Tool selects areas of similar color with a single click. The
"Tolerance" value in the Options Bar sets the range of colors that will be
selected.
G. Finding applications of concepts and skills in daily living practical
Activity 3: The More The Merrier!!!
How many tools can you actually name? Explain each.

Name of Tool Explanation
H. Making generalizations and abstractions about the lesson

Each tool is precisely designed for a specific purpose, we'll learn all about
Photoshop's tools and the toolbar. This will help you to save time and avoiding hassle, resulting
to a more valuable output.
I. Evaluating learning
DAY 2 Wednesday
Short Quiz: Direction: Write MST if the tool is Move and Selection Tools, CT for Crop tools, MT
for Measurement Tools and DT for Drawing Tools on the space provided before each number.
_____1. Magic Wand
_____2. Marquee tool
_____3. Eyedropper tool
_____4. Move tool
_____5. Pen tool
_____6. Ruler tool
_____7. Slice tool
_____8. Lasso tool
_____9. Ruler tool
_____10. Hand tool
J. Additional activities for application or remediation
6
ASSIGNMENT:
List down at least three (3) different types of type/text tools used in Photoshop.
7
1st Quarter
Content Standard: The learner demonstrates understanding of one’s PECs.
Performance Standard: The learner recognizes his/her PECs and prepares an activity plan
that aligns with that of a practitioner/entrepreneur in Illustration.
Learning Competency: 1.1 Assess one’s PECs: characteristics, attributes, lifestyle, skills
and traits.
1.2 Assess practitioner’s: characteristics, attributes, lifestyle, skills,
traits
1. Define type/text tool.
2. Gain knowledge on how to use type tool appropriately.
3. Realize the value of type/text tool.
Content:(Subject Matter) Working with Text
Learning Resources:
a. References: Teacher’s Guide Pages, 4 Learner’s Materials Pages 44-49
b. Instructional Materials Computer, Ppt presentation, T.V.
Procedure:
ACTIVITY 1: RECAP, RECAP!!!
Direction: Identify the following tools being described in each item. Write your answers on the
space provided after each question.
1. What are four classifications of tools used in Photoshop?

________________, ________________, _________________, __________________
2. What tool draws rectangular selection outlines and press and hold shift as you drag to
draw a square selection? _________________
3. What tool crops an image and remove unwanted areas. Uncheck "Delete Cropped Pixels"
in the Options Bar to crop an image non-destructively? _____________________
4. This tool measures distances, locations and angles. Great for positioning images and
elements exactly where you want them. __________________
5. This tool allows you to draw extremely precise paths, vector shapes or selections.
_____________

At the end of the lesson you should be able to identify and appreciate type/text tools used in
Photoshop and as well as gain knowledge on how to use it.
Activity 2: COMPLETE ME!!

ATTENTION: Twenty (20) minutes for this crossword puzzle
Direction: Accomplish correctly the type/text tool crossword puzzle.
8
ACTIVITY: 3!
TYPE/TEXT TOOL: The Type/Text tools create type/text on an image.
Horizontal Type Tool
• Vertical Type Tool
TWO (2)DIFFERENT TYPES OF TYPE TOOL

• Point type (also known as character type)
9
• Area type (also known as paragraph type)

ACTIVITY: 3!
How Tools Work:

• Choosing the font style
• Setting the font size
10
• Choosing the text color
• Adding type to the image
11
ACTIVITY 3: FIX ME!!!
Direction: Arrange the jumbled letters in the enclosed parenthesis to come up with the terms to
be used in this lesson. Write your answers on the space provided before each number.
__________1. (peyt olto) -This tool is used to create type in an image.

__________2. (iotnp eypt) - Also known as character type.
__________3. (reaa tpye) - Also known as paragraph type.
__________4. (ypet skma) - tool doesn't create a new layer
__________5. (trc. t) - Shortcut key for rotation of text
__________6. (tivercla ypte) - used to text typed vertically.
__________7. (talnoziroh pety) - creates and edits vector-based text in a
separate layer.
__________8. (xtet ootl) - This tool allows text to be typed onto the current layer
using the Primary color.
__________9. (reaser loto) - This tool allow you to delete text
__________10 (urler tolo) is used to draw line of various sizes.
G. Finding practical applications of concepts and skills in daily living

Activity 5: BREAK THE LIMITS
In your personal experience, why is it important to know the type/text tool before working on a
project? _____________________________________________________________

Each tool is precisely designed for a specific purpose so choosing the correct tool will also
decrease the amount of effort required to get a job done right avoiding any hassle resulting to a
more valuable output.
ASSESSMENT # 2
Direction: Identify the following text/type tools.
1. ______ ______________________
2.
______ ______________________
3. ______________________
4. ______________________
12
5. ______________________

ASSIGNMENT:
Refresh your mind about the exposure in photoshop.
13
QUARTER 1
Content Standard: The learner demonstrates understanding of concepts and
underlying principles in maintaining hand tools, drawing
instruments, equipment and paraphernalia.
Performance Standard: The learner independently performs maintenance of hand tools,
drawing instruments, equipment and paraphernalia.
Learning Competency: Inspect hand tools and equipment received in Illustration.
1.1 Check list of tools and equipment to be requested per job
requirement.
1. Define exposure;
2. Read histogram in Photoshop;
3. Use levels to correct tonal range of an image:
Content:(Subject Matter) Adjust Tonal Range using Levels
Learning Resources:
a. References: Teacher’s Guide Pages, 49
b. Instructional Materials https://photographylife.com/what-is-exposure
https://www.thesprucecrafts.com/underexposure-2688494
https://www.photoshopessentials.com/photo-editing/how-to-read-
and-understand-image-histograms-in-photoshop/
Computer, ppt presentation, image.
Procedure:
Activity 1: DO YOU STILL REMEMBER???
In your own words, give three reasons why type/text tools is important.
Direction: Write your answers on the space provided.
1. ______________________________________________________________________
2. ______________________________________________________________________
3. ______________________________________________________________________

At the end of the lesson you will acquire knowledge about auto adjustment, levels and curves of
tonal range in photoshop.

Activity 2. LIGHTS ON OR LIGHTS OFF???
Direction: Write letter “UE” if the image is UNDEREXPOSE, and “OE” if the image is
OVEREXPOSE and write the correct answer in the box provided.
Picture UNDEREXPOSE OVEREXPOSE

1.
2.
14
3.
4.
5.

ACTIVITY 3
The teacher will launch the Adobe Photoshop and open the histogram from 2 images.
Define the following terms.
Exposure, the amount of light which reaches your camera sensor.
• Underexposed - An underexposed image is the sort of photograph that one might

consider to be too dark. Here is a good example of such a photograph.
15
• Overexposed - Overexposure is the complete opposite of the previously defined term. An
image that is brighter than it should be can be considered overexposed. When too much
light is allowed during exposure, the result is an overly bright photograph. Just so you can
easily compare, here is the same photograph I showed moments ago, but rather than
being underexposed, it is overexposed:

ACTIVITY 3
Histogram in Photoshop
Histogram -it is graph that shows the tonal range of the image, or the image key type.
Levels in Photoshop - is a tool in Photoshop and other image editing programs which can move
and stretch the brightness levels of an image histogram. It has the power to adjust brightness,
contrast, and tonal range by specifying the location of complete black, complete white, and
midtones in a histogram.
16
The tonal range - it is used to correct the tonal range and color balance of an image by adjusting
intensity levels of image shadows, midtones, and highlights.
Activity 3: EXPOSURE
Improve an image by adjusting it’s tonal range and one of the tools we use in Photoshop to do this
is the Levels. The Levels control allows you to adjust highlights, midtones and shadows of an
image.
For example: The before picture was too dark and it needed to be more lighter. I added some
layers and put them to screen which made them lighter. Then I made a layer with brightness, but it
didn't look good. I made a level layer and an exposure layer, they didn't look good either they
showed too much pixels. We are required to brighten the dark picture.
(EXAMPLE OUTPUT)
17
Direction: Open the image that you want to improve or adjust the tonal range.
STEP 1: Add a levels adjustment layer. With the image newly opened in Photoshop, click on
the New Fill or Adjustment Layer icon at the bottom of the Layers panel.
Click on the New Fill or Adjustment Layer icon.

Choose a Levels adjustment layer from the list that appears.
If you look in the Layers panel, we see that photoshop has added the levels adjustment layer
above the image on the Background layer:
The Levels adjustment layer sits above the Background layer.
STEP 2: Change the adjustment layer's blend mode to multiply. we used the Screen blend mode
to brighten the underexposed image. This time, our image is overexposed - the opposite problem -
so to fix it, we'll use the opposite of the Screen blend mode - Multiply. Change the blend mode for
the Levels adjustment layer from Normal to Multiply. The blend mode option is found in the top left
corner of the Layers panel:
18
Change the blend mode of the adjustment layer to Multiply.
Multiply is one of several layer blend modes in Photoshop that darken an image, and simply by
changing the blend mode of the adjustment layer to Multiply, the photo now appears much darker,
with more detail and colors that appear more saturated.
The photo after changing the blend mode of the adjustment layer to Multiply.
STEP 3: Lower the opacity of the adjustment layer. The Multiply blend mode often does such a
good job of darkening an image that your photo can appear too dark afterwards, as is the case
with my photo here. We can bring back some of the brightness and fine-tune the results simply by
lowering the opacity of the adjustment layer. You'll find the Opacity option directly across from the
blend mode option at the top of the Layers panel. I'm going to lower mine down to 50%, but you
may end up using a different value for your image:
Lower the opacity value of the adjustment layer to fine-tune the results.
Here's a "before and after" view of the results, with the original overexposed image on the left and
the darkened version on the right:
(Final Output)
19
(ATTENTION: TWENTYFIVE (25) MINUTES FOR THIS ACTIVITY)
Performance will be graded using the following criteria

CRITERIA 5 5 5 10 5 30
points
Points Earned Accuracy Adherence Workmanship Creativity Speed
ACCURACY
ADHERENCE
to the
procedures
WORKMANSHIP
Applied safety
procedures
CREATIVITY
Task with picture
with Creativity
Speed -
Submission
Activity 4: SHOW ME WHAT YOU’VE GOT!
In your personal experience as a student, How does photo exposure affect

society?_______________________________________________
Today, you’ve learned that exposure is the amount of light which reaches your camera sensor.
You can improve or adjust by using tonal range.
Let’s do a recap!
ASSESSMENT # 1
Direction: Identify the types of exposure being described in each item. Fill in the missing letters to
form the word identified.
1. The amount of light which reaches your camera sensor.

p r
20
2. It is graph that shows the tonal range of the image, or the image key type.
h m
3. It is used to correct the tonal range and color balance of an image.

n ___ n
4. Is the sort of photograph that one might consider to be too dark. Here is a good example of
such a photograph
n r e
5. Is the complete opposite of the previously defined term. An image that is brighter than it should
be can be considered overexposed.
v x e
ASSIGNMENT:
Recall your knowledge about Double Exposure
21
QUARTER 1
requirement
1.2 Inspect the condition of all the requested tools and
equipment.
1. Define double exposure;
2. Blend two image together;
3. Define levels in photoshop:
Content:(Subject Matter) Adjusting Levels in photoshop
Learning Resources:
a. References: Teacher’s Guide Pages, 49
b. Instructional Materials Computer, ppt presentation, image.
Procedure:
DAY 10 Thursday
Activity: 1 Review Check!!!
Direction: Identify the following types of exposure being described in each item. Write your
answers on the space provided before each number
1.________________The amount of light which reaches your camera sensor.

2.________________It is used to correct the tonal range and color balance of an image.
3.________________Is the complete opposite of the previously defined term. An image that is
brighter than it should be can be considered overexposed.
4.________________It is graph that shows the tonal range of the image, or the image key type.
5.________________Is the sort of photograph that one might consider to be too dark. Here is a
good example of such a photograph.
After analyzing and understanding this lesson, you are expected to perform the double exposure
based on the given steps and you must notice the proper use of levels, curves, and radius in
photoshop.
Activity 2: CARRY ON!!!

Answer the following questions based on your own observation.
1. How you will blend an image together?

______________________________________________________________
2. How you will adjust the level?
______________________________________________________________
22
ACTIVITY 3
Double Exposure is a photographic technique that mainly involves combining two exposures to
create a single image.
Contrast -The difference in brightness between light and dark areas of an image.
Opacity - is the extent to which something blocks light. You can change the opacity of layers,
filters, and effects so that more (or less) of the underlying image shows through. The letters are
transparent when opacity is set to 50%.
Gradient tool - creates a gradual blend between multiple colors. You can choose from
preset gradient fills or create your own. Note: You cannot use the Gradient tool with bitmap or
indexed-color images.
23
Blend image - allows you to combine the best parts of multiple shots taken in the same location
into one photo. You can also blend photos to remove certain elements of a photograph, such as
people or vehicles, to get a perfect shot of a scenic view or landscape
Levels - is a tool in Photoshop and other image editing programs which can move and stretch
the brightness levels of an image histogram. It has the power to adjust brightness, contrast, and
tonal range by specifying the location of complete black, complete white, and midtones in a
histogram.
Activity 3: DOUBLE EXPOSURE
Create a double exposure effects in photoshop. With it, you can create a wonderful double
exposure effect to your own image in just a few minutes. After the action has finished, you can
add a color tone or gradient to your composition.
24
(EXAMPLE OUTPUT)
Direction: Open the image that you want to improve make sure they are both in the same
resolution (72 dpi for the web) and color-space (RGB in this case). Open both these
documents in Photoshop.
1. Step 1: Prepare the main photo. For the base of our image, we’ll be using the following
photo of a young man. You can use any photo to your liking, for example, from your personal
archive. However, make sure that the background of your photo is more or less neutral, without
noisy elements such as grass or foliage, to make it easier to work with.
Let’s take the Crop Tool (C) and make the photo less wide by deleting its side parts.
2. Step 2: Now we need to make it much brighter and add contrast. Go to Image >
Adjustments > Levels or press Control-L to call the pop-up Levels menu. Move the lightest slider
to the left, making our photo brighter, and add contrast by moving the left black slider to the
right. Otherwise, you can just set the particular values in the spaces below: 7 for the shades of
black, 1.15 for greys and 197 for whites. Click the OK button to apply the adjustments.
3.
25
4. Step 3: Let’s fix the guy’s ear with the Spot Healing Brush Tool (I). Just click and move
your mouse, drawing above the area you wish to fix the marked area is clean and flawless. This
is a very handy tool for photo retouching, when you need to get rid of some minor flaws and
bumps on the skin.
5. Step 4: Now we need to get rid of the background. This is a piece of cake, as we’re
using a photo with a clean background. Take the Magic Wand Tool (W) and click anywhere on
the background to select it. Then go to Select > Inverse in order to make the man selected.
6.
Step 5: While you are still armed with the Magic Wand Tool (W), find the Refine
Edge button in the control panel above to reveal the Refine Edge options window. Here you can
change the View of your photo in the View Modes, placing the selected element on white, black,
transparent and other backgrounds, making it more visible and convenient to edit.
Slightly increase the Radius value in the Edge Detection, setting it to 1.5, making the edges less
rigid and thus revealing minor details, such as separate hairs. Set the Output To in
the Output section of the options window to New Layer with Layer Mask. This will automatically
create a copy of your initial image with the background hidden by the Clipping Mask.
You can play with other Refine Edge options as well, making the edge smoother or more
blurred. This would be handy if you’re cutting out the element that is surrounded by other
elements, or the image has some more complex background and the edges of the main object
are messy. In our case, these minor adjustments are enough to continue creating the desired
effect
7. .
26
8. Step 6: Create a New Layer below the cut-out portrait and fill it with a neutral greyish
color ( #dcdbd9 ) using the Paint Bucket Tool (G).
9. Step 7: Create the double Exposure Effect by combining two images. Let’s select the
second photo for our composition. This can be some nice flower shot or cityscape, or anything
abstract and intricate. For this, we’ll use this monochromatic nature scene of a forest by Samuel
Rohl, which you can find at Unsplash.com.
10. Step 8: Place the image of the forest above the man’s portrait. Keeping the forest layer
selected, press the Control key and click on the Layer Clipping Mask of the layer below (the one
with the portrait). You will see the selection of the man’s silhouette on the forest layer.
27
Step 9: Press the Add vector mask button at the bottom of the Layers panel to hide the
unneeded parts of the forest image. If you click on the chain icon between the image thumbnail
and the mask thumbnail in the Layers panel, this will unlink the layer and its mask, so that you
can move and rotate the image inside the mask without moving the whole layer.
In our case, let’s put the forest image upside down, so that the dark reflection of the trees is
placed in the head area of the silhouette, as shown in the screenshot below.
11. Step 10: Select the layer which contains the cutout portrait with a clipping mask. Make a
copy (Control-J) and drag and drop it above the forest layer.
Let’s make the portrait monochromatic to fit the forest image color palette. Keeping the portrait
layer selected, move to Image > Adjustments > Desaturate or just press Shift-Control-U,
converting our image to grayscale.
Step 11: Open the Levels (Control-L) options window and make the image much darker
by moving the black slider to the right side or manually setting its value to 117.
28
Apply the effect and go to Image > Adjustments > Hue/Saturation. Tick the Colorize checkbox in
the bottom right corner of the options window to change the whole range of colors of our image.
Set the Hue value to 212, moving the slider to the right, thus adding tints of blue. Set
the Saturation level to 10, decreasing the vividness of the photo, and click OK to apply the
created effect.
12. Step 12: Right-click on the portrait layer mask and we can Apply Layer Mask in the
dropdown menu. Change the Blending Mode of the portrait layer to Screen in the Layers panel.
We can already see that the desired double exposure effect appears.
29
Step 13: Let’s make the image more surrealistic by editing the head of the portrait. Take
the Brush Tool (B) and select the Airbrush Soft Round 17 from the standard Round Brushes
with Size set (you can find it in the drop-down brushes menu if you click the right mouse button
or in the Brushes (F5) panel).
Select the Layer Mask of the forest layer, set the Fill color to black and paint softly over the
upper part of the head area, thus erasing the unwanted parts of the head and adding some air
in the top part of the image. This makes the image look as if the trees are growing directly from
the man’s head.
Step 14: Some parts of the image look too noisy at this step—for example, the eyes area,
where the trees from the forest image create a distracting effect. Let’s get rid of this and make
these parts more clear and contrast.
Create a New Layer beneath the desaturated portrait layer, take the Brush Tool (B) again and
switch the Fill color to dark blue ( #2f2c35 ), which you can pick directly from the hair part of the
portrait with the Eyedropper Tool (I).
Start painting over the eyes area, making it more distinct. For more convenience, you
can Control-click on the layer mask of the portrait layer to create a selection, which allows you
to draw inside the selected area, without crossing its boundaries.
30
13. Step 15: Let’s add a finishing touch to our image. Select the desaturated portrait layer
and Add Layer Mask by clicking the mask icon in the bottom part of the Layers panel. Take
the Brush Tool (B) and switch the Fill color to black. Since our Layer mask is white by default,
the black color will help us to erase the unwanted parts of the image. Paint over the neck area
of the man, creating an illusion of his face popping out from the trees.
(FINAL OUTPUT)
(ATTENTION: THIS ACTIVITY IS GOOD FOR 25 MINUTES)

CRITERIA 5 5 5 10 5 30
points
ACCURACY
ADHERENCE
to the
procedures
WORKMANSHIP
Applied safety
procedures
CREATIVITY
Task with picture
with Creativity
Speed -
Submission

Show that you have learned something by “combine two images into one document”.
First think of your theme then compose your shots and edit, merge your images.

Let’s do a recap!
Remember these my dear student, for you to accomplish task efficiently, you must:
• Learn how to combine different photos together to create a photoshop.
• Know the different ways of extracting photos from the background and how to
seamlessly blend them all together.
• Add atmosphere and cinematic coloring and implied lighting.
ASSESSMENT # 2
Direction: Identify the kind of exposure that is being described. Choose your answer from the
words written on the box and write your answers on the space provided before each number.
Levels Opacity Double Exposure
31
Gradient Brightness Layer
Blend image/Combine two Contrast Exposure
image
________________1. allows you to combine the best parts of multiple shots taken in the
same location into one photo
________________2. is a tool in Photoshop and other image editing programs which can
move and stretch the brightness levels of an image histogram.
________________3. is a photographic technique that mainly involves combining
two exposures to create a single image
________________4. the amount of light which reaches your camera sensor.
________________5. adjust the Brightness slider to change the overall brightness of the
image
________________6. creates a gradual blend between multiple colors.
________________7. adjustment lets you make simple adjustments to the tonal range of an
image
________________8. are like sheets of stacked acetate.
________________9. the amount of light which reaches your camera sensor image.
________________10. Adjust the Brightness slider to change the overall brightness of the
image
ASSIGNMENT:
Refresh your mind about the “portrait”
32
QUARTER 1
requirement.
equipment.
1.3 Assess the hand tools and equipment for proper operation
and safety.
1. Define text portrait in photoshop;
2. Define layer mask in photoshop;
3. Define Marquee tool:
Content:(Subject Matter) Illustrate text portrait poster in photoshop.
Learning Resources:
a. References: https://www.instructables.com/id/Create-a-Powerful-Text-
Portrait-Poster-in-Photosho/
b. Instructional Materials Computer, Ppt presentation, image.
Procedure:
Activity 1: Remember Me!!!

Multiple Choice
Direction: Read the following questions carefully. Encircle the letter that best describes
the answer.
1.allows you to combine the best parts of multiple shots taken in the same location into
one photo.
a. Double exposure c. Contrast
b. Exposure d. Brightness
2. is a tool in Photoshop and other image editing programs which can move and stretch
the brightness levels of an image histogram.
a. Levels c. Layer
b. Gradient d. Opacity
3. is a photographic technique that mainly involves combining two exposures to create a
single image.
a. Double exposure c. Blend Image
b. Contrast d. Opacity
4. the amount of light which reaches your camera sensor.
a. Brightness c. Contrast
b. Blend Image d. Levels
5. adjust the Brightness slider to change the overall brightness of the image.
a. Brightness c. Contrast
b. Blend Image d. Levels
After analyzing and understanding this lesson, you are expected to perform the text portrait
based on the given steps and you must notice the proper use of marquee tool in photoshop.
33
Activity 2: WHAT YOU ALREADY KNOW?
Direction: Match column A with column B. Write the LETTER of the correct answer on the
space provided before each number.
A B
_____1. It is an ornamentation of textiles and other materials a. Layer Mask
with needlework.
_____2. are individual algorithms. b. Text Portrait
_____3. A tool use for transferring the design when using
pricking and pouncing method. c. Marquee Tool
_____4. a group of a super useful, non-destructive image editing
tools that add color and tonal adjustments to your image without d. Adjustment
permanently changing its pixels. Layer
_____5. A text portrait is a fun effect that utilizes a mixture of e. Filter
illustration and typography to create a fun portrait.

Text Portrait - A text portrait is a fun effect that utilizes a mixture of illustration and typography
to create a fun portrait.
Portrait - a painting, drawing, photograph, or engraving of a person, especially one depicting

only the face or head and shoulders.
Layer Masks are a fundamental tool in image manipulations. They allow you to selectively
modify the opacity (transparency) of the layer they belong to.
34
Adjustment Layers - a group of a super useful, non-destructive image editing tools that
add color and tonal adjustments to your image without permanently changing its pixels.
Filter – are individual algorithms.
Rectangular Marquee tool - is the most basic of selection tools and often the one most
useful.
Elliptical Marquee Tool - is hiding behind the Rectangular Marquee Tool in the Tools panel.
Single Row Marquee Tool - useful when you need to cut simply a tiny wee bit from the side
of a picture.
35
Single Column Marquee - tool creates one pixel wide and all image high column selections.
Activity 3: TEXT PORTRAIT

Based on what you learned on this lesson, create a portrait text.
(Final Output)
Direction: Open the image that you want to improve

1. Step 1: Crop the image around the person's face. by cropping the image so we get a
nice close-up view of the person's face. Photoshop's official tool for cropping images is the
Crop Tool, but for simple crops like this, you'll often find that the Rectangular Marquee Tool is
all you really need. I'm going to grab the Rectangular Marquee Tool from the top of the Tools
panel (panels are called "palettes" in earlier versions of Photoshop). I could also press the
letter M on my keyboard to select it with the shortcut:
The Rectangular Marquee Tool works great for simple crops.

Then, with the Rectangular Marquee Tool selected, I'll click and drag out a selection around
the man's face, beginning in the top left and dragging towards the bottom right. If you need to
36
reposition your selection as you're dragging it, hold down your spacebar, drag the selection to
a new location with your mouse, then release your spacebar and continue dragging out the
selection. I want my selection to be a perfect square, so I'll hold down my Shift key as I'm
dragging, which will force the shape of the selection into a square. When you're done, you
should have a selection that looks something like this:
Everything outside of the selection will be cropped away in a moment.

With the selection in place, go up to the Image menu in the Menu Bar at the top of the screen
and select the Crop command:
Go to Image > Crop.

As soon as you select the Crop command, Photoshop crops away everything outside of the
selection outline, leaving us with our close-up portrait:
Only the area inside the selection remains.

2. Step 2: Add a new blank layer. If we look in our Layers panel (palette), we see that we
currently have just one layer in our Photoshop document. This layer, named Background, is
the layer that contains our image. We need to add a new blank layer above the Background
layer, and we can do that by clicking on the New Layer icon at the bottom of the Layers panel:
Click on the New Layer icon in the Layers panel (palette).

Nothing will seem to have happened in the document window, but the Layers panel is now
37
showing a new layer sitting above the Background layer. Photoshop automatically names the
new layer "Layer 1". If we look in the layer's preview thumbnail to the left of the layer's name,
we see a gray and white checkerboard pattern. This is how Photoshop represents
transparency, and since the preview window is filled with nothing but this checkerboard
pattern, we know the layer is currently blank (transparent):
The preview thumbnail for each layer shows us what's currently on the layer.
3. Step 3: Fill the new layer with black. Next, we need to fill our new layer with black. Go
up to the Edit menu at the top of the screen and select the Fill command:
Select the Fill command from the Edit menu

This brings up Photoshop's Fill dialog box, giving us an easy way to fill a layer or a selection
with either a solid color or a pattern. Since we no longer have a selection active on the layer,
the entire layer will be filled with whatever color we choose. Select Black from the list to the
right of the word Use in the Contents section at the top of the dialog box:
Choose Black for the fill color.

Click OK to exit out of the dialog box and Photoshop fills "Layer 1" with black. Since "Layer 1"
is sitting above the Background layer, our image is now blocked from view in the document
window by the fill color:
The photo temporarily disappears behind the solid black color.

4. Step 4: Select the type tool. We're ready to add our text. We'll need Photoshop's Type
Tool for that, so select it from the Tools panel, or press the letter T on your keyboard to
38
quickly select it with the shortcut:
Any text we add will now be confined within the boundaries of the document thanks to the text
frame.
5. Step 5: Select your font options in the options bar. Now that we have our text frame in
place, we can add our text. Before we do though, we'll need to choose which font we want to
use. Any time the Type Tool is selected, the Options Bar at the top of the screen will show
various options for working with text in Photoshop, including options for choosing a font, font
style, font size, text color, and so on. The exact fonts you have to choose from will depend on
whichever ones you currently have installed on your computer. You'll probably need to
experiment a few times with this since the font you choose, especially the font size, will have
a large impact on the overall look of the effect. To preserve as much detail in the portrait as
possible, you'll want to use a small font size. Of course, the smaller the font, the more text
you'll need to add to fill up the entire document area.
I'm going to stick with something simple, like Arial Black, and I'll choose 12 pt for my font size
to keep it small enough to maintain lots of detail in the portrait:
We'll need our text color to be white, so if yours is currently set to some other color, click on
the color swatch in the Options Bar, which will bring up Photoshop's Color Picker, and choose
white. Click OK when you're done to exit out of the Color Picker. The color swatch in the
Options Bar should now be filled with white:
Click on the color swatch in the Options Bar and select white from the Color Picker if your text
color is not already set to white.
6. Step 6: Add your text to the document. All we need to do now is to add the text. As I
mentioned at the beginning of the tutorial, you can personalize the text portrait effect by
writing something specific about the person in the photo, or you can simply copy and paste
enough text from somewhere to fill up the document. Since I'm using a stock photo for this
tutorial and I don't actually know the person in the image (although I'm sure he's a nice guy
with lots of good stories to share), I'll simply add some standard "lorem ipsum" page filler text.
When you're done, you're entire document should be filled with white text:
Add enough text to fill the entire document from top to bottom.
To accept the text and exit out of text editing mode, click on the small checkmark in the
Options Bar:
39
Click on the checkmark in the Options Bar to accept the text.
7. Step 7: Add a layer mask to the type layer. To turn our Photoshop document full of
text into our text portrait effect, we'll need to add a layer mask to the text layer. If we look in
the Layers panel, we see that we now have three layers, with our text layer sitting above the
other two layers. We know that it's a text layer because the layer's preview thumbnail shows a
capital letter T in the center of it. To add a layer mask to the layer, click on the Layer Mask
icon at the bottom of the Layers panel:
Make sure the text layer is selected (highlighted in blue) in the Layers panel, then click on the
Layer Mask icon
Nothing will happen yet in the document window, but a layer mask thumbnail will appear to
the right of the layer's preview thumbnail:
Layer masks are filled with white by default, which means everything on the layer is fully
visible in the document.
Step 8: Copy the Original photo on the background layer
We're now going to create our effect by copying and pasting the portrait photo directly into the
layer mask we just added. Click on the Background layer in the Layers panel to select it.
You'll see it become highlighted in blue, telling us that it's now the currently selected layer:
Layer masks are filled with white by default, which means everything on the layer is fully
visible in the document.
Press Ctrl+A (Win) / Command+A (Mac) to quickly select the entire layer. You'll see a
selection outline appear around the edges of the document, indicating that the entire layer is
now selected. Even though we can still see our white text against the solid black fill color in
the document window, we're actually selecting the contents of the Background layer because
that's the layer we currently have selected in the Layers panel. Then, press Ctrl+C (Win) /
Command+C (Mac) to copy the contents of the layer (the portrait photo) temporarily into your
computer's memory.
Step 9: Paste the photo directly into the layer mask Hold down your Alt (Win) / Option
(Mac) key and click on the layer mask thumbnail on the text layer in the Layers panel.
40
Click on the layer mask thumbnail while holding down Alt (Win) / Option (Mac)
By holding down Alt / Option as we click on the layer mask thumbnail, not only do we select
the layer mask, we make it visible inside the document window, allowing us to paste our
image directly into it. Since the mask is currently filled with white, your document window will
appear filled with white. Press Ctrl+V (Win) / Command+V (Mac) to paste the portrait photo
directly into the layer mask. Since layer masks deal only with black, white and shades of gray,
the image will appear as a black and white image in the document window:
The image has now been pasted directly into the layer mask on the text layer.
To exit out of the layer mask and switch our view back to normal in the document window,
simply hold down Alt (Win) / Option (Mac) once again and click on the layer mask thumbnail,
just as we did a moment ago. Notice that the portrait photo is now visible inside the layer
mask thumbnail:
Hold down Alt (Win) / Option (Mac) and click again on the layer mask thumbnail to exit out of
the layer mask.
Press Ctrl+D (Win) / Command+D (Mac) to remove the selection outline from around the
edges of the document window. We're now back to our normal view mode inside the
document, and the text is now being masked by the photo that we pasted directly into the
layer mask, creating our "text portrait" effect:
41
The text is now being masked by the photo.
Step 10: Duplicate the type layer. If you're happy with the results at this point, you can
skip these last couple of steps, but if you find that the effect looks a little too dark, make sure
the text layer is selected in the Layers panel, then press Ctrl+J (Win) / Command+J (Mac) to
quickly duplicate the layer. A copy of the text layer will appear above the original:
You can also copy layers by going up to the Layer menu, choosing New, then choosing Layer
via Copy, but the keyboard shortcut is much faster.
The image will now appear brighter:
The effect appears brighter after duplicating the text layer.

Step 11: Adjust the layer Opacity to fine tune the brightness.
If you find that the effect is still too dark, simply duplicate the text layer a second time. Or, if
you find that it's now a bit too bright, you can fine tune the results by lowering the layer's
opacity. You'll find the Opacity option at the top of the Layers panel. The lower you set the
opacity of the top layer, the more you allow the layers below it to show through, which in this
case will have the effect of darkening the image. I'm going to lower the opacity of my copied
text layer down to around 65% just to darken the effect slightly:
42
Reduce the top layer's opacity to fine tune the brightness of the effect.
(FINAL OUTPUT)
(ATTENTION: THIRTYFIVE (35) MINUTES FOR THIS ACTIVITY)

CRITERIA 5 5 5 10 5 30
points
ACCURACY
ADHERENCE
to the
procedures
WORKMANSHIP
Applied safety
procedures
CREATIVITY
Task with picture
with Creativity
Speed -
Submission

How would you apply what you have learned in your daily living?
___________________________________________?
Today, you’ve learned that text portrait is a fun effect that utilizes a mixture of illustration and
typography to create a fun portrait. You can improve or adjust using marquee tool.
ASSESSMENT # 3
TRUE/FALSE Directions: Read each statement below carefully. Place a happy icon on
the box if you think a statement is TRUE. Place a sad face on the box if you think the
statement is FALSE.
True False
43
1. A text portrait is a fun
effect that utilizes a
mixture of illustration and
typography to create a fun
portrait
2. Portrait is a painting,
drawing, photograph, or
engraving of a person,
especially one depicting
only the face or head and
shoulders
3. Layer Masks are a
fundamental tool in image
manipulations. They allow
you to selectively modify
the opacity (transparency)
of the layer they belong to
4. A tool use for
transferring the design
when using pricking and
pouncing method.
5. It is an ornamentation
of textiles and other
materials with needlework.
6. Filter are individual

algorithms.
7. Rectangular Marquee
tool is the most basic of
selection tools and often
the one most useful.
8. Single Column
Marquee Tool - useful
when you need to cut
simply a tiny wee bit from
the side of a picture.
9. Single Row Marquee

Tool - useful when you
need to cut simply a tiny
wee bit from the side of a
picture.
10. Single Column

Marquee tool creates one
pixel wide and all image
high column selections.
ASSIGNMENT:
Refresh your mind about the “Photo Manipulation” in preparation for the next lesson.
44
45
QUARTER 1
Content Standard: The learner demonstrates understanding of concepts and underlying
principles in maintaining hand tools, drawing instruments, equipment
and paraphernalia.
Learning Competency: Inspect hand tools and equipment received in Illustration
requirement.
1.2 Inspect the condition of all the requested tools and equipment.
1.3 Assess the hand tools and equipment for proper operation and
safety.
1. Define photo manipulation;
2. Appreciate the different used of quick selection tool in photoshop;
3. Shows self-reliance when working independently:
Content:(Subject Matter) Transforming and altering a photograph in photoshop
Learning Resources:
a. References: https://www.thephotoargus.com/40-masterful-examples-of-photo-
manipulation/
https://speckyboy.com/photo-manipulation-photoshop-tutorials/
Procedure:
Activity 1: DO YOU STILL REMEMBER???

Direction: Identify the types of exposure being described in each item. Fill in the missing letters to
form the word identified.
1. Is a fun effect that utilizes a mixture of illustration and typography to create a fun portrait
e ___ o i
2. Are a fundamental tool in image manipulations. They allow you to selectively modify the opacity
(transparency) of the layer they belong to.
a ____ a
3. A group of a super useful, non-destructive image editing tools that add color and tonal
adjustments to your image without permanently changing its pixels.
j t ___ r
4. a painting, drawing, photograph, or engraving of a person, especially one depicting only the
face or head and shoulders.
a
5. are individual algorithms

T

At the end of the lesson you will acquire knowledge about manipulation of a photo to alter a
model's appearance can be used to change features such as skin complexion, hair color, body
shape, and other features.
46
We're going to select the guitar. The fastest way to do that is here is to select the black area
around the guitar and then invert the selection to turn it inside out, so that the guitar ends up being
selected while the black area becomes deselected.
Direction: Use the Selection Tool Quick Select or Magic Wand to select the black area around the
guitar. When you've selected all of it, Invert the selection. Now you can copy the guitar! Paste it
onto the flowery background.
Activity:2 Will be graded using the following criteria

CRITERIA 10 5 5 20
points
Points Earned Creativity Speed Workmanship
CREATIVITY Task
with picture with
Creativity
WORKMANSHIP
Applied safety
procedures
Speed - Submission
Photo manipulation retouching involves changing or altering an image in the way you want
applying different techniques or methods using photo editing software to get your desired results.
Importance of Photo Manipulation - photo manipulation services involve manipulating and

modifying images to improve their features in order to make them look much better.
Photo retouching - sometimes called retouching or airbrushing, refers to the process of
manipulating photographs in order to slightly change the looks of a subject.
47
The Quick Selection Tool - you can use the quick selection tool to quickly paint a selection using
an adjustable round brush tip. As you drag, the selection expands outward and automatically finds
and follows defined edges in the image.
The Object Selection tool - is useful when you only need to select one of the objects or part of
an object within an image that contains multiple objects.
The Magic Wand Tool - known simply as the magic wand, is one of the oldest selection tools
in photoshop. Unlike other selection tools that select pixels in an image based on shapes or by
detecting object edges, the magic wand selects pixels based on tone and color.
48
Activity 3: WATER SPLASH AQUARIUM
Create a water splash aquarium inside a light bulb. This activity will show you how to combine and
wrap images and apply easy color correction.
(Final Output)
ATTENTION: (THIS ACTIVITY IS GOOD FOR 45 MINUTES)
Direction: Open an image of Bulb in Photoshop, fish, water, water splash.

G. Step 1: Modified the lightbulb. Open the photo with a lightbulb. Make a copy of the Background
layer, press Shift + T, and then Flip Horizontal. Go to: Image > Adjustments > Brightness/Contrast
and set the Brightness at +25.
H. Step 2: Clear the lightbulb. (Pick the Brush tool (B) and with this color #f1f1f1 put the color in the
area shown in the picture.)
49
I. Step 3: Create the water inside the lightbulb. Open water texture 1 and paste in the document.Go
to Edit > Transform or press Ctrl+T to transform the water texture (Flip vertical and make smaller)
and position the water texture to the position as seen in the image below.
Hide the layer with water texture 1 and make a path with Lasso tool (L) like in the photo.Right-click
and Select Make selection and set Father selection to 0,5px.
50
J. Go to Select > Inverse or press Shift+Ctrl+I to inverse the selection and hit Delete button. Set
Blending Mode to Color Burn and opacity at 41%.
K.
L. Step 4: Adding a second water texture. Let’s add the second water texture so open the water
texture 2 and move in our document. Go to Edit > Transform or press Ctrl+T and transform texture
like me.
Press Ctrl+Click on the thumbnail of the previous layer and go to Select > Inverse or press
Shift+Ctrl+I to inverse the selection and hit the Delete button. Change Blending Mode on Multiply
and Opacity 45%.
51
M. Step 5: Make a new elliptical selection with Elliptical Marquee Tool on the layer with water texture
2 like in the photo and press Ctrl+C to copy and Ctrl+V to paste and move this up like in the photo.
N.
O. Step 6: Adding the sand. Open the sand texture 2 picture and press Ctrl+A and then Ctrl+C. Open
the document with a light bulb and press Ctrl+V to paste the texture. Go to Edit > Free Transform
or press Ctrl+T to transform the texture and make it small like in the photo.
P.
Press Ctrl+Click on the thumbnail of the “aqua background” layer and press Shift+Ctrl+I or go to
Select > Inverse to inverse the selection and then go to Edit > Clear.
52
Q. Step 7: Adding shadow on sand. Pick the Burn tool and set the size of brush at 83px, exposure on
Shadows. Use the settings shown in the photo, and burn the bottom margin of the sand.
R.
S. Step 8: Make the sand more look 3d. Open the sand texture 1 picture and select Lasso tool (L)
and make a new path like me. Right-click and select Make Selection with a feather of 0.5.
T.
Copy the sand dune pressing Ctrl+C and paste it in our project pressing Ctrl+V. Go to Edit > Free
Transform or press Ctrl+T and transform the sand dune-like me.
53
U. Step 9: Select Elliptical Marquee Tool and make an elliptical selection with father 0. Go to Select >
Inverse or press Ctrl+Shift+I and press the Delete button.
V.
W.
X. Step 10: Go to Edit > Free Transform or press Ctrl+T for transform, go to Edit > Transform > Warp
. Transform the sand dune-like me and pull the point exactly in this order.
Y.
Z. Step 11: Select the light bulb pressing Ctrl+click on the “aqua background” layer thumbnail. Press
54
Ctrl+Shift+I or go to Select > Inverse and press the Delete button.
Press Ctrl+click on the thumbnail of the sand dune layer an then pick the Rectangular Marquee
Tool a set like me and make a new selection like me and go to Select > Inverse and press the
Delete button.
And now light bulb should look like this.
AA.Step 12: Open the sand texture 1 picture and make a new selection with Rectangular Marquee
55
Tool like in the picture. Press Ctrl+C to copy the texture. p>Press Ctrl+V to paste the texture and
the go-to Edit > Free Transform or press Ctrl+T and transform the texture like me.
BB.Step 13: Select quick selection Tool and make a new path like me, press Right-Click and select
make a selection and set father 0,5. Press Ctrl+Shift+I to inverse selection and then the press the
Delete button.
CC.
Go to Image > Adjustments > Brightness/Contrast and use the settings shown below.
Step 14: Select quick selection Tool a make a new path like me, press Right-Click and select
56
make a selection, and set father 0,5. Press Ctrl+C to copy the sandcastle.
Step 15: Press Ctrl+V to paste the sandcastle. Go to Edit > Free transform or press Ctrl+T and
make the castle smaller.
Step 16: Go to Image > Auto Color or press Shift+Ctrl+B.
Step 17: Press Ctrl+Click on the thumbnail of the layer castle.
Click on the aqua reflection layer and press Ctrl+C and take a piece of the texture and set
Blending Mode of the layer on Screen and Opacity to 28%.
57
Step 18: Put Fish in the bulb. Open the photo with the little Nemo and pick from the menu Lasso
tool (L). With the Lasso tool make a new path like in the photo. Right-click and select Make
Selection and set father 0,5px and press Ctrl+C to copy the fish.
Press Ctrl+V to paste the fish in the document. Go to Edit > Free Transform or press Ctrl + T and
make it smaller and put where you want.
Step 19: Pick the Pen tool from the menu and make a new path like me. Right-click and select
make selection with father 0px . Go to Layer > New > Layer via Cut or press Shift+Ctrl+J and cut
the portion that should be transparent, set the opacity at 80%.
58
Step 20: Select the fish and click on the aqua reflection layer and press Ctrl+C and take a piece of
the texture and set Blending Mode on Screen and Opacity at 65%.
Step 20: Put the second fish in the bulb. Open the photo with the second Nemo fish and pick from
the menu Lasso tool (L). With the Pen tool make a new path like in the photo. Right-click and
select Make Selection and set father 0,5px and press Ctrl+C to copy the fish.
Press Ctrl+V to paste the fish in the document. Go to Edit > Free Transform or press Ctrl + T and
59
make it smaller
Step 20: Ctrl+Click on the thumbnail of the second Nemo fish and click on the aqua reflection
layer and press Ctrl+C and take a piece. Paste the texture pressing Ctrl+V and set Blending Mode
of the texture on Screen and Opacity 65%.
Go to Edit > Fill or press Shift+F5 and select from menu Black.
60
Final Results
CRITERIA 5 5 5 10 5 30
points
ACCURACY
ADHERENCE
to the
procedures
WORKMANSHIP
Applied safety
procedures
CREATIVITY
Task with picture
with Creativity
Speed -
Submission

In your personal experience as a student, how does photo manipulation affect

society?______________________________________________
WEEK 4 Day 22
WEEK 4 Day 22
Today, you’ve learned that photo manipulation can do a lot of cool things. Nowadays, as
Photoshop is becoming easily accessible, individuals have been “manipulated” into believing that
flawless beauty does exist.
61
ASSESSMENT # 1
Direction: Match column A with column B. Write the LETTER of the correct answer on the space
provided before each number.
A B
_____1. retouching involves changing or altering an image in the way f. Quick
you want applying different techniques or methods using photo editing Selection
software to get your desired results. tool
_____2. sometimes called retouching or airbrushing, refers to the g. Magic Wand
process of manipulating photographs in order to slightly change the looks
of a subject. h. Object
_____3. you can use the quick selection tool to quickly paint Selection
a selection using an adjustable round brush tip. As you drag, tool
the selection expands outward and automatically finds and follows
defined edges in the image. i. Photo
_____4. is useful when you only need to select one of the objects or part Retouching
of an object within an image that contains multiple objects.
_____5. known simply as the magic wand, is one of the oldest selection j. Photo
tools in photoshop. Unlike other selection tools that select pixels in an Manipulation
image based on shapes or by detecting object edges, the magic
wand selects pixels based on tone and color.
Direction: Write T if the statement is True and F if the statement is False.

Write the LETTER of the correct answer on the space provided before
each number
______1. Magic Wand tool sometimes called retouching or airbrushing,

refers to the process of manipulating photographs in order to slightly
change the looks of a subject.
______2. The quick selection tool you can use the quick selection tool to
quickly paint a selection using an adjustable round brush tip. As you
drag, the selection expands outward and automatically finds and follows
defined edges in the image.
______3. Photo manipulation retouching involves changing or altering

an image in the way you want applying different techniques or methods
using photo editing software to get your desired results.
______4. The Object Selection tool is useful when you only need
to select one of the objects or part of an object within an image that
contains multiple objects.
______5. Photo retouching the known simply as the magic wand, is one
of the oldest selection tools in photoshop. Unlike other selection tools that
select pixels in an image based on shapes or by detecting object edges,
the magic wand selects pixels based on tone and color.

Recall your knowledge about double exposure
Give your own idea about the definition of the following.

A.) What is photo mosaic portrait?
________________________________________________________
B.) What is photo mosaic portrait used for?

_______________________________________________________
62
QUARTER 1
requirement.
equipment.
1.3 Assess the hand tools and equipment.
1. Define photo mosaic portrait;
2. Appreciate the different used of brush tool in photoshop;
Content:(Subject Matter) Transforming photography into mosaic portrait in photoshop.
Learning Resources:
a. References: https://www.pinterest.ph/pin/559150109977776702/
https://www.turbomosaic.com/make-photo-mosaic-in-
photoshop.html
https://photoshoproadmap.com/create-stunning-photo-mosaic-
portrait-photoshop/
Procedure:
Activity 1: RECAP,RECAP, RECAP!!!
Presenting the definition of the following terms: (prior knowledge may also be used)
_______________________1. (ohotp iauaointlpmn) involves changing or altering

an image in the way you want applying different techniques or methods using photo editing
software to get your desired results.
_______________________2. (oohtp eouirtchng) - sometimes called retouching or
airbrushing, refers to the process of manipulating photographs in order to slightly
change the looks of a subject.
_______________________3. (uiqkc ntclseeio oolt) - quickly paint a selection using an
adjustable round brush tip. As you drag, the selection expands outward and automatically
finds and follows defined edges in the image.
_______________________4. (imgca andw) - is one of the oldest selection tools
in photoshop. Unlike other selection tools that select pixels in an image based on shapes or
by detecting object edges, the magic wand selects pixels based on tone and color.
_______________________5. (jctobe ntcseeiol tloo) - is useful when you only need
to select one of the objects or part of an object within an image that contains
multiple objects.
63
After reading and understanding this lesson, you will acquire knowledge about photo mosaic
portrait. In addition the importance of photo mosaic portrait will be further explained.

Activity 2: WHAT YOU ALREADY KNOW
Direction: Save the picture poster.jpg to your folder. Use brush tool and type tool to change the
poster into something fun.
Remember that the poster must show the band's name. Use the function image size to make
sure the picture's fit to show on the web. This means it should have a resolution of 72
pixels/inch. It should also be 500 pixels high, at most.
Activity:2 Will be graded using the following criteria

CRITERIA 10 5 5 20
points
Points Earned Creativity Speed Workmanship
CREATIVITY Task
with picture with
Creativity
WORKMANSHIP
Applied safety
procedures
Speed - Submission
Photo Mosaic Portrait - In the field of photographic imaging, a photographic mosaic, also
known under the term photomosaic, a portmanteau of photo and mosaic, is a picture (usually
a photograph) that has been divided into (usually equal sized) tiled sections, each of which is
replaced with another photograph that matches the target photo.
Importance of Photo Mosaic Portrait - photo mosaic portrait services
64
involve manipulating and modifying images to improve their features in order to make them look
much better.
Desaturate Command - To apply it, select your desired layer in the Layers panel, select the
area you want to operate on, and then choose Image
Brush tool - is a basic painting tool. It works like a traditional drawing tool by applying the color
using strokes. It's located in the standard tool Bar and its default shortcut is the letter b.
The Color Replacement tool - allows you to colorize by replacing original color of an image
with the foreground color. By specifying different sampling methods, limits, and tolerance
settings, you can control the range of colors that photoshop replaces.
The Mixer Brush - simulates realistic painting techniques such as mixing colors on the canvas,
combining colors on a brush, and varying paint wetness across a stroke.
Activity 3: MOSAIC PORTRAIT

(Perform this activity after reading WEEK 5 DAY 28 Lesson)
Based on what you learned on this lesson, create a photo mosaic portrait.
(Example Output)
65
Direction: Open the image that you want to improve
8. Step 1: Prepare Photos for Mosaic pattern. Please prepare or download images to be
used for the mosaic pattern, at least 10 different images. You can download images or capture
using your smartphone or gadgets.
9. Step 2: Create a new document for pattern. (Choose File> New command in the top
menu or else just press Ctrl+N.) The standard New dialog box appears. In the pop-up window,
type a name in the Name field and enter the following information. Width 1500 pixels, Height
1500 pixels, Resolution 72 Pixels/Inch, Color Mode RGB color, and Background contents White.
Click OK.
10. Step 3: Create a vertical guide. Guides help you position any object (shapes or images)
precisely. We will create 9 vertical guides. Create the first vertical guide. Choose View> New
Guide. In the dialog box, select Vertical orientation, enter 10 % position and click OK. Repeat
this step for position 20%, 30%, 40%, 50%, 60%, 70%, 80% and 90%.
11.
12. Create vertical Guides. Create 9 vertical guides.
66
13.
14.
Step 4: Create a Horizontal Guide. Now create horizontal guides. We will create 9
horizontal guides. Choose View>New Guide. In the dialog box, select Horizontal orientation,
enter 10 % position and click OK. Repeat this step for position 20%, 30%, 40%, 50%, 60%,
70%, 80% and 90%. if you want to lock all guides, choose View>Lock Guides. This way you
can't move them by accident. Snapping is a useful feature in Photoshop that allows users to
align images, layers, shapes or text perfectly with other objects or guides.
Choose View>Snap to enabling snaping that will help you to align any object (including images)
you want. Make sure that View>Snap to>Guides is checked.
15.
Step 5: Insert image. Choose File>Place command in the top menu to open the image
you'd like to insert. The Place dialog box appears.
Navigate to the folder that contains your image file then select the name of the file you want to
open.
If your file does not appear, try to view all files by selecting All Formats from the Files of type list.
Click the Place button.
You can now edit the image as follows:
Resize the image by dragging any corner while holding down the Shift key to keep the image
does not distort.
Move the image by clicking and hold anywhere inside the image and drag.
Rotate the image by moving your cursor farther out from any corner until you see two arrows.
Click and hold, then drag the image.
Press Enter key when you are done.
67
The Place dialog box.
Position the first image in your first guide box.
Select the rectangular marquee tool at the top of the Tools panel. or else just press M.
There are four tools available to choose from, the Rectangular Marquee Tool, the Elliptical
Marquee Tool, the Single Row Marquee Tool, and Single Column Marquee Tool.
Press Shift+M to cycle through the four available marquee tools until the one you want is active.
Now, drag your mouse over part of the image in the first guide square while holding down the
Shift key to keep the rectangular selection doesn't distort.
Duplicate the image layer by going to Layer>New>Layer via copy or Ctrl+J.
You can now delete the image's layer.
68
The Rectangular Marquee Tool.
Drag mouse over part of the image in the first guide square, then duplicate the image layer by
going to Layer>New>Layer via copy or Ctrl+J.
You can now delete the image's layer
16. Step 6: Insert all image. Repeat step 5 to open and manipulate each picture you'd like to
insert.
The result will be shown as below:
69
Canvas filled with photos.
17. Step 7: Define pattern mosaic.
The next step, Choose Edit> Define Pattern.
The Pattern Name dialog box appears.
Name it like 'Mosaic'.
Click the OK button.
Now you can save and close your pattern. PSD document.
Step 8: Open your main image. Choose File>Open or else just press Ctrl+O to Open up
your main image in Adobe Photoshop. Create a new layer to fill with our mosaic pattern by going
to Layer>New>Layer or else just press Shift+Ctrl+N. The New Layer dialog box appears
allowing you to name your layer and specify other options. Leave the default settings and click
OK.
In the Layers panel, a layer with the default name of Layer 1 appears above the Background
layer.
70
The Open dialog box.
Step 9: Fill with mosaic pattern. Select Layer 1 and then choose Edit> Fill. The Fill dialog
box appears. Select Pattern in Use drop-down menu. In the Custom Pattern, choose a mosaic
pattern that we previously created. Click the OK button.
Fill with the mosaic pattern.

Step 10: Desaturate, change the blend mode and opacity. Desaturate Layer 1 by
choosing Image> Adjustments> Desaturate or else just press Shift+Ctrl+U. Change its blend
mode to Overlay by going to the drop-down menu in the Layers panel.
Adjust its opacity if necessary.
71
Set the blend mode and opacity.
Step 10: Save your document. Choose File>Save or else just press Ctrl+S to save your
project file. The Save As dialog box appears. Navigate to the folder where you want to store
your project file. Type a name in the File Name text box and leave the default Photoshop
(*.PSD;*.PDD) format. Click Save to store the project file.
Here is the result:

CRITERIA 5 5 5 10 5 30
points
ACCURACY
ADHERENCE
to the
procedures
WORKMANSHIP
Applied safety
procedures
CREATIVITY
Task with picture
with Creativity
Speed -
Submission
72
In your personal experience as a student, How does photo mosaic portrait affect
society?_______________________________________________
Today, you’ve learned that photo mosaic portrait. It can do a lot of cool things. Nowadays, as
Photoshop is becoming easily accessible, individuals have been manipulated into believing that
flawless beauty does exist.
ASSESSMENT #1
TRUE/FALSE Directions: Read each statement below carefully. Place a happy icon on the
box if you think a statement is TRUE. Place a sad face on the box if you think the statement
is FALSE.
True False
1. Brush tool simulates realistic
painting techniques such
as mixing colors on the canvas,
combining colors on a brush, and
varying paint wetness across a
stroke.
2. Portrait is a painting, drawing,
photograph, or engraving of a
person, especially one depicting
only the face or head and
shoulders
3. Brush tool is a basic
painting tool. It works like a
traditional drawing tool by
applying the color using strokes.
It's located in the
standard tool Bar and its default
shortcut is the letter b.
4. Color Replacement tool allows
you to colorize
by replacing original color of an
image with the foreground color.
By specifying different sampling
methods, limits, and tolerance
settings, you can control the
range
of colors that photoshop replaces.
5. Desaturate Command To
apply it, select your desired layer
in the Layers panel, select the
area you want to operate on, and
then choose Image.
6. Photo Mosaic Portrait In the
field of photographic imaging,
a photographic mosaic, also
known under the
term photomosaic,
a portmanteau of photo
and mosaic.
73
7. paint brush simulates realistic
painting techniques such
as mixing colors on the canvas,
combining colors on a brush, and
varying paint wetness across a
stroke.
8. Level tonal select your desired

layer in the Layers panel, select
the area you want to operate on,
and then choose Image.
9. Single Row Marquee Tool -

useful when you need to cut
simply a tiny wee bit from the side
of a picture.
10. Single Column Marquee

tool creates one pixel wide and all
image high column selections.
ASSIGNMENT:
Refresh your mind about the “Logo Design” in preparation for the next lesson.
74
QUARTER 1
Performance Standard: The learner independently performs maintenance of hand
tools, drawing instruments, equipment and paraphernalia.
requirement.
equipment.
1.3 Assess the hand tools and equipment for proper
operation and safety.
1. Define logo in photoshop;
2. Appreciate the different used of shape tool in photoshop;
Content:(Subject Matter) Shape transforming into logo
Learning Resources:
a. References: https://www.thephotoargus.com/40-masterful-examples-of-
photo-manipulation/
https://speckyboy.com/photo-manipulation-photoshop-
tutorials/
Procedure:
Activity 1: REMEMBER ME???

Presenting the definition of the following terms: (prior knowledge may also be used)
_______________________1. (ohotp tiartrop) in the field of photographic imaging,

a photographic mosaic, also known under the term photomosaic.
_______________________2. (eetrtuaeds ommndca ) to apply it, select your desired
layer in the Layers panel, select the area you want to operate on, and then choose Image.
_______________________3. (usbrh oolt) - is a basic painting tool. It works like a
traditional drawing tool by applying the color using strokes. It's located in the
standard tool Bar and its default shortcut is the letter b.
_______________________4. (eimrx hrbus) - simulates realistic painting techniques such
as mixing colors on the canvas, combining colors on a brush, and varying paint wetness
across a stroke.
_______________________5. (oocrl eaeetnmlpr loot) - allows you to colorize
by replacing original color of an image with the foreground color. By specifying different
sampling methods, limits, and tolerance settings, you can control the range
of colors that photoshop replaces.
At the end of the lesson you will acquire knowledge about how to create an logo symbols. In
fact, a logo is one of the most important branding investments a business can make.
75
TRUE/FALSE Directions: Read each statement below carefully. Place a happy icon on the
box if you think a statement is TRUE. Place a sad face on the box if you think the statement
is FALSE.
True False
1.The Rectangular create
s elliptical shapes and
paths shape outlines.
2. Custom Shape tools -
allow you to form your
photos and projects into
rectangles, make circles,
ellipses and polygons,
but Photoshop also offers
a Custom Shape tool.
3. Brush tool is a basic
painting tool. It works like
a traditional
drawing tool by applying
the color using strokes.
It's located in the
standard tool Bar and its
default shortcut is the
letter b.
4. Color Replacement tool
allows you to colorize
by replacing original color
of an image with the
foreground color. By
specifying different
sampling methods, limits,
and tolerance settings,
you can control the range
of colors that photoshop r
eplaces.
5. Circle tool
creates rectangular shape
s and paths (shape
outlines). Add to shape
area to create multiple
shapes in the same vector
shape layer.
6. Ellipes - allow you to
add graphic shapes in the
form of a filled layer with a
vector mask, a solid fill, or
as a path outline.
7. Text tool is one of the
most powerful tools in
your toolbox because it
opens the door to a
multitude of pre-designed
font libraries.
8. level is the extent to

which something blocks
light. You can change
the opacity of layers,
76
filters, and effects so that
more (or less) of the
underlying image shows
through.
9. Single Row Marquee

Tool - useful when you
need to cut simply a tiny
wee bit from the side of a
picture.
10. logo is a symbol or
other design adopted by
an organization to identify
its products, uniform,
vehicles.
1. Logo - a symbol or other design adopted by an organization to identify its products,

uniform, vehicles, etc.
Opacity is the extent to which something blocks light. You can change the opacity of
layers, filters, and effects so that more (or less) of the underlying image shows through.
Text tool is one of the most powerful tools in your toolbox because it opens the door to a
multitude of pre-designed font libraries.
77
Shape tool - allow you to add graphic shapes in the form of a filled layer with a vector mask, a
solid fill, or as a path outline.
The Rectangle Tool creates rectangular shapes and paths (shape outlines). Add to shape
area to create multiple shapes in the same vector shape layer.
The Ellipse Tool - creates elliptical shapes and paths shape outlines.
Custom Shape tools - allow you to form your photos and projects into rectangles, make
circles, ellipses and polygons, but Photoshop also offers a Custom Shape tool.
78
Activity 3: LOGO
(Perform this activity after reading WEEK 7 DAY 2 Lesson)
Create a quality logo in Photoshop
(Final output)
ATTENTION: (THIS ACTIVITY IS GOOD FOR 30 MINUTES)
G. Step 1: Instance a background layer.

H. Open PS CC, and hit [Create New]. Alternatively, keystroke [Ctrl] + N. Enter the name of your
logo project, along with the width and height. Usually, we set width to 1000 px and height to
1000 px. But you are free to input your wanted logo size here. Choose a background color, like
8A7139, for your logo and click [Create].
I. Step 2: Add coffee slogan (logo text)

J. Add a new layer by selecting [Layer]>[New]>[Layer…], or by using Photoshop shortcut
combination: [Ctrl] + [Shift] + N. Pick Photoshop Text tool from the toolbox on the left. Type your
slogan - your logo text, select the font style and font color. It's allowed to change your text to a
curved one, the option is right next to font color option on the top.
79
Additionally, Photoshop offers a wider range of advanced options for a text, which can be easily
found under [Advanced]. Here, we just take advantage of these features and fine tune our logo
text to make it look stylish. To change text position, you can keystroke V letter and move the
object. Or double click [T] on the Logo Text layer, move mouse cursor outside the text (you will
see a change of cursor shape) and drag it to move.
Right-click logo text layer, go Shape tool, then you will find layer style. Just give these styles a
try, you may see something interests you.
K. Step 3: Add coffee graphics as a logo shape. For logo shape, we are about to use a part of an
image for a cup of coffee. Use [Ctrl] + O to open an image that is about coffee. Keystroke W
and apply it to the whole coffee cup. Right-click and select [Layer via Copy]. It will generate a
layer named [Layer 1]. Drag and add it to [Layers] block in previous document. In this case, our
previous document is Photoshop-Coffee-Logo.psd.
L. Step 4: Recognize logo Text and logo shape. Resize logo text by applying a larger font size.
Make use of shortcut [V] to select any object on your canvas quickly. Move their positions on
the canvas for a nice look.

CRITERIA 5 5 5 10 5 30
points
Points Accuracy Adherence Workmanship Creativity Speed
Earned
ACCURACY
80
ADHERENC M.
E
to the N.
procedures
WORKMANS
O.
HIP
Applied
safety
procedures
CREATIVITY
Task with
picture with
Creativity
Speed -
Submission
In your personal experience as a student, logo affect

society?_______________________________________________
Today, you’ve learned that logo can do a lot of cool things and the shape of a logo has a
powerful impact and aesthetic appeal on consumers.
ASSESSMENT # 1
Direction: Identify the types of exposure being described in each item. Fill in the missing letters
to form the word identified.
1. Is one of the most powerful tools in your toolbox because it opens the door to a multitude of
pre-designed font libraries.
t ___ t
2. allow you to add graphic shapes in the form of a filled layer with a vector mask, a solid fill, or
as a path outline.
e ____ l
3. Creates rectangular shapes and paths (shape outlines). Add to shape area to create multiple
shapes in the same vector shape layer.
g ___ o
4. Creates elliptical shapes and paths shape outlines.

l __ t
_
5. A symbol or other design adopted by an organization to identify its products, uniform,

vehicles.
L
Direction: Identify the following Shape tool.
81
6. _________________
7. _________________
8. _________________
9. _________________
10._________________
ASSIGNMENT:
Give your own idea about the definition of the following.
C.) What is 2d effects?
______________________________________________________________
D.) What is 3d effects?

______________________________________________________________
If You Have Any Questions or Concerns, Please Contact (09563501956) or PM me in my

Facebook Account - JK Gonzales Canlas
82
83

Ict Illustration 9 Week 1 To 6

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ict Illustration 9 Week 1 To 6

Uploaded by

Copyright:

Available Formats

DEPARTMENT OF EDUCATION

INDUSTRIAL ARTS DEPARTMENT

SELF-INSTRUCTIONAL PACKETS (SIPacks)

Here is the illustration based on the instructions above:

Complete Name_________________________ Learning Area/Subject: IA/ICT-ILLUSTRATION Quarter: 1

Date of Activity: __________________ Activity No.: ___ Activity Title:___________________________________

1.1 Assess one’s PECs: characteristics, attributes, lifestyle, skills

1. As a student, why choose ICT?

2. Are you familiar with Photoshop?

3. In your own words, what is your idea about Photoshop?

B. Establishing a purpose for the lesson

C. Presenting examples/instances of the lesson

_____1. A. PEN TOOL

_____2. B. EYEDROPPER TOOL

_____3. C. MARQUEE TOOL

_____4. D. HAND TOOL

_____5. E. MAGIC WAND

_____6. F. MOVE TOOL

Choosing a single or double column toolbar

Photoshop's toolbar is located along the left of the screen:

The tools layout

The layout of the tools in the toolbar.

1. MOVE AND SELECTION TOOLS

Rectangular Marquee Tool * (M) - The Rectangular Marquee Tool draws

2. CROP AND SLICE TOOLS

Eyedropper Tool * (I) - Photoshop's Eyedropper Tool samples colors in an image.

How many tools can you actually name? Explain each.

H. Making generalizations and abstractions about the lesson

ACTIVITY 1: RECAP, RECAP!!!

1. What are four classifications of tools used in Photoshop?

B. Establishing a purpose for the lesson

Activity 2: COMPLETE ME!!

TYPE/TEXT TOOL: The Type/Text tools create type/text on an image.

Horizontal Type Tool

• Vertical Type Tool

TWO (2)DIFFERENT TYPES OF TYPE TOOL

E. Continuation of the discussion of new concepts

How Tools Work:

• Setting the font size

• Adding type to the image

__________1. (peyt olto) -This tool is used to create type in an image.

G. Finding practical applications of concepts and skills in daily living

H. Making generalizations and abstractions about the lesson

J. Additional activities for application or remediation

B. Establishing a purpose for the lesson

C. Presenting examples/instances of the lesson

Picture UNDEREXPOSE OVEREXPOSE

D. Discussing new concepts

Exposure, the amount of light which reaches your camera sensor.

• Underexposed - An underexposed image is the sort of photograph that one might

E. Continuation of the discussion of new concepts

Click on the New Fill or Adjustment Layer icon.

The Levels adjustment layer sits above the Background layer.

Performance will be graded using the following criteria

G. Finding practical applications of concepts and skills in daily living

Activity 4: SHOW ME WHAT YOU’VE GOT!

In your personal experience as a student, How does photo exposure affect

H. Making generalizations and abstractions about the lesson

1. The amount of light which reaches your camera sensor.

3. It is used to correct the tonal range and color balance of an image.

1.________________The amount of light which reaches your camera sensor.

C. Presenting examples/instances of the lesson

Activity 2: CARRY ON!!!

Date of Activity: ________________ Activity No.: _ Activity Title:___________________________________