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
COMPUTER SCIENCE 8
QUARTER 1 – WEEK 2 September 01- 02, 2020 (Tuesday-Wednesday)
Content Standard: The learner demonstrates understanding of the basic concepts,
skills and underlying principles in Photo Editing.
Performance Standard: The learner independently demonstrates common competencies
and skills in Photo Editing.
Learning Competency: Explain the basic concepts and underlying theories in Photo
Editing.
Objectives: At the end of the lesson you should be able to:
1. Define editing concepts
2. Identify and analyze basics of image editing
3. Enumerate the basics of image editing
Content:(Subject Matter) Basics of Image Editing
Learning Resources:
a. References: K to 12 TLE Learning Module on Photo Editing, pages 5-15
b. Instructional Materials pictures or photographs, smartphone,
Procedure:
A. Reviewing previous lesson or presenting the new lesson
In this course, you will be introduced to different learning activities preparing you to be
skillful before you take the plunge into the world of work as a photo editor and to feel more
confident while providing support where needed.
What are images? Images – they are incredibly versatile, come in a variety of formats, and deliver
context, information and emotions that words alone struggle to convey. Having a clean and
balanced image is of great value.
B. Establishing a purpose for the lesson
In this lesson, you will learn the different editing concepts and basics of image editing.
C. Presenting examples/instances of the lesson
(September 01, 2020 -Tuesday) Activity 1: Spot it!
Direction: Study the pictures below showing services and products processed in Photo
Editing:

BEFORE AFTER

Answer the following:

1
 1. What do you think were done to the pictures?
2. Do you think you can create those changes in the future? If yes, how? If no, Why?
3. Do you want to be a good photo editor? Why?
D. Discussing new concepts
The following are Editing Concepts that you need to understand about the course:
1. Image editing is the process of altering images, whether they are digital photographs,
traditional analog photographs, or illustrations.
2. Traditional analog image editing is known as photo retouching, using tools such as an
airbrush to modify photographs, or editing illustrations with any traditional art medium.
3. Graphic software programs, which can be broadly grouped into vector graphics editors,
raster graphics editors and 3D modelers, are the primary tools with which a user may
manipulate, enhance and transform images.
4. Many image editing programs are also used to render or create computer art from scratch.
5. Resolution refers to the number of dots per inch (dpi) that appear in your images final
form. For print these really may just be dots. On screen, however, these dots are referred
to as pixels. An image with high resolution (one produced for print, for example) will look
very smooth and will show virtually no pixilation. An image with low resolution (one
produced for the screen— particularly the web) may look far more pixelated.
6. Size refers to the actually height and width that your image will be displayed as, but
resolution is just as important.
E. Continuation of the discussion of new concepts
As a beginner in photo editing, you are expected to learn the basics of image editing which
are presented below.
1. Cropping
Cropping an image effectively can already make a huge difference to its impact. When you
cut out distracting background, or a clutter of irrelevant objects around, the subject of your photo
stands out better. You can correct the placing of the subject if it is awkwardly placed by trimming
one side, focus more attention on a person’s face by cropping a wide shot into a portrait format
and much more.
When cropping, keep in mind a basic rule of composition: the rule of thirds. This golden rule
of photography divides the image into thirds, horizontally and vertically and then aligns the subject
with one of the intersecting lines. The horizon in a landscape shot, usually works best placed on
one of these lines too.
Original Photo Edited Photo (Cropped)

2. Resizing and Compression

Resizing means changing the size of the image depending on the usage. When you have
cropped and edited your image, so you have it looking just the way you like, the next stage is to
resize and compress it to the optimum size for the use you intend it for. You may want to save a
copy of your edited image before you resize it, so that you can use it at a different size later.
For print you want high resolution because your printers can handle it and your pictures will
look best. For the screen you must rely on layout resolutions simply because monitors can only
handle so much.
Original Edited (Resized Photo)

2
 2.1. Resizing image from digital camera
As the quality of digital cameras goes up, so does the volume of pixels they can capture.
These days, shooting in your camera’s highest quality mode can yield an image bigger than your
printer can actually print. While most image editing programs can resize your photo in their
respective print dialog boxes, knowing how to do it yourself gives you more control.

3. Correcting
One of the first decisions you must make after downloading the files from your camera is
whether they all need generalized correction. This might be because the light that was used to
make the photographs was not consistent with the white balance setting on the camera. For
example, the camera might have been set for bright sun, but perhaps there was a small amount of
haze, or photographing on the north side of a building may have created a color bias in the image.
If all the images in a single group were photographed under these conditions, you would need to
correct all of them. Further, the entire image would need to be corrected to change the color
rendition because of the inconsistency between the light and the white balance.
Before Edited (Brightness and Contrast Adjusted)

4. Sharpening and Softening

Sharpening is the tool that gives emphasis on textures and for drawing viewer focus.
Softening is the opposite of sharpening.
Before Edited (Sharpened)

Before Edited (Softened)

F. Developing Mastery
(September 02, 2020 -Wednesday) Activity 2: Modified TRUE or FALSE.
Direction: Write T if the statement is correct and F if it’s false, change the underlined word or
group of words to make the whole statement true.
Example: F- Photoshop 1. Microsoft Word is a photo editing tool used to alter images.
1. Resizing is the process of cutting out distracting background, or a clutter of
irrelevant objects around, the subject of your photo stands out better.
2. Example of graphic software programs are Adobe Photoshop, MS Paint and
Corel Draw.

3
 3. The golden rule in photography is the rule of fourths which divided the photos
into fourths.
4. As the quality of digital cameras goes up, so does the volume of pixels they
can capture.
5. Image editing is the processes of altering images, whether they are digital
photographs, traditional analog photographs, or illustrations.

(September 02, 2020 -Wednesday) Activity 3: Complete the crossword puzzle below:
Across
1. It is a tool used to modify photographs, or editing illustrations with
any traditional art medium.
3. It is when you cut out distracting background, or a clutter of
irrelevant objects around, the subject of your photo stands out
better.
5. The number of dots on the screen that actually look like small
square.
Down
2. It refers to the number of dots per inch (dpi) that appear in your
images final form.
4. It means changing the size of the image depending on the usage.

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

(September 02, 2020 -Wednesday) Activity 5: App, App, App
Direction: Using your mobile phone (smartphone) search for at least three (3) photo editing
applications. Enumerate as well at least four (4) basics features of each application such as
cropping. Copy the format below to supply your answers:

Name of Photo Editing Application No. 1 ________________________________________

Basic Feature No. 1________________________
Basic Feature No. 2________________________
Basic Feature No. 3________________________
Basic Feature No. 4________________________

Name of Photo Editing Application No. 2 ________________________________________

Basic Feature No. 1________________________
Basic Feature No. 2________________________
Basic Feature No. 3________________________
Basic Feature No. 4________________________

Name of Photo Editing Application No. 3 ________________________________________

Basic Feature No. 1________________________
Basic Feature No. 2________________________
Basic Feature No. 3________________________
Basic Feature No. 4________________________

H. Making generalizations and abstractions about the lesson

Image editing can make even the most ordinary pictures look extra ordinary. There are
image editing applications that are widely used which can be downloaded and installed on our
computers, tablet and smartphones. To be a good photo editor you need to understand the
editing concepts and basics of image editing.

4
I. Evaluating learning
(September 02, 2020 -Wednesday) Activity 6: What do you see?
1. Examine the picture below. Can you make changes on the picture?

2. In three ways, what changes can you make using an image editing application?

3. What photo editing software will you use? Name at least two.

J. Additional activities for application or remediation

(September 02, 2020 -Wednesday) Activity 7: Complete the web
Direction: Complete the web below by enumerating the basics of photo editing. In your
own words give brief description of each.

5
1ST QUARTER - WEEK 2 September 03-04, 2020 (Thursday-Friday)
Content Standard: The learner demonstrates understanding of the basic concepts,
skills and underlying principles in Photo Editing.
Performance Standard: The learner independently demonstrates common competencies
and skills in Photo Editing.
Learning Competency: Explore and examine the basic concepts and underlying principles
of photo editing specifically using the Adobe Photoshop
Objectives: At the end of the lesson you should be able to:
1. Define Adobe Photoshop
2. Identify the Elements of Adobe Photoshop Interface.
3. Enumerate steps on how to launch and open a new blank document in Photoshop.
Content:(Subject Matter) Overview of Adobe Photoshop
Learning Resources:
a. References: K to 12 TLE Learning Module on Photo Editing, pages 16-24
b. Instructional pictures or photographs
Materials
Procedure:
A. Reviewing previous lesson or presenting the new lesson
Let’s see what you still remember from the previous lesson:
(September 03, 2020-Thursday) Activity 1: Time to Review
Direction: Arrange the jumbled letters and in your own words define each.
Jumbled Letters Answer Definition
1. S T O F I G E N N
2. X I E P L
3. S Z I E
4. R E Z N S I I N
5. R E L U O S O I N T

B. Establishing a purpose for the lesson

In this lesson, you will appreciate the program Adobe Photoshop and its interface. You
will also learn the steps on how to launch and close the program as well as open and save a
photoshop document.
C. Presenting examples/instances of the lesson
(September 03, 2020-Thursday) Activity 2: Name the interface
Can you name the following program interface below?
Direction: Write your answer on the space provided after the number. The first letter is already
given as clue.

1. Answer : M 2. Answer: M

6
 3. Answer: M 4. Answer: Y

D. Discussing new concepts

 Adobe Photoshop is a seriously powerful photo and image editing application.
Photoshop is not a drawing program.

THE ADOBE PHOTOSHOP INTERFACE:

Name Element Definition

1. Application Bar - it contains the
name of the program
that is currently
opened.
2. Menu Bar - contain all sorts of
options, but since
these are not as
visible as panes or
the toolbar, they are
often only partially
explored.

3. Options Bar - located directly

underneath the
menus is a useful
tool when working
with the different
Photoshop tools.

7
 4. Toolbar - it contains a bunch
of icons that
represent the
different tools
Photoshop offers to
alter and create
images.

5. Photoshop - this is the working

Document area where all the
alterations are done.
It is a multi-layer
document that
retains its full editing
options when saved.

6. Canvass - canvass size is

similar to Image
Size, but changes to
an image’s canvas
size can provide
more working area
for your image. In
case you want to
annotate it, copy
more images into it,
or perform any
number of other
graphic variations.

7. Panes/Palettes - display location

information, tool
NAVIGATOR options, and history,
PANE among other things.
If you ever lose track
of a specific pane
COLOR (they tend to stack
PANE up), go to the
windows menu and
select that pane to
LAYER view it.
PANE

E. Continuation of the discussion of new concepts

8
Steps on How to Launch Adobe Photoshop:
1. Click the start button on the Windows taskbar.
2. Point to All Programs on the start menu.
3. Point to Adobe and then click Adobe Photoshop.
4. Once you have opened the application (after a few moments of loading time), the
Photoshop interface will appear as shown on the next page.

Opening a New Photoshop Document

1. Click “File” on the menu bar, and then select “New”. You will see a New dialog box like
this.

2. Use the New dialog box to create a new, blank document.

3. Type a name for your new document and select a preset size from a drop down list.
4. Then set the resolution and background of your new Photoshop document.
5. You can choose a colored, white, or transparent background.
6. Lastly click OK.

REMEMBER THIS ----As a beginner, just use the default resolution of 72.
The recommended setting is:
Web Resolution = 72dpi Print resolution = 150 or 300dpi
Film Resolution = 600dpi
F. Developing Mastery
(September 03, 2020 - Thursday) Activity 3: Word Hunt.
Directions: Earlier you have read the elements of Adobe Photoshop Interface. Find all of the
elements that are hidden in the grid. There are 10 words that may be hidden in any direction.
Write them on your answer sheet.

RNCLAYERPANEOPG
BAQOTZNYWRUCWAM
EYBALRABLOOTJLQ
KXANCOPSZVTVREK
XKSGOFRJSVVAATS
RXELTIOPYABFBTG
NMNSKGTCASVWCEH
RSADNSAANNZNMSN
WIPIZBGOCGEEAGL
LGZKJEILJINQHCP
WNQSJTVTYULDCTQ
HDJZPWAUBPTPEIV
WZVOWLNAJHTEPBA
QRQIOHROLDHUMAX
UIADPJRDVDAJYYP

9
G. Finding practical applications of concepts and skills in daily living
(September 03, 2020- Thursday) Activity 4: My Ideas
 Why do you think it is important to follow steps and procedures when performing a given
task?
Direction: Briefly discuss your answer in 2 to 3 sentences:

H. Making generalizations and abstractions about the lesson

Adobe Photoshop is a seriously powerful photo and image editing application. Photoshop is
not a drawing program. The real power of Photoshop is in working with existing images. Typical
tasks include treating and manipulation, compositing, converting to different formats, printing,
etc. Launching the program and closing a photoshop document are just one of the basics you
need to know about the program and be able to perform when you make an output.
I. Evaluating learning
(September 04, 2020 – Friday) Activity 5
Part 1: Matching Type
Direction 1: Match COLUMN A with COLUMN B. Write the LETTER of the correct
answer on the space provided before each number found in COLUMN A.

Direction 2: Match COLUMN B with COLUMN C. Draw the SYMBOL of the correct
answer on the blank before each letter found in COLUMN B.

COLUMN A COLUMN B COLUMN C

___A. It contain all sorts of options, but
___1. Menu Bar since these are not as visible as
panes or the toolbar, they are often
only partially explored.
___B. It contains a bunch of icons that
represent the different tools
___2. Panes Photoshop offers to alter and
create images.
___C.This is the working area where all
The alterations are done. It is a
___3.Application multi-layer document that retains its
Bar full editing options when saved.

___4. Canvass ___D. Located directly underneath the

menus is a useful tool when
working with the different
Photoshop tools.

___5.Photoshop ___E. It contains the name of the

Document program that is currently opened.

___F. It similar to Image Size, but

___6. Toolbar changes to an image’s canvas size
can provide more working area for
your image.

10
 ___G. It displays location information,
tool options, and history, among
___7. Options other things. If you ever lose track
Bar of a specific pane (they tend to
stack up), go to the windows menu
and select that pane to view it.

Part 2: What Comes First?

Direction: Arrange the Steps on How to Open a New Blank Document. Use the letters A – F,
where A is the first step and F is the last step.

_____1. Type a name for your new document and select a preset size from a drop down list.
_____2. Click “File” on the menu bar, and then select “New”. You will see a New dialog box like
this.
_____3. Lastly click OK.
_____4. Use the New dialog box to create a new, blank document.
_____5. You can choose a colored, white, or transparent background.
_____6. Then set the resolution and background of your new Photoshop document.

Direction: Arrange the Steps on How to Launch Adobe Photoshop., where A is the first step
and D is the last step.
_____1. Point to All Programs on the start menu.
_____2. Click the start button on the Windows taskbar.
_____3. Once you have opened the application (after a few moments of loading time), the
Photoshop interface will appear as shown on the next page.
_____4. Point to Adobe and then click Adobe Photoshop.
J. Additional activities for application or remediation
(September 04, 2020 – Friday) Activity 6:
Direction: Label the Parts of the Photoshop Interface below:

2
3

11