8 Department of Education

National Capital Region

SCHOOLS DIVISION OFFICE
MARIKINA CITY

TLE - Information and Communication Technology

Photo Editing
Module 1 - Lesson 1
Navigating Adobe Photoshop CS6, Cropping, Resizing and
Correcting Digital Images

Writer: Alfred Benedict G. Reclosado

Illustrator:
Cover Illustrator: Christopher E. Mercado

City of Good Character

DISCIPLINE • GOOD TASTE • EXCELLENCE
This module was designed and developed to provide knowledge and skills in improving
the quality of a digital image using Adobe Photoshop CS6. It is here to help you
develop knowledge, skills, and attitudes in the photo editing tasks. In addition, the
module was collaboratively made to give variety of learning situations which are suited
to the skills and ability of learners.

The Module consists of:

● Lesson 1 – Navigating Photoshop CS6

After going through this module, you are expected to:

1. identify the Photoshop CS6 workspace, tools, and panels; and
2. create your own workspace.

Directions: Briefly explain using your own words the following terms below.

1. digital image

2. workspace

3. panels

4. application bar

5. status bar

City of Good Character

DISCIPLINE • GOOD TASTE2 • EXCELLENCE
Lesson

1 Navigating Photoshop CS6

Photoshop lays out the most important tools that you will need right on the
main workspace. This allows you to easily find the tools that you need without digging
through menus. Furthermore, Photoshop allows users to use simple keyboard
shortcuts in order to get to these tools faster.

Adobe Photoshop is famously known for its ability to manipulate varieties of

photographs, videos, text, and so much more. Photoshop has unlimited amount of
tools that can be used to manipulate any type of digital art. The goal of this lesson is
to help you follow the basic menus, tools, and other options used in Photoshop so you
can use Photoshop easily.

Activity 1
Directions: Opening an Image
Before you can start manipulating a digital image, you will need to either open an
existing document or create a new one.

1. Begin by opening Adobe Photoshop CS6. On a PC, click Start> Programs> Adobe>
Photoshop CS6, or click on the shortcut on the desktop.
2. Select Open from the File menu in the top menu bar. You may also press Ctrl + O.
3. Navigate to image location on your computer. Select the file and click Open.
4. When you open an existing file, Photoshop will put that file into a new document
panel on your screen.

City of Good Character

DISCIPLINE • GOOD TASTE3 • EXCELLENCE
This is the layout of Adobe Photoshop interface.

The Photoshop Workspace

City of Good Character

DISCIPLINE • GOOD TASTE4 • EXCELLENCE
A) Application Bar - Displays menus that contain most of Photoshop’s commands
and functions.

B) Options Bar - Displays controls that let you customize the selected tool in the
Toolbox.

C) Title Tab - Displays the name, magnification, and color mode of an open image.
You can switch between images by clicking their respective tabs.

D) Image Window - Displays the images you open in Photoshop.

E) Toolbox - Displays a variety of icons, each one representing an image-editing tool.

You click and drag inside your image to apply most of the tools. Also displays the
current foreground and background colors.

F) Status Bar - Displays the magnification of the current image and the amount of
computer memory that image is using.

G) Panels - Small windows that give you access to common commands and resources.
You can click the tabs and icons to display and hide panels.

Panels
Below is the description of the most commonly used panels in Adobe Photoshop CS6.

The Color panel displays the current foreground and background colors and RGB
values for these colors. You can use the sliders to change the foreground and
background colors in different color modes. You can also choose a color from the
spectrum of colors displayed in the color ramp at the bottom of the palette.

City of Good Character

DISCIPLINE • GOOD TASTE5 • EXCELLENCE
In the Swatches panel, you can choose a foreground or background color and add
customized color to the library.

The Styles panel allows you to view, select, and apply preset layer styles. By default, a
preset style replaces the current layer style. You can use the styles in the palette or
add your own using the Create New Style icon.

The History panel stores and displays each action performed allowing you to jump to
any recent stage of the image alteration. The alterations should be created during the
current working session. After saving or closing the document, the History palette
clears all the contents. Each time you apply a change to an image, the new state of
that image is added to the palette. It is important to know that once you click on any
of the previous stages, all the changes that were made after it will be lost.

The Adjustment layers panel gives you the ability to apply an effect to a group of
layers in Photoshop, and then you can edit that effect later, while preserving the
original layers.

City of Good Character

DISCIPLINE • GOOD TASTE6 • EXCELLENCE
Layers let you organize your work into distinct levels that can be edited and viewed as
individual units. Every Photoshop CS6 document contains at least one layer. Creating
multiple layers lets you easily control how your artwork is printed, displayed, and
edited. You will use the Layers panel often while creating a document, so it is crucial
to understand what it does and how to use it.

A. Layer Menu
B. Filter Option
C. Blending Mode
D. Master Opacity
E. Locking Controls
F. Fill Opacity
G. Active Layer
H. Group
I. Layer Thumbnail
J. Layer Name
K. Show/Hide Layer
L. Locked Layer
M. Background Layer
N. Link Layers
O. Layer Styles
P. Add Layer Mask
Q. New Adjustment Layer
R. New Group
S. New Layer
T. Delete Layer

City of Good Character

DISCIPLINE • GOOD TASTE7 • EXCELLENCE
 Layer Menu gives you additional commands and options.
 Filter Option helps you find key layers in complex documents quickly.
 Blending Mode controls how layers react with one another.
 Master Opacity controls the opacity of a layer.
 Locking Controls allows you to lock various parts of a layer to prevent editing.
 Fill Opacity controls just the fill opacity of a layer (not the stroke)
 When you are working on a particular layer, it will become an Active Layer.
 A folder icon will appear on layers that are in a Group.
 Layer Thumbnail shows you a smaller view of just that layer.
 Layer Name can be changed to help organize and maintain your layers.
 Show/Hide Layer makes a layer visible or invisible.
 A lock icon will appear on any Locked Layer.
 Background Layer is the bottommost layer in your panel.
 Link Layers links multiple layers so you can move the content in them together.
 Layer Styles adds effects (drop shadow, bevel and emboss, etc.) to your layers.
 Add Layer Mask allows control of particular pixels that you select within a layer.
 New Adjustment Layer provides image adjustments to all visible layers under
them.
 New Group groups layers together to help you organize and manage them.
 Add a New Layer, name your layer, and click “Ok”.
 If you no longer want a layer, then you can delete it.

The Photoshop Toolbox

Photoshop offers a variety of specialized tools that enable you to edit your
image. Take some time to familiarize yourself with the Toolbox tools.
You can select tools by clicking buttons in the Toolbox or by typing a keyboard
shortcut key. Keyboard shortcut keys are shown in parentheses.
Selection Tools

Used to select and move objects on the page.

Click the tool button, then click on any object on the

page you wish to move.

Selects an object by drawing a rectangle or an ellipse

around it.

Click the tool button, choose a rectangular or an

elliptical marquee. Drag the marquee over the area of
the image you wish to select.

City of Good Character

DISCIPLINE • GOOD TASTE8 • EXCELLENCE
The Lasso tool selects an object by drawing a freehand border around
it.

Click the tool button, drag to draw a freehand border around the area
of the image you wish to select.

The Magic Wand tool selects all objects in a document with the same or
similar fill color, stroke weight, stroke color, opacity or blending mode.
By specifying the color range or tolerance, you can control what the
Magic Wand tool selects.

Click the Crop tool button, then click and drag the tool over the part of
the image that you want to keep. Resize the selected area by dragging
the squares at the sides and corners. Click the Enter key when your
crop box is sized correctly.

The Eye Dropper tool takes color samples from colors on the page and
displays them in the Color Boxes.

Select the tool, click on the color in the image you wish to sample. The
Color Box will display this color.

Alteration Tools

The Healing Brush tool corrects small blemishes in scanned photos.

Select the tool, hold down the ALT key and left-click on the base color
you need to heal. Then left-click over the blemish.

The Brush tool draws strokes of different thicknesses and colors.

Select the tool. Then click on the selected area, drag to draw lines. Use
the Options bar to change the brush, mode, opacity and flow.

The Clone Stamp tool takes a sample of an image and applies it over
another image, or a part of the same image.

Select the tool. Hold down the ALT key and left-click on a certain point
of the document where you want to start your copy point. Then, put
your mouse over whatever part of the new document you want the
picture to go to. Hold down the left mouse button and drag the mouse
across the page to copy the picture.

City of Good Character

DISCIPLINE • GOOD TASTE9 • EXCELLENCE
The History Brush tool paints over an image using the source data
from a specified history state or snapshot.

Select the tool, specify the brush, blending mode, opacity, style, area
and tolerance.

The Eraser tool removes part of an existing path or stroke. You can use
the Erase tool on paths. Text can only be erased when rasterized.

Select the tool, click on the part of the image you wish to erase. Drag to
erase pixels.

The Paint Bucket tool applies a color fill to a selected part of the image
or to an entire layer.

Select a layer that you wish to apply the paint bucket to, click the tool
button, click on the starting point, and click the area you wish to fill.

The Blur tool blurs the sharp edges of an image.

Select an area where you wish to apply the tool. Click the tool button
and choose the brush, mode, and strength. Drag the brush along the
edges.

Drawing and Selection Tools

The Path Selection selects paths and path segments.

Select the tool, click anywhere on the path.

The Type tool types text on a page. Every time you click the Type Tool
on a new portion of the page, a new layer will be created.

Select the type tool, click on the page and begin to type. You can
specify the font and size in the Options bar. You can also resize and
transform the text box by dragging the squares at the sides and
corners. Use the Move Tool to move the text on the page.

The Pen tool draws smooth-edged paths.

Select the tool, click on the page and drag to draw a path. Click and
drag the anchor points to modify the path.

City of Good Character

DISCIPLINE • GOOD TASTE
10• EXCELLENCE
 The Line Shape tool draws a straight line. Other shapes that are
hidden in this tool are: Rounded Rectangle Tool, Ellipse Tool, Polygon
Tool, Line Tool, and Custom Shape Tool.

Select the tool, click and drag on the page to draw a line.

Additional Tools

The Hand tool allows you to move around within the image.

Select the tool, click on the spot on the page, hold the mouse button
down, and drag it to move in the area.

The Magnify tool enlarges or reduces the display of any area in your
image window.

Select the tool, choose Zoom In or Zoom Out in the Options bar then
click on the area of the image you that you wish to magnify or reduce.

Color Boxes and Modes

The foreground color appears in the upper color selection box and
represents a color that is currently active. The background color
appears in the lower box and represents an inactive color.

1. To change the foreground color, click the upper color selection

box in the Toolbox.

2. To change the background color, click the lower color selection

box in the Toolbox.

3. To reverse the foreground and background colors, click the

Switch Colors icon (the arrow) in the toolbox.

4. To restore the default foreground and background colors, click

the Default Colors icon (the little black and white boxes) in the
toolbox.

Note: If you are using the Gradient Tool, the currently selected
foreground and background colors will be the default colors of the
gradient.

City of Good Character

DISCIPLINE • GOOD TASTE
11• EXCELLENCE
Directions: List all the commands in the Photoshop Toolbox including the hidden
tools, and their keyboard shortcut. Use the table below to classify each tool. Write the
answers in your Quiz Notebook.

Drawing and
Selection Tools Alteration Tools Additional Tools
Selection Tools

Fill In the Blank

Directions: Read each sentence carefully. Write the correct answer on your Quiz
Notebook. (5 points)
1. _____ is a powerful graphic editing program that allows you to create and
manipulate images for print, the web, and other media.

2. _____ has many tools that allow you to control and modify the image that you
opened in Photoshop.

3. _____ are the first five icons from the top of the tools panel.

4. _____ are groups of tools used to edit and manipulate your image.

5. _____ is a log of all the actions you perform within Photoshop.

City of Good Character

DISCIPLINE • GOOD TASTE
12• EXCELLENCE
 How to use Tools and the Toolbar in Photoshop
To select a tool, simply click on that tool in the Toolbar.
When you hover your mouse over any tool in the toolbar, a tooltip appears
showing you the name of the tool and the tool’s keyboard shortcut. This is very handy
when you forget what a certain tool looks like when you’re learning Photoshop.

Activity :
 Open in Photoshop a sample picture in your computer.
 Roll your mouse over each icon on the Tools panel to see its name.
 Click each button of the Tools panel and see the changes in the Options
bar.
 Save the picture.

Directions: Identify the parts of the Photoshop window. Write your answer on your
Quiz Notebook. (10 pts).

City of Good Character

DISCIPLINE • GOOD TASTE
13• EXCELLENCE
You have explored some of the features of Adobe Photoshop. Now, try to surf the net
and look for other photo editing software. Then, compare and contrast their features
with Photoshop.

Visit the website:

https://sea.pcmag.com/photo-editing/13168/the-best-photo-editing-software-for-
2020

Books
Bauer, Peter. Photoshop® CS6 For Dummies®, Indianapolis : John Wiley & Sons, Inc.,
2012

Dayley, Lisa DaNae and Brad Dayley, Photoshop® CS6 BIBLE, Indianapolis : John
Wiley & Sons, Inc., 2012
Gyncild, Brie. Adobe Photoshop CS6 Classroom in a Book. 2012.
Smith, Jennifer and the AGI Creative Team, Adobe® Photoshop® CS6 Digital
Classroom, Indianapolis : John Wiley & Sons, Inc., 2012
Wooldridge, Mike and Brianna Stuart, Teach Yourself VISUALLY™ Photoshop® CS6.
Indianapolis: John Wiley & Sons, Inc., 2012

Online Sources
Adobe Photoshop. Retrieved from https://www.youtube.com/photoshop
Adobe Photoshop Learn & Support. Retrieved from
https://helpx.adobe.com/support/photoshop.html

City of Good Character

DISCIPLINE • GOOD TASTE
14• EXCELLENCE
 Development Team of the Module

Writer: Alfred Benedict G. Reclosado (MSHS)

Editors: Uriel B. Teodoro (School Head - SNNHS)
Maria A. Nicolas (OIC, Office of the Principal - MSHS)
Internal Reviewer: Joseph T. Santos (EPS - EPP, TLE)
External Reviewers:
Illustrator:
Lay-out Artist:
Management Team:
Sheryll T. Gayola
Assistant Schools Division Superintendent
OIC, Office of the Schools Division Superintendent

Elisa O. Cerveza
Chief, Curriculum Instruction Division
OIC, Office of the Assistant Schools Division Superintendent

Joseph T. Santos
Education Program Supervisor - EPP, TLE

Ivy Coney A. Gamatero

EPS-Learning Resource Management and Development System

For inquiries or feedback, please write or call:

Schools Division Office- Marikina City

Email Address: [email protected]

191 Shoe Ave., Sta. Elena, Marikina City, 1800, Philippines

Telefax: (02) 682-2472 / 682-3989

City of Good Character

DISCIPLINE • GOOD TASTE
15• EXCELLENCE