DEPARTMENT OF EDUCATION

REGION III
Schools Division of Cabanatuan City
Maharlika Highway, Cabanatuan City

Adobe Photoshop Multi Layers

COMPUTER SCIENCE 2

Writer and Layouter: Alora S. Santoyo (Teacher I, Marciano Del Rosario

8
Memorial National High School)

LEARNING RESOURCE MANAGEMENT AND DEVELOPMENT SECTION

Project EL AR: Enhance Learning thru Adequate Resources
 GUIDE FOR THE LEARNER, PARENTS,
GUARDIANS AND LEARNING FACILITATOR

To You, Learner:

Welcome to Computer Science 2 Self-Learning Module (SLM) on Adobe Photoshop Multi

Layers. This module was made to give you with fun and meaningful time for guided and inde-
pendent learning at your convenience. You will be able to process the contents of this Module
while being an active learner.

To You, Parent/s, Guardian/s and Learning Facilitator/s:

This Module was collaboratively developed and reviewed by the teachers, school heads
and supervisors of DepEd Division of Cabanatuan City to assist you in helping the learners meet
the standards set by the K to 12 Curriculum while overcoming their different constraints in school-
ing. As a facilitator, you are expected to orient the learners on how to use this module. You also
need to keep track of the learners' progress while allowing them to manage their own learning.
Furthermore, you are expected to encourage and assist the learners as they do the tasks includ-
ed in the module.

This module is about the basic concepts and underlying principles of Photo Editing specifi-
cally using the Adobe Photoshop. This module is designed to focus exploring photo editing. It is
enrich with different activities that will assess your level in terms of skills and knowledge, that you
are expected to demonstrate after completing this learning materials. It is divided into different
sections - What Do You Know, What You Need to Know and What Did You Learn. Go over with
the suggested tasks and accomplish them to practice developing a sustainable program, priori-
tizing needs and building vision.

2
 OBJECTIVES

At the end of the lesson, the learners must be able to;

1. Understand basics of layers in adobe photoshop
2. Know how to manipulate layers in adobe photoshop

COMPETENCY

 Understanding Layers

3
 WHAT DO YOU ALREADY KNOW?

Direction: Write TRUE if the statement is correct, write FALSE if not. Write
your answer in a separate sheet of paper.

________ 1. The basics of layers have not changed at all over the years, so even though you’ll
be using Photoshop CS6 here, everything is fully compatible with Photoshop CC as
well as earlier versions of Photoshop.

________ 2. You can add layers, delete layers, name and rename layers, group them, move
them, mask them, blend them together, add effects to layers, change their opaci-
ty, and more.

________ 3. Layers are, without a doubt, the single most important aspect of Photoshop. Nothing
worth doing in Photoshop can, or at least should, be done without layers.

________ 4. As soon as you select Color, Photoshop will pop open its Color Picker so we can
choose which color we want to use. You can pick any color you like.

________ 5. If there's something we need to do in Photoshop that has something to do with lay-
ers, the Layers panel is where we do it

________ 6. We use the Layers panel to create new layers, delete existing layers, rename layers,
move layers around, turn layers on and off in the document, add layer masks and
layer effects.... the list goes on. And it's all done from within the Layers panel.

________ 7. To change a layer’s opacity, select a layer in the Layers panel and drag the Opaci-
ty slider located near the top of the Layers panel to make the layer more or less
transparent.
_______ 8. A layer must be selected in order to make changes to it.
_______ 9. Drag a layer up or down in the Layers panel to change the order of layered objects
in the image.

______ 10. To add more layers to your selection, hold Control (Windows) or Command (macOS)
as you click other layers.

4
 WHAT YOU NEED TO KNOW

Understanding Layers

Layers are, without a doubt, the single most important aspect of Photoshop. Nothing worth
doing in Photoshop can, or at least should, be done without layers. They're so important that
they have their own Layers panel as well as their own Layer category in Photoshop's Menu Bar
along the top of the screen. You can add layers, delete layers, name and rename layers, group
them, move them, mask them, blend them together, add effects to layers, change their opaci-
ty, and more!

Learn what layers are and why they are so useful.

 Layers contain the images, text, or objects that make up a layered file. They let you move,
edit, and work with content on one layer without affecting content on other layers.

 Layers are arranged in a stack in the Layers panel, which is usually located in the bottom
right of the work area. If the Layers panel is not visible, choose Window > Layers.

 In the Layers panel, click the eye icon to the left of a layer to hide its content.
Click again in the same spot to reveal the content. This is a useful way to remind your-
self what’s on a particular layer.

 A layer must be selected in order to make changes to it. In the Layers panel, click once to
the right of a layer name to select that layer. To add more layers to your selection, hold
Control (Windows) or Command (macOS) as you click other layers.

Learn Layer Basics

Change layer order, create a new layer, change layer opacity, and delete a layer.

 Drag a layer up or down in the Layers panel to change the order of layered objects in the
image.

 Click the Create a New Layer icon at the bottom of the layers panel to make a new layer.
This layer is transparent until something is added to it.

 To name a layer, double-click the current layer name. Type a new name for the layer. Press
Enter (Windows) or Return (macOS).

 To change a layer’s opacity, select a layer in the Layers panel and drag the Opacity slider
located near the top of the Layers panel to make the layer more or less transparent.

 To delete a layer, select a layer in the Layers panel and press Backspace (Windows) or De-
lete (macOS).

5
 WHAT YOU NEED TO KNOW

Resize a Layer
Change the size of the content of selected layers.
 In the Layers panel, select one or more layers that contain images or objects you want to
resize.
 Choose Edit > Free Transform. A transform border appears around all the content on the
selected layers. Hold the Shift key to avoid distorting the content, and drag the corners or
edges until it is the desired size. Drag inside the transform border to move the content
around the image. Drag outside the transform border to rotate the content.
 Click the check mark in the options bar or press Enter (Windows) or Return (macOS) to final-
ize the change.

Add Images to a Layered Design

Bring more images into a design, each image on its own layer.
1. Choose File > Place Embedded, navigate to an image file in File Explorer (Windows) or
Finder (macOS), and click Place.
2. Hold the Shift key to avoid distorting the image, and drag the corners of the image bor-
der to resize the added image.

3. Drag inside the border to position the added image where you want it.

4. Click the check mark in the options bar to finalize the placement. This automatically cre-
ates a new layer containing the added image.

The Layers Panel

If there's something we need to do in Photoshop that has something to do with layers, the
Layers panel is where we do it. We use the Layers panel to create new layers, delete existing lay-
ers, rename layers, move layers around, turn layers on and off in the document, add layer masks
and layer effects.... the list goes on. And it's all done from within the Layers panel. The Layers pan-
el is showing us that we currently have one layer in our document—the default Background lay-
er.

When we initially added our two shapes to the document, they were both added to the
Background layer, and that's why there was no way to move them independently of each other.
The shapes and the white background were all stuck together on a flat image. This way of work-
ing in Photoshop, where everything is added to a single layer, is known in technical terms as
"wrong" because when you need to go back and make changes, you run into a
"problem" (another technical term). Let's see what happens if we create the same layout as be-
fore, but this time, we'll place everything on its own layer.

6
 WHAT HAVE YOU LEARNED?

Direction: Write TRUE if the statement is correct, write FALSE if not. Write
your answer in a separate sheet of paper.

________ 1. The basics of layers have not changed at all over the years, so even though you’ll be
using Photoshop CS6 here, everything is fully compatible with Photoshop CC as well as earlier ver-
sions of Photoshop.

________ 2. You can add layers, delete layers, name and rename layers, group them, move
them, mask them, blend them together, add effects to layers, change their opacity, and more.

________ 3. Layers are, without a doubt, the single most important aspect of Photoshop. Nothing
worth doing in Photoshop can, or at least should, be done without layers.

________ 4. As soon as you select Color, Photoshop will pop open its Color Picker so we can
choose which color we want to use. You can pick any color you like.

_______ 5. If there's something we need to do in Photoshop that has something to do with layers,
the Layers panel is where we do it

_______ 6. We use the Layers panel to create new layers, delete existing layers, rename layers,
move layers around, turn layers on and off in the document, add layer masks and layer effects....
the list goes on. And it's all done from within the Layers panel.

_______ 7. To change a layer’s opacity, select a layer in the Layers panel and drag the Opacity
slider located near the top of the Layers panel to make the layer more or less transparent.
______ 8. A layer must be selected in order to make changes to it.
______ 9. Drag a layer up or down in the Layers panel to change the order of layered objects in
the image.

______ 10. To add more layers to your selection, hold Control (Windows) or Command (macOS)
as you click other layers.

ENRICHMENT ACTIVITY 1

Direction: Enumerate the following steps in chronological order. Write your

answer in a separate sheet of paper.

A. What are the steps in resizing layers?

(3 steps)

B. What are the steps on how to add image to a layered design?

(4 steps)

7
 ENRICHMENT ACTIVITY 2

Direction: Fill in the missing word/s to complete the sentence below. Write
your answer in a separate sheet of paper.

1. Nothing worth doing in Photoshop can, or at least should, be done without layers.
They're so important that they have their own ____________ as well as their own Layer
category in Photoshop's Menu Bar along the top of the screen.

2. Layers contain the images, text, or objects that make up a layered file. They let you
move, edit, and work with content on one _________ without affecting content on oth-
er layers.
3. Layers are arranged in a stack in the Layers panel, which is usually located in the bot-
tom right of the work area. If the Layers panel is not visible, choose Window > ________.
4. In the Layers panel, click the _______ icon to the left of a layer to hide its content.
Click again in the same spot to reveal the content. This is a useful way to remind y o u r -
self what’s on a particular layer.
5. A layer must be selected in order to make changes to it. In the Layers panel, click
once to the _______ of a layer name to select that layer.

6. Drag a layer up or ________ in the Layers panel to change the order of layered objects
in the image.

7. Click the Create a New Layer icon at the bottom of the layers panel to make a new
_______. This layer is transparent until something is added to it.

8. To name a layer, double-click the current layer name. Type a new name for the layer.
Press ______ (Windows) or Return (macOS).

9. We use the _____________ to create new layers, delete existing layers, rename layers,
move layers around, turn layers on and off in the document, add layer masks and lay-
er effects

10. The Layers panel is showing us that we currently have one layer in our document—the
default __________ layer.

8
9
What Have You Learned What Do you Already Know
1. TRUE 6. TRUE
1. TRUE 6. TRUE 2. TRUE 7. TRUE
2. TRUE 7. TRUE 3. TRUE 8. TRUE
3. TRUE 8. TRUE 4. TRUE 9. TRUE
4. TRUE 9. TRUE 5. TRUE 10. TRUE
5. TRUE 10. TRUE
Enrichment Activity Number 1
A. 1. In the Layers panel, select one or more layers that contain images or objects you want to resize.
2. Choose Edit > Free Transform. A transform border appears around all the content on the selected lay-
ers. Hold the Shift key to avoid distorting the content, and drag the corners or edges until it is the desired
size. Drag inside the transform border to move the content around the image. Drag outside the transform
border to rotate the content.
3. Click the check mark in the options bar or press Enter (Windows) or Return (macOS) to finalize the
change.
B. 1. Choose File > Place Embedded, navigate to an image file in File Explorer (Windows) or Finder
(macOS), and click Place.
2. Hold the Shift key to avoid distorting the image, and drag the corners of the image border to
resize the added image.
3. Drag inside the border to position the added image where you want it.
Click the check mark in the options bar to finalize the placement. This automatically creates a new layer
containing the added image.
Enrichment Activity Number 3
1. LAYER PANEL
2. LAYERS
3. LAYERS
4. EYE
5. RIGHT
6. DOWN
7. LAYERS
8. ENTER
9. LAYERS PANEL
10. BACKGROUND
ANWER KEYS
 REFERENCES

Module

K-12 Basic Education Program Learning Materials 7/8

Adobe Photoshop Elements Techniques
Photoshop Tutorials / Tips & Tricks

Online Sources

https://helpx.adobe.com/photoshop/using/layer-basics.html

https://www.photoshopessentials.com/basics/understanding-photoshop-layers/

10
 Adobe Photoshop Multi Layers

This module is about Understanding Layers in Adobe Photoshop. The objectives of this mod-
ule is to identify the basics of layers in photoshop as well as know how to manipulate layers in
Adobe Photoshop. At the end of this module you are expected to be familiarize with
Adobe Photoshop’s panels.

DEPARTMENT OF EDUCATION Region 3 Division of Cabanatuan City

Curriculum Implementation Division (CID)
Learning Resource Management and Development System (LRMDS)
This self-learning module (SLM) is developed by the SDO Cabanatuan City CID-LRMDS Team under
Project EL AR: Enhanced Learning thru Adequate Resources.
Cover and page elements illustrations by Jan Carl B. Briones ● Project EL AR logo by Gemmarie G. Rivas