Subject: T.L.

E
Module: 01-2020
Week Covered: September 7-11
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Basic Image Editing

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.
Newspapers have always used dramatic images to sell their stories. An image is the hook that draws the
reader’s eye to read the words. It breaks up the text, brightens the page and sets the mood for the article.
Websites use photos in the same way, to catch the readers before they navigate away from a page, to draw
them on to reading the content.
You do not have to be a professional photographer to produce good enough images. It does help to shoot a
good clear image in the first place, but simple snapshots can be improved a lot in an image editing program.
Whether you use a free image editing program like GIMP or Picasa, or purchase software such as Adobe
Photoshop, learning just a few basic image editing techniques can turn a photo from dull waste of space to
effective hook for your website.

As a beginner in photo editing, you are expected to learn the basics of image editing which are:

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. Read
more about composition and then you can apply it with your cropping tool.
2. Resizing and Compression
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.
When editing and preparing images for display it is important to consider the medium over which your
images will be transmitted. Are your images for print? Will it be used on a web page? Or maybe they are for
a PowerPoint presentation. Each of these media requires that you adjust the size and resolution of your
image appropriately.
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.
4. Sharpening or Softening
Sharpening or softening is the last of the global corrections that are often applied to digital images. This may
be needed because of the way digital sensors are made and how this affects the look of the captured image.
In many digital sensors there is a diffusion material that slightly blurs the captured image to eliminate
unwanted effects such as moiré pattern. Both pixel sharpening and edge sharpening correct these effects.
Pixel sharpening is applied to the pixels with processes such as unsharp masking. Edge sharpening is applied
only to the pixels that the software can identify as being on an edge.
Raster Image
Raster images are stored in a computer in the form of a grid of picture elements, or pixels. These pixels
contain the images color and brightness information. Image editors can change the pixels to improve the
image in many ways. The pixels can be changed as a group, or individually, by the refined algorithms within
the image editors
 The domain of this article primarily refers to bitmap graphics editors, which are often used to alter
photographs and other raster graphics.
 Vector graphics software, such as Adobe Illustrator, Corel DRAW, Xara Designer Pro or Inkscape, are
used to create and modify vector images, which are stored as descriptions of lines, Bézier splines and
text instead of pixels.
 It is easier to rasterize a vector image than to vectorize a raster image; how to go about vectorizing a
raster image is the focus of much research in the field of computer vision.
 Vector images can be modified more easily, because they contain descriptions of the shapes for easy
rearrangement. They are also calculable, being rasterize at any resolution.
Automatic Image Enhancement
Camera or computer image editing programs often offer basic automatic image improvement features that
correct color hue and brightness imbalances as well as other image editing features, such as red eye removal,
sharpness adjustments, zoom features and automatic cropping. These are called automatic because generally
they happen without user interaction or are offered with one click of a button or mouse button or by
selecting an option from a menu. Some automatic editing features offer a combination of editing actions
with little or no user interaction
Digital Data Compression
 Many image file formats use data compression to reduce file size and save storage space.
 Digital compression of images may take place in the camera, or can be done in the computer with the
image editor.
 When images are stored in Joint Photograhic Experts Group (JPEG) format, compression has already
taken place.
 Both cameras and computer programs allow the user to set the level of compression.
Key Terms and Definitions
Photoshop Document (.psd). A .psd file is the file format in which Photoshop saves documents by default.
It is a multi-layer document that retains its full editing options when saved. In many cases, you will export
web graphics from a .psd document file format.
Layers- Photoshop documents are composed of layers, which can basically be described as single
transparent sheets which hold particular pieces of an image. These layers can contain images, text and vector
graphics. They can be rearranged and grouped according to user needs. Layers are controlled with the use of
the Layers pane.
Selections- Selections refer to regions in an image that will be affected by the various tools. A selection in
Photoshop is similar to a selection that you highlight in a word processing application. Once you have
selected an area, you can apply a tool to it, such as paintbrush, or perform an operation such as copy or crop.
Selections can be any shape and size; the shape depends on which selection tool you are working with. Your
selection will apply only to the current layer. If that layer is empty in the region selected, an error message
will appear. When this happens, go to the Layers pane and select the correct layer.
Resolution- Resolution refers to the number of pixels in a full size image. An image with high resolution
contains more information than an image with low resolution and therefore, one can always convert a high
resolution (hi-res) image to a low resolutions (lo-res) image. However, because information is lost in the
conversion, the reverse is not true. If you were to increase the resolution of a lo-res image, the result would
be fuzzy.
Image Size- Resolution should not be confused with image size, which is also expressed in pixels. Image
size deals with the actual number of pixels tall and wide an image is. For an idea of how the two differ, go to
Image Size in the Image menu, and plug in different numbers for image size and resolution.
Color mode- Color mode refers to the types of colors you will be using in your image. CMYK and RGB are
the most important of these modes to be familiar with.
CMYK-(Cyan, Magenta, Yellow, Black) is the setting for images that will be printed to paper.
RGB- refers to the three channel color mode suitable for images to be viewed on the web: red, green and
blue.
Screen Resolution
Screen resolution is close to 72 pixels per inch. If you are working with graphics to be viewed only on
screen, 72 should be fine. Depending on the printer you are using, you may increase this above 72 for
graphics. The preferred resolution for images is 300 while the standard resolution for printing is 150. A
typical monitor is set to display somewhere around 800x600 pixels. This means that a 1”x1”, 600dpi (dots
per inch) image would fill up most of the screen. It is becoming more and more common that monitors are
set to display at higher resolution—somewhere around 1024x768 pixels.
Layering
Often times, when you find yourself frustrated with Photoshop, it is because you are trying to perform
operations on a layer that is not currently selected. Simply click on the name of a layer in order to designate
it as the current layer. Whenever you add text to an image in Photoshop, the text appears on a new layer.
You can "merge down" layers to consolidate them, and "flatten image" to force the entire contents of the
image onto one layer.

ACTIVITY 1.1

Direction: Enumerate the basics of photo editing, Give a brief description of each.

Activity 1.2
1. Conduct research on the basics of image editing that are not included in the module. You can read books,
magazines, or surf the net and summarize it .

2. Based on your research make a four line rhyme/jingle about the meaning and basics of photo editing and
perform it with a video.
Subject: T.L.E
Module: 02-2020
Week Covered: September 14-18
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Overview of Adobe Photoshop

Adobe Photoshop is a seriously powerful photo and image editing application. Let us have a quick look at
what Photoshop is, and what it is not. Remember that Photoshop is not a drawing program. This is a very
common source of confusion and frustration. Although it is possible to use Photoshop to design and
construct original graphics, you will find that it is difficult and limited. The reason is that Photoshop is not
intended to be used for this type of work. Photoshop is an image editing tool, not a design tool. To create
original images, Adobe provides other specialist programs such as Adobe Illustrator and Adobe Image
Ready.
Compatibility
Photoshop tends to work well with other applications. As well as integrating seamlessly with other Adobe
products (such as Premiere, Illustrator, etc), Photoshop formats are also widely recognized and able to be
imported into programs such as Macromedia
Fireworks, Corel Draw, etc.
Elements of the Interface
Perhaps the most important element of the
Photoshop interface is the toolbar. It
contains a bunch of icons that represent the
different tools Photoshop offers to alter and
create images. These include tools for
selecting specific areas of images, changing
the colors of the image, stretching,
transforming, and erasing parts of an image,
and many more. To get an idea of what
some of these tools can do, mouse over the
icons and you will get an explanatory tool
tip.

Panes
Panes are also important features of the Photoshop interface. All sorts of information are displayed in these
panes. They display location information, tool options, and history, among other things. If you ever lose
track of a specific pane (they tend to stack up), go to the windows menu and select that pane to view it.
Menu Bar
Menus are probably the most familiar interface elements to a new Photoshop user. They contain all sorts of
options, but since these are not as visible as panes or the toolbar, they are often only partially explored.
Below are the features on the menu bar.
1. File Menu contains all of the stuff you expect. It lets you open and close documents with a few extras
including import, which deals with scanning, and save for web, which allows you to export a web-ready
image from your Photoshop file.
2. Edit Menu is another familiar menu. In Photoshop, edit houses all of the expected options as well as fill
and stroke, and other image-altering functions.
3. Items on the image menu affect a whole image for the most part. Here you will find color adjustments,
size adjustments, and any other changes you need to make globally when working with a Photoshop file.
4. The layer menu is similar to the image menu. It allows you to make changes to an image without altering
your original image data. It contains options that affect only current or selected layers. Just understand that
an image in Photoshop consists of stacked transparent layers. Options in the Layer menu affect these pieces
of the image rather than the complete image.
5. The select menu deals with selections you make. Selecting the specific parts of an image you would like
to change is a difficult part when working with Photoshop. This menu gives you some options regarding
selections, including the ability to save selections, reverse them, or add to them. Learning the options on the
selection menu can really save you some time.
6. The filter menu is probably what most people think when they work with Photoshop. The filter menu
allows you to apply filters to any part of your image. These filters include ways to change the texture of the
image, with some potentially radical results.
7. The view menu is where you change the view settings. You can use this to show and display guidelines on
the image and to zoom in and out, among other things.
8. The window menu allows you to toggle back and forth between hide and show for each interface element.
This is the first place you should go if you lose track of a particular window while you are working.
9. Last and least is the help menu. The help documentation is not so helpful, but for some reasons, this menu
contains two nice features: resize image and export transparent image.

Options Bar
The options bar which is located directly underneath the menus is a useful tool when working with the
different Photoshop tools. As you can see right now, when the selection tool is in use, the options bar
reflects the changes that can be made to how that specific tool operates. Here, you have selection options
and style options which include the ability to make the selection tool a specific size in pixels. When you
switch tools, to the paintbrush tool for instance, these options change. When a tool in Photoshop is not
behaving as you expect it to, the options bar should be the first place you look to fix it.

Parts of the Options Bar

 Zoom In/Zoom Out tools: You can choose Zoom In or Zoom Out as separate tools to avoid using the
Alt key to toggle between the two.
 Zoom percentage: This figure shows you the current zoom level as a percentage. You can edit the text
by typing values between 5 and 3200.
 Zoom slider: Click the down-pointing arrow to open a slider bar. Drag the slider left to zoom out or
right to zoom in.
 Resize Windows to Fit: Select this check box to resize the window along with the image zoom. Deselect
the box to zoom in and out of an image while the image window remains at a fixed size.
 Zoom All Windows: If you have multiple images open and select this check box, zooming with the
zoom tool zooms all open documents simultaneously.
 [Link] Click this button to zoom the current window to a 1-to-1 ratio, showing the zoom level at which the
file will be printed.
 Fit Screen: Click to fit the image within the image window.
 Fill Screen: Click to zoom the current window to fill the screen.
 Print Size: Click to zoom the image to the size of the print file. Often, this option shows you the same
size as 1:1.
Creating Graphics in Photoshop
An advantage of Photoshop over basic photo editing software is the ability it gives you to create your own
graphics. There are numerous tools in Photoshop.
Most of the functions these tools perform are based on your selection in an image. The effect or tool only
operates within a selection.
Make a small selection and select the paintbrush tool. Move the mouse over your selection holding down the
mouse button. You'll see that the image is only altered within the selection.

Foreground/Background Colors
The foreground color, which will be applied by tools like the paintbrush, is represented by
the top square in the middle of the toolbar.
Colors and Graphics
To change this color, double click the square. This
reveals the color picker, where you can pick a color
with several different methods, including RGB values,
hexadecimal codes and by simply selection. If you
are making an image for the web, it is best to check
the "only web colors" box to ensure that no dithering
(reductions in color quality) will take place. Once you
have picked your color, click ok, and you are ready to
go.

Stroke and Fill

The most basic ways to apply colors to an image are to use Fill and Stroke, both available on the edit menu.
Make a selection, and choose fill from the edit menu. A dialog will appear asking you to make some
decisions about colors and [Link] your selections, and press OK to fill the selection with the
chosen color. Stroke operates in much the same manner, though you are given the chance to determine the
weight of the lines you create
Paintbrush tool
Make a selection and choose the tool from the toolbar. You can change the size of the brush in the options
bar, as well as the behaviors of the paint. The best way to learn what these options do (and some of it is
pretty surprising) is to experiment. Remember, you have multiple undo’s and layers so do not worry about
ruining your image.
Pencil Tool
The Pencil tool works much like the Paintbrush, but draws a distinct line rather than a feathery painted one.
Click and hold the paintbrush icon to reveal the pencil.
Eraser Tool
The eraser tool works much like the Paintbrush and Pencil, but rather than fill the selected region with a
color, it actually removes whatever is in the selection and reveals the background. This is a very useful tool
for cleaning up images with rough edges.

1. Launching the Photoshop Application

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

[Link] a Photoshop Document

1. Click “File” on the menu bar, and then select
“New”.
2. You will see a New dialog box like this.
3. Use the New dialog box to create a new, blank
document. Then, select the attributes for the new file.
4. Type a name for your new document and select a
preset size from a drop down list. Then set the
resolution and background of your new Photoshop
document. You can choose a colored, white, or
transparent background.
5. The resolution which tells how much information is contained in your image, how clear it is, how big the
file is and what it looks like in the format you want to output it in. Do not get confused.
As a beginner, just use the default resolution of 72. The recommended setting is:
Web Resolution = 72dpi Print resolution = 150 or
300dpi Film
Resolution = 600dp I

3. Saving a
Photoshop Document
To save your file after
working on your new
Photoshop document,
follow the steps below:
1. Click the file menu.
2. Click Save as.
3. Choose the file format (e.g. in PSD) you wish to
save the file .

[Link] a Photoshop Document

After saving your Photoshop document, follow the steps below to close it:
1. Click the file menu.
2. 2. Click the Close button, or simply press Ctrl+w.

Activity 1.3

Direction: Identify the following:

1. It contains a bunch of icons that represent the different tools

2. Important features of the Photoshop interface.
3. Powerful photo and image editing application.
4. You can pick a color with several different methods, including RGB values.
5. Most basic ways to apply colors to an image.
6. Contain all sorts of options.
7. What is the file format of photoshop
8. Make a selection and choose the tool from the toolbar.
9. Removes whatever is in the selection and reveals the background.
10. Draws a distinct line rather than a feathery painted one.

II. Enumerate the steps of the following

1. Saving a photoshop documents

2. Opening a Photoshop Document

3. Closing a Photoshop Document

4. Launching the Photoshop Application

III. Label the parts of Adobe Photoshop

Subject: T.L.E
Module:
Week Covered: September 14-18
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Photoshop Toolbars

In working with any photo editing software such

as Adobe Photoshop, you need to learn the
different tools on when and how to use them. For
you to become a good photo editor, using the
different tools as shown in the illustration below
will help you come up with an appealing and
quality output.
1. Selection Tools
The selection tools are used to facilitate the
process of making selections of shapes, colors
and objects inside Photoshop, and positioning
them in the working image area. With tools like
the magnetic lasso and magic wand.
A. Cropping
One of the benefits of cropping a photo with
Adobe Photoshop is the speed with which you
can perform the task. Unlike some of Photoshop's more complex selection tools, choosing an area to crop in
Photoshop is as quick as drawing a square around a segment of the picture and pressing the Enter key.
Cropping works best when you want to reduce the size or change the shape of a picture.
B. Lasso Tools
The Lasso Selection Tools Using the ordinary lasso tool, simply click and drag a freehand selection with
your mouse. With the Polygonal Lasso Tool, click to make various points which will define a selection and
finish your selection by clicking the starting point. Lasso tool allows you to draw a selection by dragging the
cursor freehand. The selection will automatically close itself.
Magnetic Polygon Lasso tool works a little like a combination of the other two lasso tools. As you drag, the
selection maps to natural borders in the image. This is a useful tool when dealing with well-defined and
high-contrast images.
Polygonal Lasso tool helps you create a selection composed of straight lines that can be as short as one pixel.
The selection grows with each additional click. This tool is especially useful for cutting out objects in an
image to place on new backgrounds.
C. Marquee Selection Tools
The following tools allow you to select regions in your image to alter, copy, move and apply filters.
Rectangular marquee tool is the default selection setting. You can make a selection of any rectangular size
and shape.
Elliptical marquee tool is available when you click and hold down on the selection tool region of the tool
bar, selects elliptical spaces. To select a round area, hold the shift key while clicking and dragging.
Single row is a tool that will select a 1pixel region that is as wide as your image. This is very useful for
trimming edges and making straight lines.
Single column is a tool that will select a 1pixel region that is as tall as your image. Similar to single row tool,
this is also very useful for trimming edges and making straight lines.
Move Tool allows you to move an entire layer at a time. When you have selected this tool, click on a layer in
the layer pane, and then click and drag on the image. The current layer will move all at once. You can even
move it outside of the current image size. Do not worry, though, parts of an image that move outside the
borders still exist, they are just hidden. They will only be cropped out if you flatten the image.
Magic Wand Tool is similar to the magnetic polygon lasso tool except that rather than dragging to make a
selection, you click in a region and a selection appears around similar colored pixels. You can control how
similar pixels must be to be included in the selection by altering the tolerance value. This tool is useful for
selecting monochromatic regions or pieces of high-contrast images.
Crop Tool works similarly to the Rectangular Marquee tool. The difference is when you press the
[Enter/Return] key it crops your image to the size of the box. Any information that was on the outside of the
box will be gone. However, it is not permanent, you can still undo.
Slice Tool is used mostly for building websites, or splitting up one image into smaller ones when saving out.
It is a kind of advanced tool, and since you are studying the basics, you will skip it for the meantime.
C. Exposure
Exposure in digital photography is best visualized in a statistical graph called a "histogram," which plots the
amount of information in the tonal values ranging from pure black, to middle gray, to pure white. For most
images, perfect exposure is represented by the typical "bell curve".
D. Cloning
Cloning is a great way to remove blemishes and unwanted objects to bring out the best in your pictures.
Photoshop's clone stamp tool allows you to duplicate part of an image. The process involves setting a
sampling point in the image which will be used as a reference to create a new cloned area.
2. Alteration Tools
Alteration tools are also indispensable tools that you need to be familiar of.
A. Healing Brush
This is a really useful but mildly advanced tool. You can use this tool to repair scratches and blemishes. It
works like the brush tool. Choose your cursor size, then holding the [Alt] key, you can select a nice or clean
area of your image. Let go of the [Alt] key and paint over the bad area. It basically copies the info from the
first area to the second, in the form of the brush tool. Only, at the end, it averages the information, so it
blends.
B. Brush Tool
This is one of the first tools ever. It is what Photoshop is based on. It paints your image in whatever color
and size you have selected. You can use it to draw lines of different thickness and colors.
C. Clone Stamp
This is very similar to the Healing Brush Tool. You use it the exact same way, except this tool does not
blend at the end. It is a direct copy of the information from the first selected area to the second. When you
learn to use both of these tools together in perfect harmony, you will be a Photoshop master.
D. Art History Brush
This tool works just like the Brush Tool. It is used to paint over an image using the source data from a
specified history state or snap shot.
E. Erase Tool
This is the anti-brush tool. It works like an eraser and removes whatever path or stroke you wish to erase.
If you are on a Layer, it erases the information with transparent color. If you are on the background layer, it
erases with whatever secondary color you have selected. You can use the Erase tool on paths, but not on
text.
F. Paint Bucket Tool
This tool is used to fill an image or a selection with any color of your choice.
G. Gradient Tool
You can use this to make a gradiation of colors. Gradiation does not appear to be a word, but it makes sense
anyway. It creates a blending of your foreground color and background color when you click and drag it like
a gradient.
H. Blur Tool
The Blur tool blurs the sharp edges of an image. Click and drag the brush along the edges. The
I. Dodge Tool
This tool is not as crappy as the car brand. It is actually used to lighten whatever area you use it on as long
as it is not an absolute black. Absolute black cannot be lightened.
3. Drawing and Selection Tools
A. Path Selection Tool . It is related to the Pen Tool. You use this tool when working with paths.
B. Text Tool or Horizontal Type Tool
 You can click a single point, and start typing right away. Otherwise, you can click and drag to make a
bounding box of where your text/type goes. There are many options for the Type Tool that you can choose
from. Just play around, it is fairly straight-forward.
C. Pen Tool
It is used for drawing smooth-edged paths, selected in the Path Selection Tool. Paths can be used in a few
different ways, mostly to create clipping paths, or to create selections. Click and drag the anchor points to
modify the path. This will allow you to bend and shape the path for accurate selections.
D. Rectangular Tool or Shape Tool
By default it draws a Shape Layer in the form of a rectangle. It fills the rectangle with whatever foreground
color you have selected. It is somewhat complicated but as you increase your skill level in working with
Photoshop, you will learn it perfectly.
5. Assisting Tools
A. Notes Tool
This tool serves as a comment feature usually used for electronic text edits but digital just like post-it notes.
You can use this tool to add small note boxes to your image. These are useful if you are very forgetful, or if
you are sharing your Photoshop file with someone else. It only works with .psd files.
B. Eyedropper Tool
This tool takes color samples from colors on the page and displays them in the Color Boxes. It works by
changing your foreground color to whatever color you click on. Holding the [Alt] key will change your
background color.
C. Hand Tool
This tool allows you to move around within the image. It is used for moving your entire image within a
window. Just click and drag. You can get to this tool at any time while using other tools by pressing and
holding the [Spacebar].
D. Zoom Tool
This tool magnifies or reduces the display of any area in your image window. It allows you to zoom into
your image. Hold the [Alt] key to zoom out. Holding the [Shift] key will zoom all of the windows you have
opened at the same time. Double-click on the Zoom Tool in the palette to go back to 100% view
5. Color Boxes and Models
These tools consist of the foreground color, background color, quick mask, screen size, standard and image
ready. To reverse the foreground and background colors, click the Switch Colors icon (the arrow) in the
toolbox
A Note on Selection Modes (in the options bar):
Normal mode allows you to drag the cursor to create the selection size you want. Constrained aspect ratio
allows you to choose a scalable rectangle, say with a width to height ratio of 1 to 2. The selection will grow
when you drag, but will remain the same shape.
Fixed Size/Fixed Aspect Ratio allows you to predetermine the size, in pixels or a ratio, of the selection you
will make. When you click with fixed size selected, a selection box of the exact size you specified will
automatically appear. With fixed aspect ratio, you can make different-sized selections of the same shape.
This is a particularly helpful tool when cropping images to a certain size or drawing identical boxes.
Steps in cropping an image
1. Open Adobe Photoshop. Select the "File" menu. Select the "Open" option. Click on a photo file name.
2. Click the "View" menu and select "Fit on Screen" so you can see the entire image.
3. Click the "Crop" tool, which looks like two crossed right angles and is the fifth icon from the top of the
"Tools" column. The cursor changes to the crop icon.
4. Draw a dotted rectangle or square around the part of the photo that you want to keep. A nine-square grid
with blinking dotted lines appears over the image and the to-be-cropped area turns dark.
5. Press the Enter key on the keyboard to crop the photo. Go to "File" then click "Save" to save the crop to
the original picture, or select "Save As" to create a new picture from the cropped image.

ACTIVITY 1.4
Direction: Identify the following:

______________1. This tool takes color samples from colors on the page and displays them in the Color
Boxes.
______________2. This tool allows you to move around within the image.
______________3. This tool is not as crappy as the car brand.
______________4. Tool helps you create a selection composed of straight lines that can be as short as one
pixel.
______________5. You use it the exact same way, except this tool does not blend at the end.
______________6. Removes whatever path or stroke you wish to erase.
______________7. Allow you to select regions in your image to alter, copy, move and apply filters.
______________8. This tool magnifies or reduces the display of any area in your image window.
______________9. It paints your image in whatever color and size you have selected.
_____________10. It creates a blending of your foreground color and background color when you click and
drag it like a gradient.

Activity 1.5

Directions: You are given three tasks to do. Open your computer and perform the activity.

1. You want to erase an area. Find the Eraser Tool. What other tools are on the fly out menu?

2. You want to select an area. Find the Magnetic Polygon Lasso Tool. What other tools are on the fly out
menu?

3. You want to draw a shape. Find the Ellipse Tool. What other tools are on the fly out menu?

II. Demonstrate:

Directions: Choose pictures of nature from the files saved in your computer. Produce a photo collage by
applying the skills you learned on Adobe Photoshop.
 Cropping
 Correcting
 Resizing
 Sharpening/Softening
Subject: T.L.E
Module: ____________
Week Covered: ________
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: The Image Menu & Layer Management

Image Menu option is very important for photo editing

in the Adobe Photoshop. It is used for adjusting and
modifying color mode, brightness, deepness etc. The
details of the image menu are discussed below.
1. Mode
The first item on the Image menu is Mode. This is what
you use to change the color mode and appearance on the
entire image. You have some other choices here,
including grayscale and duotone. Some modes’
availability depends on the pre-existing color mode.
2. Adjustment
You can see that the adjust option on the Image menu
gives you a lot of different tools for adjusting your
image. The most basic types of adjustments you can
make with Photoshop involve colors and brightness.
3. Image size
Another common basic feature of Photoshop that lives on the Image menu is image size. You use this
function to resize an image. When you select image size from the Image menu, a dialog box appears with
some numbers corresponding to the current size. Notice that in the Documents size settings, you have the
option to change the resolution (remember, images will always be approximately 72 pixels/inch on screen).
You can use this to change the resolution of your image but, if you do not want the quality to decrease, you
should only go from hi-res to low-res.
4. Canvas Size
Canvas 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.
[Link]
The Crop function in the image menu is fairly straightforward. Make a selection, go to Image and select crop.
Then, everything outside your selection disappears. The image size reflects the change.

Layer Management

Layers Pane
The layers pane is one of the panes that is
best to keep visible at all times. If you do
not see it when you open Photoshop, go to
window> show layers and it will be
restored.

Adding New Layers

1. Go to Layer> and Select New Layer.
2. Type a name for the layer in the dialog
box that appears and click enter.
3. It should now appear in the layers pane
(but since it is currently empty, there
will be no sign of it in the image).
 4. Select the text tool from the tool bar, click and drag somewhere
on the image (making sure the new layer is still highlighted in
blue).
Selecting Layers
1. Select the Type tool and type a title or Filename. On the top text
layer, click the eye icon.
2. Click on the paintbrush next to it.
3. Click on the name of the layer below.
4. You see that the paintbrush now shows on the new active layer.
5. Click on the empty paintbrush box to lock and unlock layers to
avoid unwanted changes.
6. The squiggle means it is locked.

Arranging Layers
1. Click and drag your text layer underneath the original image layer. You will see that the text no longer
appears. That is because it is now located behind the opaque image layer.
2. Just click on the do geared page icon at the bottom of the layers pane.
3. You can double click on this layer's name to change it.
4. If you want to delete a layer, you can either drag it to the trash icon at the bottom of the layers pane or
select the layer and click the trash icon.
Sometimes you want to combine the contents of two layers onto one layer. To do it, follow the following
steps:
1. Select the layer you want to be on top of the new merged layer, make sure the other layer you would like
to merge is directly beneath it, and select Merge Down from the Layer menu.
2. The two layers are now one. If you want to merge down an entire file of layers, select "Flatten image"
from the layers menu and then all layers will be squashed into one.
3. When you merge or flatten layers that contain text layers, you will be asked whether you would like to
rasterize that text (that is, convert it to an image and lose the ability to edit it). It is a good idea to copy any
layer and hide them before you rasterize and merge.
4. It saves you the work of completely recreating layers if you decide to change text.

A. Duplicate Layer
Open the image in Photoshop, and select the layer that you want to duplicate. Click and hold the Photoshop
layer and drag it to the bottom section of the layers palette on to the new layer button.
B. Rasterize and Flatten Layers
If you apply layer style effects to text or shapes and then rasterize the layer, only the text or shape content is
rasterized. The layer effects stay separate and editable. Usually, this is a good thing, but if you then apply a
filter, it only gets applied to the text or shape and not the effects. To rasterize and flatten the entire layer
contents, create a new, empty layer below the layer with your effects and merge down (Ctrl+E on
Windows).
C. Copy and Paste Layer Style
Copying and pasting styles is an easy way to apply the same effects on multiple layers. From the Layers
panel, click on the layer with the style you want to copy, Then, go to Layer > Layer Style > Copy Layer
Style. Select the destination layer from the panel, choose Layer > Layer Style > Paste Layer Style. This will
replace any existing styles on the target layer. You can even copy a style from one document and paste it
into another.
D. Clear/Remove Layer Style
There are two ways to remove a style from a layer using the Styles panel.
1. The first style in the Styles panel is named “Default Style (None).” Clicking on it will remove all style
effects from the current layer, whether they were presets or not.
2. The second way is by clicking on the Clear Style button at the bottom of the Styles panel. Both of these
methods have the same effect as dragging the layer's Effects bar to the trashcan icon in the Layers panel.
Activity. Renaming a Layer or Group

Directions: Below is a hands-on activity that you will perform in renaming a layer or a group. Follow the
given instruction in each task carefully.

 Double-click the layer name or group name in the Layers panel, and enter a new name.
 Press Alt (Windows) and double-click the layer (not its name or thumbnail) in the Layers panel. Enter a
new name in the Name text box and click OK.
 Select a layer or group, and choose Layer Properties or Group Properties from the Layers menu or the
Layers panel menu. Enter a new name in the Name text box and click OK.

II. Direction: Explore the layer panes and perform the tasks given below.

Select one or more layers. Then, explore and work on them. For some activities, such as painting or making
color and tonal adjustments, you can work on one layer at a time.
Subject: T.L.E
Module: ____________
Week Covered: ________
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Working with Text

The tools that Photoshop provides for manipulating text are probably its most straightforward features. Just
select the text/type tool, click and drag, and you are now ready to type your desired text. Use the options
bar to change the style of highlighted text.
The Type Tool
Whenever you want to add any sort of text to a document, use Photoshop’s Type Tool which is
found in the Tools panel along the left side of the screen. It is the icon that looks like a capital
letter T. You can also select the Type Tool by pressing the letter T on your keyboars, with the
Type Tool selected, your mouse cursor will change into what’s commonly referred to as an
"I-beam". It is enlarged a bit here to make it easier to see.
Choosing a Font
As soon as you select the Type Tool, the Options Bar along the
top of the screen updates to show us options related to the Type
Tool, including options for choosing a font, a font style and the
font size.
 Clicking the triangle to the right of the font selection box
 This opens a list of all the fonts you can choose from. The exact fonts you will see in your list will
depend on which fonts are currently installed on your system.
 Changing the Size of the Font Preview
 If you are using Photoshop CS2 or higher, Photoshop lists not only the name of each font but also a
handy preview of what the font looks like (using the word “Sample” to the right of the font’s name).You
can change the size of the font preview by going to Photoshop’s Preferences settings. On a PC, go up to
the Edit menu in the Menu Bar along the top of the screen, choose Preferences, and then choose Type.
On a Mac, go to the Photoshop menu, choose Preferences, then, choose Type.
 Choosing a Font Style
 Once you have chosen a font, choose the font style by
clicking on the triangle to the right of the Style selection
box.

Setting the Font Size

Choose a size for your font by clicking on the triangle to
the right of the Size selection box.
Choosing the Text Color
The Options Bar is also where you choose a color for your text. A color swatch appears near the far right of
the options. By default, the color is set to black. To change the color, click on the swatch

Adding Type to the Document

There are two different types of type that you can add to a document in
Photoshop. You can add point type (also known as character type), and
you can add area type (also known as paragraph type).

Activity 1.6
Advocacy Campaign

Direction: Perform the activity given below.

1. Create a new file in Photoshop.

2. Choose a photo about a disaster/hazard.
3. Insert a slogan to inform every one of your advocacy campaign.
4. Print it in a legal size bond paper.

The Department of Education (DepEd) likewise campaigns for various programs and thrusts for your own
advantage on Solid Waste Management (SWM) such as War on Waste (WOW). Make an advocacy
campaign for this purpose.
Subject: T.L.E
Module: ____________
Week Covered: ________
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Image Editing

Images do not always come exactly as you wish to use them. You may need to do some cropping, adjust
their colors or luminosity (brightness), change their size (resolution), or modify their content. You could
also try GIMP, PhotoPlus, [Link], Corel PaintShop Photo Pro, or other image editors for personal
computers. In fact, there are many programs available, and one is sometimes included with the purchase of
any scanner or digital camera.
The directions provided here will apply to Photoshop Elements under Windows. For other software, you will
have to make some minor adjustments, but the basic functions are the same. You should always think more
about what you are trying to accomplish than which button to press.
You will be producing final images in Joint Photographic Experts Group (JPG) or Portable Network
Graphics (PNG) format as these are best for compressed photos with many colors and smooth transitions.
Photoshop's own format Photoshop Document (PSD) is the best for working copies to avoid losing quality
over multiple saves, but PSD files are quite large and do not work on the web. JPGs compress very well, but
the compression is "lossy" - some image quality is lost with each save - though at the highest quality setting,
very little is lost. You should not use compression until all of your editing is done and your final version of
the photo is ready. Then compress the final copy that will go online. It is also a good idea to always work on
a copy, so you can go back to your original backup copy if something goes wrong.
Always use your image editor to adjust image size. Never adjust image size of a large photo in your web
page editor. Though it is possible to do this, it is very inefficient and tends to result in poor image quality.

Cropping

You have learned how to crop images in the previous lessons. This time, you are given another opportunity
to enhance your learned skills.
1. Create a folder called "photos" or "Photoshop practice" or " project 1" in a place where you will be sure
to find it, possibly in your My Documents, or My Images folder, or on your Desktop.
2. Download the photo of the school, "[Link]" into your "photos" folder (rightclick on the image and
save the image, taking care to navigate to the correct folder).
3. Open the image in Photoshop or other image editor.
4. Either look for your image from the Photoshop File/Open menu, or drag your image onto the Photoshop
icon, or into the program window.
5. Crop the image to get rid of the car, the pigeon and the empty sky. Then make the final image smaller to
fit your needs.
6. Once [Link] has been opened in your image editor, check to make sure that it is being displayed
at 100% of its full size so you know exactly what you are looking at (Photoshop will sometimes initially
display images at smaller resolutions to make them fit on your screen).
7. Look at the title bar of the [Link] window within Photoshop. It should say 100% or 1:1. If
not, you can use the Zoom tool to change the way the image is displayed.
8. Hold the Alt key down and click to reduce the image display size (zooming in and out).
9. Click on the Marquee tool button to select a rectangular area of the image.
10. When an area of the image is selected, effects (in other words anything you do) will apply only to that
area. To select the area, look at the image and imagine the rectangle within it that you wish to save as
your final image.
11. Point your cursor at one corner of your imagined rectangle.
12. Click and hold with the marquee tool on that corner, then drag the cursor to the opposite corner to select
the area that you want.
13. When you are satisfied with the selection, choose the Image/Crop menu item to finish cropping the
photo.
14. Save your work, and remember to save it often

Resizing an Image
1. Choose the menu item Image/Resize/Image Size to reduce the size of the image.
2. Make sure that the constrain proportions box is checked so the proportions of the photo will be respected
(This is the default setting).
Tools
3. If the current resolution of the photo is 72, you can reduce the width and height by half (making the image
1/4 its current size or area) by changing the resolution to 36.
4. Change either the width or the height by a percentage or by specifying the target size as a number of
pixels.
5. If you are not satisfied with the results of the change and need to modify the image size more than once,
use the Edit/Undo menu item to restore the original image before making the new change. You may also use
the History tab (or Undo History) to undo multiple edits.
6. Save your work and close the [Link] image, but not the Photoshop program.

Cutting out pieces

1) Open the [Link] image to cut a sign out for use in a new file. Download and open the photo.
2)
3) Click on the Lasso tool button to select the outline of something in an image.
4) Begin with the watermelon
5) Point the lasso tool on one corner of the watermelon .Hold down on the left mouse button while you
drag along the watermelon.
6) Point to the first corner again, but this time hold the ALT key down at all times. Click on the corner and
release the mouse clicker (however, keep holding down the ALT key).
7) To make a new image containing just the watermelon, first copy the selected image to the clipboard:
choose the menu item Edit/Copy or press Ctrl-C.
8) Next create a new image window by choosing the File/New menu item. Select New Image from
Clipboard.
9) Try saving your new image as GIF file (for simple images with few colors, the GIF format sometimes
makes smaller files than JPG).
10) Finally, choose File/Save As change the file type to GIF, and rename the file before you save it. Some
programs might use a File/Export feature to do the same thing.

Adjusting Exposure
Sometimes an image may be too light or too dark for your
needs. Ideally a photo should make use of the entire range of
luminosity or brightness from black to white.
1. Save a local copy and load it into Photoshop.
2. Choose the menu item Enhance/Adjust Lighting/Levels in
Photoshop Elements to work with the histogram for the image.
3. To change these values, slide the triangles by dragging them
with the mouse.
4. Next, try moving the white triangle to the left just a bit to
lighten up the highlights (moving it too far creates a washed
out effect).
5. Grab the gray triangle and slide it to the left until the
midpoint input level more evenly balances the light and
dark areas.
Using the Magic Wand
You will make your selection using the Magic Wand tool instead.
1. Click on the magic wand and look for the Tolerance option at the top of the window.
2. Set the tolerance to around 32 or 40. Why 32? Because the tolerance adjusts the sensitivity of the
selection. This is something that you may have to experiment with for each different magic wand selection,
depending on the area of the image that you are selecting.
3. Modify the size of the selection using Alt to subtract an area from the selection or Shift to add an area to
the selection.
4. Use the menu item Enhance/Adjust Lighting/Levels or even Enhance/Auto Levels or Auto Smart Fix to
make adjustments only to the selected area.
5. Save your work under a new name.

Cloning
Sometimes there are things in a photo that you wish were not there. The ads in the picture below attract
attention away from the two women who are the real subject.
1. Use the Zoom tool to zoom in on the area where you will be working. If it looks ok up close, it will look
great when you zoom out.
2. Select the Clone or Rubber Stamp tool.
3. Point to a white area that you want to clone, hold the ALT key and click once. This sets the origin from
which you will duplicate.
4. If you make mistakes, use the Edit/Undo menu item to undo them or use your History window.
5. Click the double rectangle icon to check the Show Overlay box to preview the image to be cloned.
6. Do not forget to save your work.

Putting it all together

1. Crop it to get rid of the boy in the red pants on the left, the elbow on the right, and some of the ground
in front.
2. Put the woman wearing a purple dress in a new image by herself. Select, copy, File/New, paste.
3. Use the rubber stamp to remove the little boy in the shadows to the right, the woman in purple dress,
and the shadow on the ground in front of the children.
4. Finally, adjust the exposure as you see fit

Set Photoshop Print Options and Print

1. Choose File > Print
A. Preview print
B. Set printer and print job options
C. Set paper orientation
D. Position and scale image
E. Specify prepress output options
F. Specify color management and proofing options

2. Select the printer, number of copies and paper orientation.

3. Adjust the position and scale of the image in relation to the selected paper size and orientation.
4. Set Color Management and Output options, which you access from the pop-up menu in the upper-right
corner.

Do one of the following:

 To print the image, click Print.
 To close the dialog box without saving the options, click Cancel.
 To preserve the options and close the dialog box, then click Done.

Set Printer Options

1. In the Print dialog box, click Print Settings.
2. Set paper size, source and page orientation as desired.
The available options depend on your printer, printer drivers and operating system.

Activity

Crazy Crosslinks
Set up a Photoshop document 5” x 7” or 7” x 5” with a resolution of 72 dpi, RGB. Save your image with
“your name-section” into your own work folder. Selections will be made from multiple images and put into
this file. Canvas size can be enlarged or cropped to meet the needs of the image.

Create a Scrapbook
 Open Photoshop and create a letter size document with CMYK color.
 Study the layersook page.
 Select a layer to make edits to the picture.
 Adjust a layer to make stacking order.
 Add text to the scrapbook page.
 Use the tools on the Option Bar to format the orientation, font, size, alignment, color and shape.
 Resize, rotate, and move text.
 Save the document in a Scrapbook folder as Page 1.
 in the document.
 Place a picture into the document and study the layers again.
 Resize, rotate, warp, and move the picture.
 Place picture from the Filter Pictures Folder onto the scrapbook

Watch this video (Photoshop Tutorial Professional Edit)

([Link]

Subject: T.L.E
Module: ____________
Week Covered: ________
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Photoshop Key Shortcut

You'd think setting up your content in Photoshop would be second nature. But sometimes, the
shortcuts to change the background size, or zoom into your project aren't what you think. Here are
some of the most crucial fundamental shortcuts to know:
1) Control + Alt + i (Command + Option + i ) = Change the image size.
2) Control + Alt + c (Command + Option + c ) = Change canvas size.
3) Control + + (Command + + ) = Zoom in.
4) Control + - (Command + - ) = Zoom out.
Control + ' (Command + ' ) = Show or hide the grid, the automatically-generated horizontal and
vertical lines that help align objects to the canvas.
Choosing the Right Tools
These shortcuts will activate different groups of tools, like "Lasso," "Brush," or "Spot Healing
Brush." Within these tools, though, there are different functions. Under the "Magic Wand" tool
group, for example, you have the option to execute a new selection or add and subtract from a
current one.
Each one of these tools has a keyboard shortcut, and we've outlined some of them below.

5) v = Pointer, a.k.a. Move Tool

6) w = Magic Wand

7) m = Rectangular Marquee, a.k.a. the Select Tool

8) l = Lasso

9) i = Eyedropper

10) c = Crop

11) e = Eraser

12) u = Rectangle

13) t = Horizontal Type

14) b = Brush

15) y = History Brush

16) j = Spot Healing Brush

17) g = Gradient

18) a = Path Selection

19) h = Hand

20) r = Rotate View

21) p = Pen

22) s = Clone Stamp

23) o = Dodge

24) z = Zoom Tool

25) d = Default Foreground and Background Colors
26) x = Switch Foreground and Background Colors

27) q = Edit in Quick Mask Mode

28) x = Change Screen Mode

Using the Brush Tool
With the brush settings, you can change the size, shape, and transparency of your brush strokes to
achieve a number of different visual effects. To use these keyboard shortcuts, first select the Brush
tool by pressing b.
29) , or . = Select previous or next brush style.
30) Shift + , or . = Select first or last brush style used.
31) Caps Lock or Shift + Caps Lock (Caps Lock) = Display precise crosshair for brushes.
32) Shift + Alt + p (Shift + Option + p) = Toggle airbrush option.
Using the Marquee Tool (for Slicing/Selecting)
When used correctly, the marquee tool will let you select individual elements, entire graphics, and
determine what is copied, cut, and pasted into your graphics.

To use these keyboard shortcuts, first select the Marquee tool by pressing m.
33) Control (Command) = Toggle between Slice tool and Slice Selection tool.
34) Shift + drag = Draw square slice.
35) Alt + drag (Option + drag) = Draw from center outward.
36) Shift + alt + drag (Shift + option + drag) = Draw square slice from center outward.
37) Spacebar + drag = Reposition the slice while creating the slice.
Using Different Blending Options
Blending options include a number of features to enhance the look of your graphic. You can
always choose a blending option by going to the top menu bar, under Layer > Layer
Style > Blending Options. Or, you can double-click any layer to bring up the options for that
particular layer.
Once you open blending options, you can use keyboard shortcuts to select them without moving
your mouse. To use the shortcuts, select the Move tool ("v"), and then select the layer you'd like to
use the blending options on. Below are some of the most popular modes.
38) Shift + + or – = Cycle through blending modes.
39) Shift + Alt + n (Shift + Option + n) = Normal mode
40) Shift + Alt + i (Shift + Option + i) = Dissolve
41) Shift + Alt + k (Shift + Option + k) = Darken
42) Shift + Alt + g (Shift + Option + g) = Lighten
43) Shift + Alt + m (Shift + Option + m) = Multiply
44) Shift + Alt + o (Shift + Option + o) = Overlay
45) Shift + Alt + u (Shift + Option + u) = Hue
46) Shift + Alt + t (Shift + Option + t) = Saturation
47) Shift + Alt + y (Shift + Option + y) = Luminosity
For more niche blending shortcuts, check out these tips from Adobe.
Manipulating Layers & Objects
If you want to modify an object or get complex with multiple layers, here are some shortcuts you
might like to know:
48) Control + a (Command + a ) = Select all objects
49) Control + d (Command + d ) = Deselect all objects
50) Shift + Control + i (Shift + Command + i ) = Select the inverse of the selected objects
51) Control + Alt + a (Command + Option + a) = Select all layers
52) Control + Shift + E (Command + Shift + e) = Merge all layers
53) Alt + . (Option + .) = Select top layer
54) Alt + , (Option + ,) = Select bottom layer
Note: In shortcuts 55-57, the brackets ([ ]) are the keystrokes in the command, and "OR" refers to
the actual word -- as in, press one bracket OR the other, not the letters "o" and "r."
55) Alt + [ OR ] (Option + [ OR ]) = Select next layer down or up
56) Control + [ OR ] (Command + [ OR ]) = Move target layer down or up
57) Control + Shift + [ OR ] (Command + Shift + [ OR ]) = Move layer to the bottom or top
58) Shift + Control + n (Shift + Command + n) = Create a new layer
59) Control + g (Command + g) = Group selected layers
60) Control + Shift + g (Command + Shift + g) = Ungroup selected layers
61) Control + e (Command + e) = Merge and flatten selected layers
62) Control + Shift + Alt + e (Command + Shift + Option + e) = Combine all layers into a new
layer on top of the other layers. Note: This step gets you one, combined layer, with all elements of
that layer in separate layers below -- which is different than a traditional merge-and-flatten layers
command.
63) Control + t (Command + t) = Transform your object, which includes resizing and rotating

Save Your Work for Later

Congratulations -- you've finished working on your project, and now, you want to share it with the
world. Save time saving your project by using these simple shortcuts:
64) Control + Shift + s (Command + Shift + s) = Save your work as ...
65) Control + Shift + Alt + s (Command + Shift + Option + s) = Save for web and devices
Activity

I. Choose 20 adobe photoshop tools, and draw it each in a short bond paper.

Subject: T.L.E
Module: ____________
Week Covered: ________
Grading Period: First Grading Period
Subject Teacher: Ms. Melibert Joy Reyes

Topic: Adobe Photoshop History

Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc. for Windows and macOS. It was
originally created in 1988 by Thomas and John Knoll. Since then, the software has become the industry standard not only
in raster graphics editing, but in digital art as a whole. The software's name has thus become a generic trademark, leading to
its usage as a verb (e.g. "to photoshop an image", "photoshopping", and "photoshop contest") although Adobe discourages
such [Link] can edit and compose raster images in multiple layers and supports masks, alpha compositing and
several color models including RGB, CMYK, CIELAB, spot color, and duotone. Photoshop uses its own PSD and PSB file
formats to support these features. In addition to raster graphics, Photoshop has limited abilities to edit or render text and vector
graphics (especially through clipping path for the latter), as well as 3D graphics and video. Its feature set can be expanded
by plug-ins; programs developed and distributed independently of Photoshop that run inside it and offer new or enhanced
features.
Photoshop's naming scheme was initially based on version numbers. However, in October 2002 (following the introduction
of Creative Suite branding), each new version of Photoshop was designated with "CS" plus a number; e.g., the eighth major
version of Photoshop was Photoshop CS and the ninth was Photoshop CS2. Photoshop CS3 through CS6 were also
distributed in two different editions: Standard and Extended. With the introduction of the Creative Cloud branding in June
2013 (and in turn, the change of the "CS" suffix to "CC"), Photoshop's licensing scheme was changed to that of software as a
service rental model. Historically, Photoshop was bundled with additional software such as Adobe ImageReady, Adobe
Fireworks, Adobe Bridge, Adobe Device Central and Adobe Camera RAW.
Alongside Photoshop, Adobe also develops and publishes Photoshop Elements, Photoshop Lightroom, Photoshop
Express, Photoshop Fix, Photoshop Sketch and Photoshop Mix. As of November 2019, Adobe has also released a full version
of Photoshop for the iPad, and while initially limited, Adobe plans to bring more features to Photoshop for iPad. Collectively,
they are branded as "The Adobe Photoshop Family".
Photoshop was developed in 1987 by two brothers Thomas and John Knoll, who sold the distribution license to Adobe
Systems Incorporated in 1988. Thomas Knoll, a Ph.D. student at the University of Michigan, began writing a program on
his Macintosh Plus to display grayscale images on a monochrome display. This program (at that time called Display) caught
the attention of his brother John, an Industrial Light & Magic employee, who recommended that Thomas turn it into a
full-fledged image editing program. Thomas took a six-month break from his studies in 1988 to collaborate with his brother on
the program. Thomas renamed the program ImagePro, but the name was already taken. Later that year, Thomas renamed his
program Photoshop and worked out a short-term deal with scanner manufacturer Barneyscan.
During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple and Russell
Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in
September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing code. Photoshop 1.0
was released on February 19, 1990 for Macintosh exclusively.[10][11] The Barneyscan version included advanced color editing
features that were stripped from the first Adobe shipped version. The handling of color slowly improved with each release
from Adobe and Photoshop quickly became the industry standard in digital color editing. At the time Photoshop 1.0 was
released, digital retouching on dedicated high-end systems.
Photoshop was initially only available on Macintosh. In 1993, Adobe chief architect Seetharaman
Narayanan ported Photoshop to Microsoft Windows. The Windows port led to Photoshop reaching a wider mass
market audience as Microsoft's global reach expanded within the next few years.

 Older versions
 Photoshop's naming scheme was initially based on version numbers, from version 0.07 (codename "Bond";
double-oh-seven), through version 0.87 (codename "Seurat" which was the first commercial version, sold as
"Barneyscan XP"), version 1.0 (February 1990) all the way to version 7.0.1. Adobe published 7 major and many minor
versions before the October 2003 introduction of version 8.0 which brought with it the Creative Suite branding.
 Notable milestone features would be: Filters, Colour Separation, Virtual Memory (1.0), Paths, CMYK color (2.0),
16-bits-per-channel support, availability on Microsoft Windows (2.5), Layers, tabbed Palettes (3.0), Adjustments,
Actions, Freeform Transform, PNG support (4.0), Editable Type, Magnetic Lasso and Pen, Freeform Pen, Multiple Undo,
Layer Effects (5.0), Save For Web (5.5), Vector Shapes, revised User Interface (6.0), Vector Text, Healing Brush, Spell
Check (7.0), Camera RAW (7.0.1).
 In February 2013 Adobe donated the source code of the 1990 1.0.1 version of Photoshop to the Computer History
Museum.
 CS (version 8)
 The first Photoshop CS was commercially released in October 2003 as the eighth major version of Photoshop. Photoshop
CS increased user control with a reworked file browser augmenting search versatility, sorting and sharing capabilities
and the Histogram Palette which monitors changes in the image as they are made to the document. Match Color was also
introduced in CS, which reads color data to achieve a uniform expression throughout a series of pictures.
 CS2 (version 9)
 Photoshop CS2, released in May 2005, expanded on its predecessor with a new set of tools and features. It included an
upgraded Spot Healing Brush, which is mainly used for handling common photographic problems such as blemishes,
red-eye, noise, blurring and lens distortion. One of the most significant inclusions in CS2 was the implementation of
Smart Objects, which allows users to scale and transform images and vector illustrations without losing image quality, as
well as create linked duplicates of embedded graphics so that a single edit updates across multiple iterations.
 CS3 (version 10)
 CS3 improves on features from previous versions of Photoshop and introduces new tools. One of the most significant is
the streamlined interface which allows increased performance, speed, and efficiency. There is also improved support
for Camera RAW files which allow users to process images with higher speed and conversion quality. CS3 supports over
150 RAW formats as well as JPEG, TIFF and [Link] were made to the Black and White Conversion,
Brightness and Contrast Adjustment and Vanishing Point Module tools. The Black and White adjustment option
improves control over manual grayscale conversions with a dialog box similar to that of Channel Mixer. There is more
control over print options and better management with Adobe Bridge.
 CS4 (version 11)
 CS4 features smoother panning and zooming, allowing faster image editing at a high magnification. The interface is
more simplified with its tab-based interface making it cleaner to work with. Photoshop CS4 features a new 3D engine
allowing the conversion of gradient maps to 3D objects, adding depth to layers and text, and getting print-quality output
with the new ray-tracing rendering engine. It supports common 3D formats; the new Adjustment and Mask Panels;
Content-aware scaling (seam carving); Fluid Canvas Rotation and File display options.
 CS5 (version 12)
 Photoshop CS5 was launched on April 12, 2010. In a video posted on its official Facebook page, the development team
revealed the new technologies under development, including three-dimensional brushes and warping tools.
 In May 2011, Adobe Creative Suite 5.5 (CS5.5) was released, with new versions of some of the applications. Its version
of Photoshop, 12.1, is identical to the concurrently released update for Photoshop CS5, version 12.0.4, except for support
for the new subscription pricing that was introduced with CS5.5.
 CS5 introduces new tools such as the Content-Aware Fill, Refine Edge, Mixer Brush, Bristle Tips and Puppet Warp. The
community also had a hand in the additions made to CS5 as 30 new features and improvements were included by request.
These include automatic image straightening, the Rule-of-Thirds cropping tool, color pickup, and saving a 16-bit image
as a JPEG. Another feature includes the Adobe Mini Bridge, which allows for efficient file browsing and management.
 CS6 (version 13)
 Photoshop CS6, released in May 2012, added new creative design tools and provided a redesigned interface with a focus
on enhanced performance. New features have been added to the Content-Aware tool such as the Content-Aware Patch
and Content-Aware Move.
 Adobe Photoshop CS6 brought a suite of tools for video editing. Color and exposure adjustments, as well as layers, are
among a few things that are featured in this new editor. Upon completion of editing, the user is presented with a handful
of options of exporting into a few popular formats.
 CS6 brings the "straighten" tool to Photoshop, where a user simply draws a line anywhere on an image, and the canvas
will reorient itself so that the line drawn becomes horizontal, and adjusts the media accordingly. This was created with
the intention that users will draw a line parallel to a plane in the image, and reorient the image to that plane to more easily
achieve certain perspectives.
 CS6 allows background saving, which means that while another document is compiling and archiving itself, it is possible
to simultaneously edit an image. CS6 also features a customizable auto-save feature, preventing any work from being
lost.
 Starting January 9, 2017, CS6 is no longer available for purchase, making a Creative Cloud license the only purchase
option going forward.
 CC (version 14)
 Photoshop CC (14.0) was launched on June 18, 2013. As the next major version after CS6, it is only available as part of
a Creative Cloud subscription. Major features in this version include new Smart Sharpen, Intelligent Upsampling, and
 Camera Shake Reduction for reducing blur caused by camera shake. Editable Rounded Rectangles and an update to
Adobe Camera Raw (8.0) were also included.
 Version 14.2 was released on January 15, 2014. Major features include Perspective Warp, Linked Smart Objects, and 3D
Printing support.
 CC 2014 (version 15)
 Photoshop CC 2014 (15.0) was released on June 18, 2014. CC 2014 features improvements to content-aware tools, two
new blur tools (spin blur and path blur) and a new focus mask feature that enables the user to select parts of an image
based on whether they are in focus or not. Other minor improvements have been made, including speed increases for
certain tasks.
 CC 2015 (version 16 and version 17)
 Photoshop CC 2015 was released on June 15, 2015. Adobe added various creative features including Adobe Stock,
which is a library of custom stock images. It also includes and have the ability to have more than one layer style. For
example, in the older versions of Photoshop, only one shadow could be used for a layer but in CC 2015, up to ten are
available. Other minor features like Export As, which is a form of the Save For Web in CC 2014 were also added. The
updated UI as of November 30, 2015 delivers a cleaner and more consistent look throughout Photoshop, and the user can
quickly perform common tasks using a new set of gestures on touch-enabled devices like Microsoft Surface Pro. CC
2015 also marks the 25th anniversary of Photoshop.

 CC 2017 (version 18)

 Photoshop CC 2017 was released on November 2, 2016. It introduced a new template selector when creating new
documents, the ability to search for tools, panels and help articles for Photoshop, support for SVG OpenType fonts and
other small improvements. In December 2016, a minor update was released to include support for the MacBook Pro
Touch Bar.
 CC 2018 (version 19)
 Photoshop CC 2018 (version 19) was released on October 18, 2017. It featured an overhaul to the brush organization
system, allowing for more properties (such as color and opacity) to be saved per-brush and for brushes to be categorized
in folders and sub-folders. It also added brush stroke smoothing, and over 1000 brushes created by Kyle T.
Webster (following Adobe's acquisition of his website, [Link]). A Curvature Pen tool, similar to the one
in Illustrator, was added, allowing for faster creation of Bézier paths. Other additions were Lightroom Photo access,
Variable font support, select subject, copy-paste layers, enhanced tooltips, 360 panorama and HEIF support, PNG
compression, increased maximum zoom level, symmetry mode, algorithm improvements to Face-aware and selection
tools, color and luminance range masking, improved image resizing, and performance improvements to file opening,
filters, and brush strokes.
 CC 2019 (version 20)
 Photoshop CC 2019 was released on October 15, 2018. Beginning with Photoshop CC 2019 (version 20.0), the 32-bit
version of Windows is no longer supported. This version Introduced a new tool called Frame Tool to create placeholder
frames for images. It also added multiple undo mode, auto-commitment, prevent accidental panel moves with lock
work-space. Live blend mode previews are added, allowing for faster scrolling over different blend mode options in the
layers panel. Other additions were Color Wheel, Transform proportionally without Shift key, Distribute spacing like in
Illustrator, ability to see longer layer names, match font with Japanese fonts, flip document view, scale UI to font,
reference point hidden by default, new compositing engine, which provides a more modern compositing architecture is
added which is easier to optimize on all platforms.
 2020 (version 21)
 Photoshop 2020 was released on November 4, 2019. Version 21 has many new and enhanced features like the new object
selection tool for better automate complex selections, new properties panel, enhanced transform warp, new keyboard
shortcuts for paint & brush and background image removal option. It added several improvements to the new
content-aware fill and to the new document tab. Also added were animated GIF support, improved lens blur performance
and one-click zoom to a layer's contents. It introduced new swatches, gradients, patterns, shapes and stylistic sets
for OpenType fonts. With this version users now can easily convert smart objects to layers and also can adjust 32-bit
layers for brightness/contrast and curves. Presets are now more intuitive to use and easier to organize.
 Version 21 was the first version where the iPad version was released. With Photoshop on the iPad, combined with the
new Cloud PSD file format, a user can save cloud documents and work across Windows, Mac and iPad. Photoshop on
the iPad does not have all the features of the desktop Photoshop. Adobe promises to update Photoshop on the iPad at "a
much more aggressive pace than it has with its current Creative Cloud apps for the desktop". Adobe has provided a
timeline for enhancing Photoshop on the iPad to have more of the features of desktop Photoshop
Activity

I. Make a summary about the history of adobe photoshop.