Professional Documents
Culture Documents
COMPUTER
With the use of technology, designing has become precise, simple and fast.
Even persons without artistic skills will be able to design with better result through
the help of the many available tools, built-in effects and layout styles using design
tools.
This module is designed for a beginning graphics and layout course. The module
assume students have no previous grphics software-editing knowledge. However,
students should be familiar with basic Windows skills, file management, and layout
concepts. The module's primary focus is on teaching how to use the features and tools
of the software introduced, with a secondary focus on teaching how to apply what
they learned to daily needs concerning graphic editing and layout. In other words,
the purpose of this module is teach students how to edit, create and design different
graphuc media outputs.
The software discussed in this module are both professionally used applications
in the field of graphic design, such as photo editing and manipulation and the creation
of branding and campaign materials.
This module uses the Adobe Photoshop CS6, where CS stands for Creative Suite,
a software suite of graphic design, video editing, and web development applications
developed by Adobe Systems.
With this module, you will finish the lessons with a solid understanding of each
application program.
TABLE OF CONTENTS
MODULE I: ADOBE PHOTOSHOP
LESSON 1: Photoshop's Workplace
1.1 What is Adobe Photoshop? 2
1.2 Starting Work in Adobe Photoshop 2
1.3 Adobe Photoshop Interface 2
1.4 Opening Files 3
1.5 Popular and Useful File Formats 6
WRAP IT UP! 73
BIBLIOGRAPHY 74
Adobe Photoshop is a computer
ADOBE
program that allows users to create
and edit digital images interactively
on the computer screen and save
them in one of the many image
WARM IT UP!
Direction: Arrange the jumbled letters to find out the new word.
1. W R K O P S C A E - _____________________________
2. P N A E L - ________________________________
3. T B R O A O L - ___________________________
4. P T H O O - _____________________________
5. G P R A C I S - _________________________
GEAR UP!
1.1 WHAT IS ADOBE PHOTOSHOP CS6?
Image editing software was developed and manufactured by Adobe
Systems Inc. Photoshop CS6 is a tool to create, modify, combine and
optimize digital photos and images in your computer. The software was
particularly popular amongst professional photographers.
It has been the world's most popular app for optimizing and editing
images for more than twenty years. The introduction of Adobe Photoshop
CS6 further cements the program's dominant position in the market.
2
Let us get familiar with the parts of the Photoshop Interface.
MENU BAR
OPTIONS BAR
TOOLS PANEL
PANELS
PHOTOSHOP WINDOW
NAME FUNCTION
Displays menus that contain most of the
MENU BAR
Photoshop commands
Displays the controls that are used to customize
OPTIONS BAR
the selected tool in the Toolbox
They are small windows that allow you to access
PANELS common comands. These panels can be moved
anywhere within the window.
Displays the different icons or tools that are
TOOLS PANEL
used to modify or edit the image
MENU BAR
The Menu Bar contains all the functions available in Photoshop. By clicking a menu
in the Menu Bar, a dropdown list of tools or commands will appear. You can access
the tools directly from the Menu Bar, from the Tools panel or you can customize your
workspace to make your tools readily available as you are working on your project.
OPTIONS BAR
The Options Bar gives additional configuration settings dependiong on the tool
selected. It also provides access to important configuration settings for a particular
tool that is selected.
3
TOOLS PANEL
The Tools panel is the long, narrow panel on the far left side of the work
area. It contains selection tools, painting and editing tools, foreground
and background color selection boxes. The tools in the Tools panel are
the frequently used tools and they are automatically displayed when you
launch Photoshop
The Selection Tools are the first five icons from the top of the Tools
panel. These tools help you easily select the objects in your image.
SELECTION TOOLS
FUNCTION KEYBOARD
ICON NAME
SHORTCUTS
Move Tool Moves selections, layers, and guides To activate the
tool using the
keyboard, press
Marquee Tool Makes regular selections the following
keys:
Lasso Tool Makes free hand or snap to selections
V - Move Tool
Makes you quickly paint a selection M - Marquee Tool
Quick Selection Tool using a round brush tip L - Lasso Tool
W - Quick
Selection Tool
Crop Tool Crops the image
C - Crop Tool
Makes you slice the images free
Slice Tool handedly
The Retouching Tools are the next group of tools after the Selection
Tools. These tools can help you remove imperfections to improve your
images or add effects.
RETOUCHING TOOLS
FUNCTION KEYBOARD
ICON NAME
SHORTCUTS
Spot Healing Tool Remove blemishes from objects J - Spot Healing
Brush Tool
Paint Tool Paint brush strokes B - Brush Tool
S - Stamp Tool
Clones an area of the image that is Y - History Brush
Stamp Tool
selected to be stamped Tool
E - Eraser Tool
Paints a copy of the selected state into G - Gradient Tool
History Brush Tool O - Dodge Tool
the current image window
Erase Tools Erase pixels
Applies and color gradients to an object
Gradient Tool
or image
Blur Tool Blurs hard edges in images
Dodge Tool Lightens areas in image
The Drawing and Type Tools are the next group of tools following the
Retouching Tools. They allow you to create images from shapes and text
and can be inserted in the images you prefer.
4
DRAWING AND TYPE TOOLS
NAME FUNCTION KEYBOARD
ICON SHORTCUTS
Pen Tool Draws smooth edge paths P - Pen Tool
T - Type Tool
Text Tool Creates Text A - Path Selection
Tool
Makes shape or segment selections U - Shapes Tool
Path Selection Tool showing anchor points, direction lines
and points
OTHER TOOLS
NAME FUNCTION KEYBOARD
ICON SHORTCUTS
Toggle between foreground Toggle between foreground and X - Toggle
and background background colors between
foreground
Set foreground colors Allows you to set foreground colors and
background
Edit in Quick Mask Mode Edits the image in quick mask modes
PANELS
The right side of the Application Frame is home to a number of
small windows called panels, which let you work with frequently used
features, such as colors, adjustments, layers, and so on. You are free
to organize the panels however you like and position them anywhere
you want. Panels can be free floating or docked (attached) to the top,
bottom, left, or right sides of your screen. You can link panels together
in groups, which you can then move around. Each panel also has its
very own menu called a panel menu, located on its top-right corner; its
icon looks like four little lines with downward-pointing triangle.
5
1.3 OPENING FILES
Most of the time, you'll want to start by opening an existing photo
rather than creating a new blank image. Photoshop allows you to open
and edit existing image files, such as .jpg or .png, as well as .psd.
Tagged Image File Format (TIFF or TIF) is a computer file format that
serves as a container for storing raster graphics images, layers, clipping
path, and other data without losing quality because of compression.
6
BOOST YOUR ENGINE!
To open a file:
1. Select File>Open
2. A dialog box will appear. Locate and select the file on your computer,
then click Open.
7
5. Examine the status bar at the bottom of the work area, and notice the
percentage that appears on the far left. This represents the current
enlargement view of the image or, zoom level.
6. Move the pointer over the Tools, and hover it over the magnifying glass
icon until the a tool tip appears. The tool tip dispalays the tool's name (Zoom
Tool).
ZOOM LEVEL STATUS BAR
KEYBOARD
SHORTCUTS
Z - Zoom
7. Click the Zoom Tool icon in the Tools Panel, or press Z to select.
8. Move the pointer over the image window. The pointer now looks like a tiny
magnifying glass with the plus sign in the center of the glass.
10.Hold down Alt key so that the Zoom Tool pointer appears with a minus
sign in the center of the magnifying glass, and then click anywhere in the
image. Then, release the Alt key.
11. If the Scrubby Zoom is selected in the options bar, click anywhere on the
image and drag the Zoom Tool to the right. The image zooms in and enlarges.
Drag the Zoom Tool to the left to zoom out.
12. Deselect Scrubby Zoom in the options bar if selected. Then, using the
Zoom Tool drag a rectangle to enclose part of the image.
8
The image enlarges so that the area you enclosed in your rectangle
now fills the entire image window.
13. Click Fit Screen in the options bar to see the entire image again.
There are four buittons in Zoom options that can help you navigate
your image:
• Actual Pixels - shows your image in 100% magnification.
• Fit Screen - zooms your image to fit the available work area, respecting
the panels and tool bar.
• Fill Screen - zooms your image to fill all the available work area
without respect to the position of any open panels.
• Print Size - shows the image at the size that it will be printed based on
the documents resolution setting.
The four options above are also available from the View menu.
SAVING A FILE
1. To save changes to the current file.
a. Choose File > Save.
b. The file remains in the current format.
9
CLOSING FILES
If you have several images open in Photoshop, you can choose File >
Close All (instead of File > Close). When asked if you want to save changes,
you can by ticking the Apply to All box so that the choice you make will be
applied to all other files without further prompts.
REMEMBER
• Panels are mini applications with their own windows, controls and menus.
Photoshop panels to do most of our editing. Photoshop has many panels,
each of which provides its own set of functionality. The functionality of
some panels are limited, while other panels are almost applications in
their own right.
• The Tool box provides easy access to all the tools that you use to interact
directly with pixels in the document window. To enable or disable the
Tool box, choose Window Tools from the Photoshop menu bar. You can
expand most of the tools in the Tool box by pressing and holding the
mouse button over them to reveal some several tools. From the expanded
tool menus, you can select other tools. The icon of the currently selected
tool is displayed in the Tool box and the cursor changes to reflect the
current tool as well.
MOVE FURTHER!
ACTIVITY 1
Identify the parts of the Photoshop window. Write your answers on the
space provided.
1
1. __________________________
2. __________________________
3. __________________________
4. __________________________
10
ACTIVITY 2
Identify the following tools and write their functions.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
ACTIVITY 3
Identify what is being asked. Write your answer on the space provided.
____________1. It is a computer file format that serves as a contgainer for storing
raster graphics images, layers, clipping path, and other data without
losing quality because of compression.
____________2. It displays the controls that are used to customize the selected tool in
the Tool box.
____________3. It shows the image at the size it will printed based on the documents
resolution setting.
____________4. Zooms your image to fit the available work area, respecting the panels
and tool bar.
____________5. This is a file format used to present and exchange documents reliably,
independent of software, hardware, or operating system.
____________6. It is used for moving the image around while zoomed in.
____________7. It is a widely used format and technique for compressing images to
adjust the size resulting in image quality loss.
____________8. lt displays menus that contain most of the Photoshop element.
____________9. These tools are the first five icons from the top of the Tools panel. These
tools help you easilyselect the objects in your image.
___________10. These tools can help you remove imperfections to improve your images
or add fonts.
11
2 EDITING WITH SELECTION TOOLS
At the end of this lesson, you should be able to:
LESSON • identify the selection tools;
• make specific areas of an image active using selection tools;
• move and duplicate the contents of a selection;
• use keyboard-mouse combinations that save time and hand
motions;
• deselect a selection;
• determine the steps in adjusting the position of a seleccted
area using the arrow keys
• add to and subtract from a selection
• transform a selection; and
• use multiple selection tools to make a complex selection.
WARM IT UP!
Direction: Identify the following tools.
______1. ______6.
______2. ______7.
______3. ______8.
______4. ______9.
______5 ______10.
GEAR UP!
2.1 MARQUEE
The marquee tools allow us to make selections by drawing basic
shapes like square and circle.
12
• Rectangular Marquee: makes a rectangular selection (or a square,
when used with the Shift key).
• Elliptical Marquee: makes an elliptical selection (or a circle, when
used with the Shift key).
• Single Row or Single Column Marquee: defines the border as a
1-pixel wide row or columns.
ADD TO
When drawing a selection using the marquee tools, you can use
keys on the keyboard to modify the selection.
13
How to make a selection using the Lasso Tool:
1. Select the Lasso Tool, then set feathering and anti-aliasing in the
options bar.
2. To add to, subtract from, or intersectr with an existing selection, click
the coressponding button in the options bar.
3. Drag to draw a freehand selection border. To switch between freehand
and straight-edged segments, press Alt, and click where segments
should begin and end.
4. To close the selection border, release the mouse without holding down
Alt or Option.
14
5. The most recent segment of the selection border remains active. As you
move the pointe, the active segment snaps to the strongest edge in the
image based on the detection width set in the options bar. Periodically,
the Magnetic Lasso Tool adds fastening points to the selesction border
to anchor previoujs segments.
6. If the border doesn't snap to the desired edge, click once to add a
fastening point manually. Continue to trace the edge and add fastening
points as needed.
7. To switch temporarily to the other lasso tools, do one of the following:
a. To activate the Lasso Tool, hold down Alt and drag while pressing the
mouse button.
b. To activate the Polygonal Lasso Tool, hold down Alt and click.
c. To erase recently drawn segments and fastening points, press the Del
key until you have erased the fastening points for the desired segment.
8. Close the selection border:
a. To close the border with a magnetic segment, double-click or press
Enter or Return. (To close it manually, drag over the starting point
and click.).
b. To close the border with a straight segment, hold down Alt and
double-click.
You can use the Quick Selection Tool to quickly brush over a
selection using an adjustable round brush tip. As you drag, the selection
expands outward and automatically finds and follows defined edges in the
image.
1. To use the Quick Selection Tool, make sure that it is visible. If not, hold down the
Magic Wand Tool then selecct Quick Selection Tool.
15
2. New is the default option if nothing is selected. After making the initial selection,
the option changes automatically to Add to.
3. To change the brush tip size, click the Brush pop-out menu in the options bar and
type in a pixel size or drag the slider. Use the Size pop-up menu options to make
the brush tip size sensitive to pen pen pressure or a stylus wheel.
Note: When creating a selection, press the right bracket (]) to increase the Quick
Selection Tool brush tip size; press the left bracket ({) to decrease the brush tip size.
2.7 FEATHER
Feathering is Photoshop's term for creating soft edges. Creating
a soft edge around a selection is a nice way to blend images, highlight an
object within an image, or adjust harsh edges for web graphics.
16
• Draw selection from the center (hold down Alt/Option with Elliptical
or Rectangular Marquee Tools while dragging it).
17
2. Select the tree using the rectangle marquee tool.
3. Rotate the selection outline. Go to Select > Transform Selection and
rotate to your desired angle. Then press Enter.
4. Press CTRL+J in the keyboard to copy the selected area to its own
layer.
18
8. Click Layer Style again at the bottom of the layers panel.
9. Choose Drop Shadow.
10. Follow the settings.
19
11. Click the Background layer. Desaturate it by pressing Shift+CTRL+U in
the keyboard.
REMEMBER
When to Use Each Tools
Selection tools isolate one or more parts of your image. By selecting
specific areas, you can edit or apply effects and filters to parts of your image
while having the unselected areas untouched.
The easiest way to select pixels in your image is to use the Quick
Selection Tool. You can also select areas of a certain shape with the marquee
tools or use the lasso tools to make a selection by tracing an element in your
image. For angular image with straight lines, you can use the Polygonal
Lasso Tool. It is also possible to make selections based on a range of colors in
an image. There are keyboard keys that can modify your selection process.
The tools for making selections are all efficient due to the flexibility of
their usage.
20
MOVE FURTHER!
ACTIVITY 1
Among the selection tools, which one do you prefer to use? Why?
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
_________________________________________________________________
ACTIVITY 2
Match the following statements to its name. Write the letter on the space provided.
____1. It is the best tool to select a square. a. Elliptical
____2. It is the best tool to select a circle. Marquee
____3. It is the best tool to use when selecting an image or part of an b. Crop
image, which the colors are the same c. Marquee
____4. This tool allows you to make selections by drawing basic shapes d. Rectangle
like square and circle. Marquee
____5. This tool will help you get a closer look at an image or a part e. Magic Wand
of an image. Tool
ACTIVITY 3
Hands-On
1. Open a picture in Photoshop.
2. Select an object in the picture and apply the feathering effect.
3. Save your work with the file name Feathering_Your Name.
21
3 BASIC PHOTO CORRECTIONS
At the end of this lesson, you should be able to:
LESSON • discuss what is resolution and dimensions;
• identify the retouching tools;
• discuss the use of retouching tools in an image;
• use the Healing Brush and Spot Healing Brush Tool to repair
the part of an image; and
• use the Clone Stamp Tool to touch up areas.
WARM IT UP!
Identify the following. Choose your answer on the box.
_________1. This tool takes the sample of the image and applies it over the
other image or a part of the same image.
_________2. It is a single point in a graphic element. These are small dots
that form the image.
_________3. It refers to the number of snall squares known as pixels that
describe an image and establish its detail.
_________4. It lets you correct imperfections in your photographic image in a
similar way to the clone stamp tool.
_________5. It removes blemishes and objects.
GEAR UP!
3.1 RESOLUTION
The term resolution refers to the number of small squares known
as pixels that describes an image and establish its detail. Hence, resolution
is determined by pixel dimensions, or the number of pixels along the width
and height of the image
3.2 PIXELS
Pixel, which means picture
element, is a single point in a graphic
element. Pixels are small dots that form
the image.
22
3.3 MEASURING RESOLUTION
Resolution can be mesured in two ways, pixel per inch (PPI) and
dots per inch (DPI).
PPI and DPI describe the resolution of an image but they are not the
same, PPI is the number of square pixels per inch in a digital monitor while
DPI is the physical number of dots per inch of ink in a printed document. This
is used as a unit of measurement in printers and scanners.
In digital screen, the size you will be looking for is the image width and
height in pixels. Regardless if your PPI is 72 or 300, it will not affect the size
of the image in your screen. Remember that PPI only affects the quality of
an image when it is printed, because it tells the printer how many pixels are
going to be used per inch on paper.
Generally,an image with a higher resolution produces a better printed
image quality. Unless you are resampling an image, the amount of pixels
remains the same as you change either the print dimensions or resolution.
For example, if you change the resolution of an image, its width and height
changes accordingly to maintain the same amount of pixels. If you are keeping
the number of pixels in the image the same and simply changing the size at
which the image will print, or just changing the document size of the image,
it is called resizing. If, on the other hand, you are physically changing the
number of pixels in the image, it is called resampling.
23
3.6 USING HEALING TOOL
The healing brush lets you correct imperfections in your
photographic image in a similar way to the clone stamp tool. Like the
clone stamp tool, you paint with sampled pixels from your image which
you can set with the Alt button. However, the healing brush also does an
excellent job of matching together all of the relevant shades and textures
to keep your fixes as seamless as possible; however it still requires you to
be responsive with your Alt key selections.
24
• Painting Over
Simply paint over the area you want to fix. You will notice that the area turns
dark grey but as soon as you lift your mouse or pen, this area will automatically
blend into the background.
• Select the Spot Healing Brush Tool from the tool bar.
• Select the "Sample All Layers" Option. With the Spot Healing Brush
selected, turn on the Sample All Layers option in the Options Bar. This
lets the Spot Healing Brush sample texture not just from the currently-
selected layer (the "Spot Healing" layer, which is blank), but also from the
image below
• Select "Content-Aware". Still in the Options Bar, make sure Type is set to
Content-Aware. This allows Photoshop to make more intelligent decisions
when choosing good replacement texture
25
• Click on the skin blemishes to heal them.
Click on pimples and other minor skin
blemishes with the Spot Healing Brush
to quickly heal them. For best results,
keep your brush slightly larger than the
blemish.
• When retouching skin with the Spot Healing Brush, you’ll often get better
results by changing the blend mode of the brush from Normal (the default
setting) to Lighten. With the blend mode set to Lighten, Photoshop will
only replace pixels that are darker than the good texture. Since pimples
and other skin blemishes are usually darker than normal skin tone, only
the pimple or blemish itself gets replaced, leaving more of the original
skin texture surrounding it intact. If a blemish is lighter than the normal
skin tone, try the Darken mode instead.
26
REMEMBER
Making the Spot Healing Brush even faster with keyboard shortcuts
The Spot Healing works fast, but learning a few simple keyboard
shortcuts will speed things up even more. To zoom in on the image, press
and hold CTRL+Spacebar to temporarily access the Zoom Tool then click on
the spot where you need to zoom in. To zoom out, hold down Alt+Spacebar
and click. To pan around inside the image while you're zoomed in, hold down
the spacebar by itself to temporarily switch to Photoshop's Hand Tool, then
click and drag to move the image around.
For best results with the Spot Healing Brush, you may want your
brush to be slightly larger than the area you are trying to fix. This means you
will have to change your brush size quite often as you make your way from
one problem spot to the next. The fastest way to change your brush size is
with the left and right bracket keys on your keyboard. Press the left bracket
key ([) repeatedly to make the brush smaller or the right bracket key (]) to
make it larger. Also, sine the Spot Healing Brush chooses the replacement
texture on its own, sometimes it makes a mistake. When it does, simply undo
your last step by pressing CTRL+Z on your keyboard and try again.
MOVE FURTHER!
ACTIVITY 1
1. What does resolution mean?
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
2. Enumerate the tools you can use to remove blemishes in an image.
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
27
ACTIVITY 2
Identify the following:
__________ 1. It is the number of square pixels per inch in a digital monitor.
__________ 2. Press this key repeatedly to to make the brush smaller.
__________ 3. Hold this key to pan around inside the image while you're
zoomed in.
__________ 4. This is used as measurement in printers and scanners,
__________ 5. Other term for pixel.
ACTIVITY 3
Hands-On
1. Open picture in Photoshop.
2. Use the Healing Brush, Spot Healing Brush Tool to remove the
imperfections in the image.
3. Save your work with the file name Retouch_Your Name.
28
4 LAYERS
At the end of this lesson, you should be able to:
LESSON • determine the function of layer, opacity and adjustment layer;
• identify the process of creating, viewing, merging, and linking
layers;
• apply blending modes to layers;
• apply a gradient to a layer; and
• add text and layer effects to a layer.
WARM IT UP!
Write T if the statements is true and F if false.
_____ 1. Layers cannot be linked together.
_____ 2. Opacity is the one that lessens the transparency.
_____ 3. When adding another document as a new layer, you can use the
place command.
_____ 4. Text is not a type of layer.
_____ 5. You can rename layers.
GEAR UP!
29
4.3 RENAMING LAYERS
Photoshop automatically assigns layer name but you can still
change or label your own layer.
1. Click the Panel list arrow and click Layer Properties.
2. Type the new name of the layer and click OK.
3. An easier way is to double click the layer name and type your
new name.
Using the Place command. Choose File > Place to open the Place dialog
box with the original document open. Browse to locate the file that you
want to add as an additional layer, and open it. The file appears in your
original document as a new layer. You have the option of resizing or
rotating it before accepting the placement.
Copying and pasting. Copy and paste your documents into one another
as additional layers. Open the document with which you want to make
a second layer. Press CTRL+A to select all. Press CTRL+C to copy your
selection. Open the document into which you want to paste the selection.
Press CTRL+V to paste the previous document into the new one. This
method has a disadvantage from the previous two placement methods
because new layer is imported into your document at its original size. In
order to resize it, you need to choose Edit > Free Transform.
30
4.6 APPLYING BLENDING MODES
Working with Blend Modes is almost always an ecperimental
process. Because it is nearly impossible to predict the results, you always
seem to end up experimenting with different modes and fill opacities until
you get the results you are looking for.
The Opacity slider in the layers panel allows you to blend the
active layer with the layers below by making the active layer translucent,
which in turn allows the layers below to show through. Blend modes
allow the same process to take place, but by using different mathematical
calculations for each blend mode.
Blend Modes
31
• Hard Mix. adds the red, green and blue channel values of the blend
color to the RGB values of the base color.
• Difference. Looks at the color information of each channel and
subtracts either the blend color from the base color or the base color
from the blend color, depending on which has the greater brightness
value.
• Exclusion. Creates an effect similar but lower in contrast to the
difference mode.
• Divide. looks at the color information in each channel and divides the
blend color from the base color.
• Hue. Creates a result color with the luminance and saturation of the
base color and the hue of the blend color.
• Saturation. Creates a result color the luminance and hue of the base
color and saturation of the blend color.
• Color. Creates a result color the luminance of the base color and hue
and saturation of the blend color.
• Luminosity. Creates a result color with the hue and saturation of the
base color and the luminance of the blend color.
Or you can go right click on a layer and choose merge visible on the pop-
up menu.
REMEMBER
When you are working with Photoshop, keep in mind that you need
to make your documents flexible by anticipating changes. With the help of
layers, you can minimize the trouble of repeating what you have already
done or reverting to an original state of the image by making copy and
nondestructive edits and modifications to the document that you are working
with.
MOVE FURTHER!
ACTIVITY 1
Write T if the statement is true and F if false.
_____ 1. Layers cannot be linked together.
_____ 2. Opacity is the one that increases transparency.
_____ 3. The blending option gives you adjustment to the layers.
_____ 4. Flattening layers makes your computer work harder.
_____ 5. You can drag a layer from another picture window.
ACTIVITY 2
Hands-On
1. Import two pictures. The first picture is to be used as the main object and
the second picture as the background.
2. Use the marquee tools to select the main object and remove its background.
3. Create a layer.
33
ACTIVITY 3
Hands-On
34
5 LAYER MASK
At the end of this lesson, you should be able to:
LESSON • create a mask to remove a subject from the background;
• refine a mask to include complex edges;
• create a quick mask to make changes to a selected area;
• edit a mask using the Properties panel; and
• isolate image to replace background.
WARM IT UP!
Complete the words by supplying the missing letters.
1. V _ C T _ R
2. M _ S K
3. R _ F _ N E
4. L _ Y _ R
5. _ S O _ A T E
GEAR UP!
5.1 MASK
In Photoshop, masks isolate and protect parts of an image, just as
masking tape protects window panes or trim form paint when a house
is painted. When you create a mask based on a selection, the area that
you haven't selected is masked, or protected from editing. With masks,
you can create and save time-consuming selections and then use them
again. In addition, you can use masks for other complex editing tasks -
for example, to apply color changes or filter effects to selected parts of an
image.
A layer mask hides an area in a layer to show the layer beneath it.
You can paint the layer mask black to hide the layer beneath it or paint
the layer white to make the layer beneath it visible.
35
• Vector Mask
Along with or instead of a layer mask, each Adobe Photoshop
pixel-based layer can carry a vector mask that limits the visible parts
of the layer through a vector clipping path. Unlike traditional pixel-
based layer masks that can be soft, blurred, or partially transparent,
vector masks always define a fully opaque visible area bounded by a
hard edge.
• Quick Mask
Adobe Photoshop's quick mask appears in the Channels panel
rather than a layer-specific addition to a document. Capable of being
edited just like layer mask, a quick mask provides a temporary pixel-
based visualization of a selection, one that improves on the animated
dotted line called "marching ants" that appears in the document
window. The quick mask shows partially selected areas in complete
detail, whereas the marching ants only show the outlines of fully
selected areas. A Photoshop document can't contain more than one
quick mask, but you can save the selection it represents as an alpha
channel or turn it into a layer mask.
• Clipping Mask
This allows a layer mask or vector mask to apply not only to the
base layer on which it is saved, but to any layer above the base in the
image's layer stack. Designate a mask as a clipping mask by holding
down the Alt key, and clicking on the dividing line between the base
layer and the one above it in the Layers panel.
36
5.4 SELECTION TOOLS
Start with the Quick Selection Tool and drag a selection around
the subject and select everything from top to bottom. The selection can be
visualization by seeing marching ants around the subject. This typically
makes it easier for the next step which involves refining the edge.
Smart Radius: Photoshop looks more closely along the edge of the initial
selection and tries to tighten up the radius size wherever possible.
Smooth: reduces the ragged edges and smoothens them out, just like
rubbing sand paper over rough wood to create a smooth finish.
Feather: creates softer edges while blending the foreground image with
its background to produce a more realistic image.
Shift Edge: causes the edge to grow or shrink (with exactly the sanme
result as Select > Grow or Select > Contract) This is good for when there is
a halo around the edge, as you can choke the mask to bypass those edge.
37
REMEMBER
Use Layer Masks to Erase in Photoshop
Before erasing something, think twice because the history feature in
Photoshop has limits. There are nondestructive ways of removing parts in an
image, like applying a layer mask. It is a good thing to remember that you
can always adjust te modifications that you made to an image.
Erasing is Destructive
Erasing is quick, but going back to the previous state when you made
a mistake is not. Erasing destroys the image permanently if your history
runs out, since you cannot retrieve previous changes that you made to an
image, and there is a chance that you will have to do it all over again.
MOVE FURTHER!
ACTIVITY
1. Why choose layer mask instead of Eraser Tool when changing
background images?
_______________________________________________________________
_______________________________________________________________`
38
6 ADDING TEXT IN PHOTOSHOP
At the end of this lesson, you should be able to:
LESSON • discuss the process of adding text in an image;
• change the size, color, and font of text; and
• create paragraphs and align text.
WARM IT UP!
Identify the following Type Tools.
__________ 1. ___________ 3.
__________ 2. ___________ 4.
GEAR UP!
6.1 INSERTING TYPE
Inserting text is easy in Adobe
Photoshop. You can use the Tools panel
by pressing the Text Tool or pressing T
on your keyboard.
The Horizontal Type Tool will enable you to type text from left to
right. The Veritcal Type Tool will let you type text from top to bottom.
You change the size, color, font, directions and other properties of
the text before and after you type. You can change this in the options bar
These are the available options for the Type in the options bar:
1. Toggle Text Orientation. Allows you to choose between Horizontal
or Vertical.
2. Set the Font Family. Allows you to choose the font for your text.
3. Set the Font Style. Allows you to choose between Regular, Italic, and
Bold.
4. Set the Font Size. This Drop-down menu allows you to set the size of
the font used when displaying the text.
39
5. Set the Anti-Aliasing Mehotd. Alllows you to choose between None,
Sharp, Crisp, Strong and Smooth.
6. Alignment Options. Allows you to set the alignment of the text to
left, center, or right for the horizontal text, and top , center or bottom
for vertical text.
7. Set the Text Color. Brings up the Color Picker dialog box so that you
can select a color for the text,
8. Warp Text. Allows you to distort the text by choosing one of the options.
9. Character and Paragraph Panel. Opens up Character and paragraph
panel.
40
6.3 ADDING TEXT
Point Type
Point Type simply adds the text at the spot or point where we have
clicked in the document with the Type Tool. This is the most common
way of adding text to a document because in most cases, we're just adding
small amounts of text on a single line, which is what Point Type is best
suited for. There is no boundary so you have to press the Enter key to
make a second line.
1. On the Tools panel, click the Type Tool and select the Horizontal
type tool.
2. Click on the image and type your text.
Paragraph Type
This type is a box type that uses boundaries to control the flow of
the characters in the text. This is helpful when you want to create more
paragraphs. By doing this, you need to select the Type Tool and then drag
the tool to create a square border where you want to place your text.
1. On the Tools panel click the Type Tool and select the Horizontal
Type Tool.
2. Click on the image and drag the mouse to form a text box.
3. Type your text inside the text box.
41
BOOST YOUR ENGINE!
3. After that, type 000000 in the Color Picker Value, and click OK.
42
4. Now, select the Horizontal Type Tool. Using the Paragraph Type Tool,
drag around the image approximately on the center.
5. After that, you can now type the following: "Free the child's potential,
and you will transform him into world."
43
6. To adjust the text, you can either highlight them all by dragging or
pressing CTRL+A on your keyboard to select them all, then enter the
values below:
Font: Segoe UI
Font Type: Bold
Font Size: 30pt
Anti-Alias: Sharp
Text Align: Center
Color: ffffff
7. Select the Type Tool again, then click on the bottom part of the image
below the quote and start typing; Maria Montessori.
You will notice that it inherits the previous settings we have from the
previous paragraph that we type.
8. Now, select all the text to edit the text properties with the following
settings:
44
11. On the options bar, select Align Center Vertically to have them all align
at the center.
REMEMBER
Text adds value to the image by supplying information and enhancing
it, but not every image should have a text inside it.
Remember, Adobe Photoshop is not a text editor software; although it
has the advanced tools to add text and format text, if you re to create a book,
a multi-page brochure with a lot of information and text, then consider using
another software.
If you need just a handful of text to further enhance and give information
about the image, you can use the Text Tool to create banners, signages, name
plates, and other materials involving little amounts of text.
MOVE FURTHER!
ACTIVITY 1
What is the difference between Point Type and Paragraph Type?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
ACTIVITY 2
__________1. These fonts have mostly been replaced by OpenType fonts,
but you may run into them if you need to use an older font
to match older material.
__________2. This text is placed inside a bounding box when you choose
this type of adding text.
__________3. This tool will let you type text from top to bottom.
__________4. It brings up the Color Picker dialog box so you can select a
color for the text.
__________5. This consists of set of letters, numbers, and symbols that
have the same weight and style.
45
7 PAINTING IN PHOTOSHOP
At the end of this lesson, you should be able to:
LESSON • discuss the process of using the Brush Tool effectively;
• customize the paintbrush settings;
• paint with Brush and Non-brush Tools effectively;
• use the Paint Bucket Tool:
• use patterns; and
• use gradients.
WARM IT UP!
Word Hunt
Find the words and encircle it.
B R U S H T C
L U S J C G F
E L P A I N T
N B B G D Q N
D Y V U B Z G
R F F U T S S
E G E M O D E
GEAR UP!
7.1 BRUSH TOOL
The Brush Tool is a basic painting tool. It works like a traditional
drawing tool y applying the color using strokes. It is found in the standard
Tool Bar and its default shortcut is the letter B.
The Brush Tool works by adding a shaped mark on a layer, and if
you continue pressing the mouse button or the pen on a tablet, several
marks will be added creating a stroke until you release the pressure.
There are three typesof paintbrush style tools to paint in Photoshop; these
are the Editing, Painting, and Mixing Tools.
• Painting Tool paints by adding color to the actual pixels of the image.
• Mixing Tool paints by mixing colors with the actual pixels of the
image.
46
Remember that by using any of these painting tools, you are
applying destructive changes to the image; meaning , you cannot adjust
afterward, and you can just undo changes based on the limits of your
history or repeat the same process again. That is why it is advisable to
create a copy of the layer you are going to paint on.
2. Select the Brush Tool or Pencil Tool, then choose a brush from the
Brush Presets panel. Do one or more of the following:
47
3. When using the Brush Tool as an airbrush, hold down the mouse button
without dragging to build up color.
Opacity Flow
Brush Preset Blending Modes Table pressure
Preset Table pressure Airbrush
controls size
Brush Panel controls opacity
• Brush Preset - The Brush Preset drop-down menu allows you to select the
style of brush to use. You can also set the size and hardness of the brush.
The size of the brush determines the area of pixels that are affected
by the brush stroke, while the hardness of the brush determines the
intensity of the stroke. When painting, harder brushes mean more color
is added; when editing, harder brushes mean that more effect is applied.
• Brush Panel - This button opens up the Brush Panel to give more
options and variations for the brush,
48
• Clear Blend Mode - turns the pixels you paint on transparent,
much like the Eraser Tool.
The Behind and Clear Blending Modes are not available if the
selected layer in the Layers panel is locked.
• Darken - darkens the image below that you are painting on, the painting
effect is only applied to the undrlying pixels that are lighter than the
value of the brush pixel. This has the effectof the darkening the image.
49
Contrast Blending Modes
These Blending Modes create contrast between the paintbrush
effect and the base pixels, making the lighter and the darker areas darker.
• Overlay - applies the blend by mixing the paintbrush values with the
base pixels while preserving the shadows and highlights.
• Soft Light - darkens of lightens the colors depending on the blend
color.
• Hard Light - multiplies or screens the colors, depending on the blend
color.
• Vivid Light - burns or dodges the colors by increasing or decreasing
the contrast, depending on the blend color.
• Linear Light - increases or decreases the brightness of the color by
burning or dodging them depending on the blending color.
• Pin Light - replaces the colors, depending on the blend color.
• Hard Mix - adds the red, green and blue channel values of the blend
color to the RGB values of the base color.
• Difference - depending on which color is brighter. Difference either
substracts the blend color from the base color in each channel, or the
reverse.
• Exclusion - creates an effect similar to Diffirence but with a lower
contrast.
• Subtraction - creates the resulting color by subtracting the blend
color from the base.
• Hue - combines the luminance and saturation of the base color and the
hue of the blended color for the final result.
• Saturation - combines the luminance and hue of the base color and
the saturation of the blend color to create the final result.
• Color - creates a monochrome effect by combining the luminance of
the base color with the hue and saturation of the blend color.
• Luminosity - creates the inverse effect of Color Mode.
• Opacity - This drop-down menu allows you to specify the opacity of
the painting tool.
• Tablet Pressure Controls Opacity - this option applies if you have a
stylus pen that detects pressure. The pressure on the stylus tip defines
the percentage of opacity involved when painting.
• Flow - sets the amount of applied to an area every time the brush
moves.
• Airbrush - allows you to build up paint based on time instead of
movement; by simply holding the mouse down in one area, you can
multiply the brush's effect.
• Tablet Pressure Control Size - lets the stylus pressure override the
brush or pencil size when painting.
• Color Replacement Tool - replaces one color in the image with
another without affecting the surrounding pixels.
50
Mixer Brush Tool
The Mixer Brush simulates realistic painting techniques, such as
mixing colors on the canvas, combining colors on a brush, and varying
paint wetness across a stroke.
It also lets you use the color palette to mix paint into the image,
use a dry brush to mix the paint on the image, set how much paint is
applied to the brush, and apply other changes to create an effect similar
to painting with actual wet paint on a physical medium.
This is a great too to try if you want to paint over a photo to make
it look more like a painting but don't want to apply a filter.
51
To use it, select the tool and click inside the layer or selection that
you want to fill. Here are your options, all of which are on the options bar:
• Fill - You can select whether to fill with the foreground color or a
pattern.
• Pattern - When you select Pattern on the options bar,
you can select a preset pattern, load patterns from
your pattern libraries, or create a pattern of your own.
If you wouldlike to paint a pattern onto the canvas, you can choose
a pattern from a drop-down list. There is also a pop-up menu next to the
pattern list that allows you to load a different set of patterns, save pattern
presets, and even create new patterns,
• Mode - You can select a fill Blend Mode but if you are usig the Paint
Bucket on a new transparent layer it is much better to adjust the
Blending Modes in the layer to give you more flexibility.
• Opacity - lets you adjust the transparency of the fill.
• Tolerance - specifies how similar in color a pixel must be before it's
selected for painting.
• Anti-Alias - allows you to make smoother edges by blending gradually
with adjoining pixels.
• Contiguous - when selected, the paint fills only pixels that are
touching within your selection. When deselected, paint fills all pixels
within the tolerance level that you specify within your selection.
• All Layers - when using multiple layers, all layers are used to create
the fill, otherwise, only the selected layer is used.
You can prevent the Paint Bucket Tool from filling the transparent
pixels by selecting the Transparency icon in the Lock area of the Layers
panel.
52
The Gradient Picker
With the Gradient Tool
selected, the next thing
we need to do is choose a
gradient, and there's a couple
of ways we can do that. One
is by opening Photoshop's
Gradient Picker; the other is by opening the larger Gradient Editor. The
difference between the two is that the Gradient Picker simply allows us to
choose from ready-made preset gradients, while the Gradient Editor, as
its name implies, is where we can edit and customize our own gradients.
1. Linear
The default gradient style in Photoshop is Linear, but you can select
it manually if you need to by clicking the first icon on the left:It
draws the gradient from the starting point to the end point in a
straight line based on the direction in which you dragged
2. Radial
The Radial style will draw a circular gradient outward from your
starting point:
53
3. Angular
The Angle style also uses your starting point as the center of the
gradient. But rather than transitioning outward in all directions, it
wraps itself around the starting point in a counterclockwise fashion.
4. Reflected
The Reflected style is very similar to the standard linear style, but it
goes a step further by taking everything on one side of your starting
point and mirroring it on the other side:
5. Diamond
The Diamond gradient style transitions outward from your starting
point, similar to the Radial style, except that it creates a diamond
shape.
Gradient Editor
The Gradient Editor lets us choose from any of Photoshop's
preset gradients, just like the smaller Gradient Picker, but it also lets
us edit those gradients by choosing different colors, adding more colors,
rearranging the colors, and removing colors! We can add transparency
to the gradient, and even adjust how the colors transition from one to
the other! And, we can save our gradient as a custom preset so we can
choose it again quickly the next time we need it!
54
A
D E
A. Panel menu
B. Opacity stop
C. Color Stops
D. Adjust values or delete the selected opacity or color setup
To select a
gradient, just click on its
thumbnail. The name
of the gradient you've
clicked on appears below
the thumbnails:
55
Photoshop includes other gradient sets that we can load into the
Gradient Editor, just like we can with the Gradient Picker. To see the list
of additional sets, click the small gear icon:
56
7.5 CHANGING THE GRADIENT COLORS
If you look below the gradient bar, you will see color stops that
look little square color swatches with arrows pointing up at the gradient
above them. There's one for each of the main colors in the gradient. These
color stops tell Photoshop two important things—which colors to use in
the gradient and where to put them:
This opens Photoshop's Color Picker where you can choose the color
that you want as a replacement.
57
Choose a different color from the Color Picker, then click OK.
You can drag the color spot of the newly added color to position it.
Removing a Color
To remove a color from the gradient, click on its color stop to select
it, then drag down and away from the gradient until the stop disappears.
Adding Transparency
Above the gradient bar, there are transparency stops that allow
you to adjust the transparency of different parts of the gradient.
Some of
Photoshop’s
preset gradients
already contain
transparency while
others don’t. If you
want the gradient
to transition from
a solid color on the
left to being 100%
transparent on the right, I can do that by first clicking on the transparency
stop above the right side of the gradient. This enables the transparency
options in the Stops section below the gradient. Click on the arrow to the
right of the current opacity value, then lower the value by dragging the
slider towards the left.
58
Removing Transparency Stops
To remove a transparency stop, click on it to select it, then drag up
and away from the gradient until the stop disappears.
59
3. The Gradient Map dialog
box will appear. Click on
the Gradient Bar to bring
up the Gradient Editor. In
the Gradient Editor click
on the Color Stop arrow
located under the gradient
bar on the left. Then click
on the Color box to open
the Color Picker dialog
box where you will change
the color of the stop.
60
5. Now your back at the Editor. Click on the stop on the right side of the
gradient bar and then click on the Color box again. This time in the
Color Picker set the RGB values to 255-255-0 for a bright yellow and
click OK. Click OK two more times to verify your settings and close the
dialog windows.
REMEMBER
Painting tools enables users to create artworks on a blank canvas
using the Brush Tool, Pencil Tool, Paint Tool, and Gradient Tool in Adobe
Photoshop. It can also be used to enhance photos by means of retouching
them through Dodge, Burn and Smudge Tools.
The painting tools in Adobe Photoshop are all destructive; hence, it is
advisable to create a new layer and paint there. You should also apply the
Blending Modes to the layer to give your more flexibility.
Non-painting tools, such as Paint Bucket Tool, pattern a gradient
which is perfect for creating backgrounds. It can also be used to fill selections
quickly to apply an effect or enhance the image.
MOVE FURTHER!
ACTIVITY 1
What are the three painting tool types in Photoshop and what are
their differences?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
61
ACTIVITY 2
Write TRUE if the statement is correct. If FALSE, change the
underlined word or group of words to make the whole statement true.
___ 2. Normal randomly replaces the pixels of the base color with the
blend color, creating a very pixelated effect, and applies a diffusion
dither pattern around the brush.
___ 4. Flow sets the amount of applied to an area every time the brush
moves.
___ 5. Exclusion combines the luminance and saturation of the base color
and the hue of the blended color for the final result.
___ 6. Hard Mix adds the red, green and blue channel values of the blend
color to the RGB values of the base color.
___ 8. Soft Light applies the blend by mixing the paintbrush values with
the base pixels while preserving the shadows and highlights.
___ 10. .Vivid Light multiplies or screens the colors, depending on the
blend color.
ACTIVITY 3
Hands-On
62
8 DRAWING WITH SHAPES AND PATHS
At the end of this lesson, you should be able to:
LESSON • discuss the process of creating shapes and custom shapes;
• use the Pen Tool;
• use the Pen Tool for selection;
• use the Pen Tool for Filling Path; and
• use the Pen Tool for Clipping Path.
WARM IT UP!
Identify the following drawing tools and write their functions.
1.
2.
3.
4.
5.
GEAR UP!
8.1 SHAPE TOOLS
Adobe Photoshop enables you to draw by creating vector shapes
and paths with any of the Shape Tools, the Pen Tool, or the Freeform Pen
Tool. Options for each tool are available in the options bar.
With the
S h a p e
or Pen
Tools, you
can draw
in three
different
modes: Shape Layers, Paths, and Fill Pixels. You can choose a mode by
selecting an icon in the options bar when you have a Shape or Pen Tool
selected. The mode you choose to draw in determines whether you create
a vector shape on its own layer, a work path on an existing layer, or a
rasterized shape on an existing layer.
63
8.2 SHAPE LAYERS
Shape Layer creates a shape on
a separate layer. You can use either the
8.3 PATHS
Paths draw a work path on the
current layer that you can then use to
make a selection, create a vector mask, or
fill and stroke with color to create raster
Like the basic Shape Tool where you can change the fill color, width,
and height, you can add arrow heads on both edges and change the gap in
between the lines. This is very useful in creating guidelines in projects.
64
8.6 CUSTOM SHAPE TOOL
Photoshop has five geometric shape tools: the Rectangle Tool, the
Rounded Rectangle Tool, the Ellipse Tool, the Polygon Tool, and the Line
Tool. If you want more complex shapes like a heart, sunflower, dog, cat,
etc., Adobe Photoshop comes with these shapes and more and you can
utilize them by choosing the Custom Shape Tool.
You can choose the Custom Shape Tool i the Tools panel at the
bottom the Shapes pop-up panel or the last icon at the right of the Shapes
option barif you already have Shape selected.
The Pen Tool is all about drawing paths, a line that goes from one
point to another - the line may be straight or it may be curved, but it
always goes from one point to another point.
• Freeform Pen Tool - allows you to easily draw vector shapes and
various paths by automatically adding anchor points.
• Magnetic Pen Tool - selecting the Freeform Pen Tool gives you the
Magnetic option in the options bar. When you select the Magnetic in
the options bar, the line you draw with Freeform Pen Tool tries to
follow the boundaries of edges.
• Add Anchor Point Tool - adds anchors and reshapes actual shapes
and paths.
• Delete Anchor Point Tool - is very similar to Anchor Point Tool. The
only difference is that this tool removes anchor points.
• Convert Point Tool - edits existing shape masks and paths by
converting smooth anchor points to corner anchor points.
66
Shape Mode
Path Mode
The simplest path you can draw with the standard Pen tool is a
straight line, made by clicking the Pen tool to create two anchor points.
By continuing to click, you create a path made of straight line segments
connected by corner points.
Note: The first segment you draw will not be visible until you click a
second anchor point. (Select the Rubber Band option in Photoshop to
preview path segments.) Also, if direction lines appear, you’ve accidentally
dragged the Pen tool; choose Edit > Undo, and click again.
67
3. Click again where you want the segment to end (Shift-click to constrain
the angle of the segment to a multiple of 45°).
4. Continue clicking to set anchor points for additional straight segments
The last anchor point you add always appears as a solid square,
indicating that it is selected. Previously defined anchor points become
hollow, and deselected, as you add more anchor points.
5. Complete the path by doing one of the following:
• To close the path, position the Pen tool over the first (hollow) anchor
point. A small circle appears next to the Pen tool pointer when it is
positioned correctly. Click or drag to close the path.
• To leave the path open, Ctrl-click (Windows) or Command-click (Mac
OS) anywhere away from all objects.
• To leave the path open, you can also select a different tool.
68
7. Position the Pen tool where you want the curve segment to end, and do
one of the following:
8. To change the direction of the curve sharply, release the mouse button,
and then Alt-drag (Windows) or Option-drag (Mac OS) the direction
point in the direction of the curve. Release the Alt (Windows) or Option
(Mac OS) key and the mouse button, reposition the pointer where you
want the segment to end, and drag in the opposite direction to complete
the curve segment.
9. Continue dragging the Pen tool from different locations to create a
series of smooth curves. Note that you are placing anchor points at the
beginning and end of each curve, not at the tip of the curve.
Note: Alt-drag (Windows) or Option-drag (Mac OS) direction lines to
break out the direction lines of an anchor point.
1. Using the Pen tool, click corner points in two locations to create a
straight segment.
2. Position the Pen tool over the selected endpoint. A small diagonal
line, or slash, appears next to the Pen tool. To set the slope of the
curved segment you’ll create next, click the anchor point, and drag
the direction line that appears.
3. Position the pen where you want the next anchor point; then click
(and drag, if desired) the new anchor point to complete the curve.
1. Using the Pen tool, drag to create the first smooth point of the curved
segment, and release the mouse button.
70
2. Reposition the Pen tool where you want the curved segment to end,
drag to complete the curve, and release the mouse button.
3. Select the Convert Point tool from the toolbox, and then click the
selected end point to convert it from a smooth point to a corner point.
4. Select the Pen tool from the toolbox, position the Pen tool where you
want the straight segment to end, and click to complete the straight
segment.
1. Using the Pen tool, drag to create the first smooth point of a curved
segment.
2. Reposition the Pen tool and drag to create a curve with a second
smooth point; then press and hold Alt (Windows) or Option (Mac OS)
and drag the direction line toward its opposing end to set the slope of
the next curve. Release the key and the mouse button. This process
converts the smooth point to a corner point by splitting the direction
lines.
4. Reposition the Pen tool where you want the second curved segment
to end, and drag a new smooth point to complete the second curved
segment.
71
Using Shapes as Clipping Mask
Unliike layer masks, where we first need to add a mask to the layer
and then paint or fill areas on the mask with black to hid the area, white
to show the area or gray to partially hide the area, clipping masks simply
use the contents and transparency of a layer to determine which parts of
the layer above it remain visible.
To use shape as a clipping mask, just drawa shape and place it
below the image that you want to clip. After that, press Alt on the keyboard
and click on the middle of the thumbnail in the Layers panel between the
image and the shape.
REMEMBER
Drawing in Photoshop involves creating shapes and paths madr of
vector or pixels. Unlike pixels that lose their sharpness, vector shapes will
stay crisp and sharp all the time even when you resize them.
MOVE FURTHER!
ACTIVITY 1
What is the difference between shape, path, and pixel?
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
ACTIVITY 2
Identify the following:
__________4. This is the first icon on the left with Foreground color icon.
72
WRAP IT UP!
In this module, you have learned the basics about Adobe Photoshop
CS6, from the workspace up to the basic tools and options to create and edit
an image. From here, you are able to open files such as JPEG, TIFF, PDF,
PNG, GIF, and PSD (which is the native format document of Photoshop),
perform basic editing, and save images for web or for print.
Photoshop offers more features that you will learn as you get more
practice and experience in editing and enhancing photos. Always try to
experiment with Photoshop and browse tutorials online on how to produce
different artworks using techniques that are all available in Photoshop.
73
BIBLIOGRAPHY
BOOK REFERENCE
INTERNET LINKS
http://www.essential-photoshop-elements.com/gradient-map.html
https://helpx.adobe.com/photoshop/using/drawing-pen-tools.html
https://helpx.adobe.com/photoshop/using/image_dimensions.html
https://www.photoshopessentials.com/basics/how-to-use-the-gradient-
editor-in-photoshop/
https://www.photoshopessentials.com/basics/how-to-draw-gradients-
with-the-gradient-tool-in-photoshop/
https://www.photoshopessentials.com/photo-effects/place-image-inside-
shape-photoshop/
74