1.

Be familiar with the Photoshop

environment.

2. Understand the concept and use

the Photoshop.

3. Create graphics and manipulate

images using the different tools and
plug-ins of Photoshop.
Slide Title
• Make Effective Presentations
• Using Awesome Backgrounds
• Engage your Audience
• Capture Audience Attention
Photoshop is useful for
both creating and
editing images to be
used in print or online.
Easy to use, but full of
high quality features,
Photoshop is the best
choice for any image
manipulation job.
Photoshop is part of the Adobe Creative Cloud
graphic software suite. Photoshop great for
projects like photo editing, architectural
rendering, and painting-like digital artwork.
#1 definition
#2 usage
#3 version
#4 characteristics
#4 characteristics
#5 availability
a. PowerPoint or Presentations
b. Publications and lay-outs
– Hand-out, brochures
c. World Wide Web
– Graphics for web, web
designs, navigations
d. Video Segmenting
e. Digital Materials
Opening Photoshop
Follow these steps to launch the
Photoshop program on your Windows
PC.
1. Click the Windows Start button.
2. Click All Programs.
3. Click Adobe Photoshop.
 Opening a File

1. Click the File menu at

the far left of the
Photoshop menu bar.
2. Click Open.
3. Browse to an image file on your computer and
select it.
4. Click the Open button.
 Setting up your document correctly
from the start will make your job much easier
as you work through your project. This will
require some advanced planning. For
example, if your final output will be a
brochure, you may need to set up your
document to be horizontal and double-sided.
To create a new document, click File > New.
This will open the Document Setup dialog box.
Page Size and Orientation
Change the page size by typing in new values for
width and height. Typing in exact values for Height and
Width gives you more control over the size and
orientation of your page.
Resolution
Resolution is the number of pixels on a printed
area of an image. The higher the resolution, the more
pixels there are on the page, the better the quality of the
image. However, high resolution increases the size of the
file. The standard recommended resolution for printed
images is 150-300, for Web images it is 72.
Color Mode
Choose a color mode that will best fit your
project. For example, when making a graphic for a web
site, choose RGB. When making an image for print choose
CMYK.

Background Contents
Choose the background: white, color or
transparent. When you have entered all of your
document settings, click Create.
 Crop: Removing part of an
image.
Resize: Making an image
Pixel: the smallest unit of a smaller as a whole, without
graphic; a tiny square of removing any part of the
color. image.
Resolution: the PPI (pixels Layer: Photoshop files can
per inch) of a graphic. 300 ppi include many layers; the
is recommended for print, 72 layers stack together to
ppi for web. create the final image. Use
Raster: a type of graphic layers to keep control over
made of pixels; photographs the various parts of your
are raster graphics. graphic. Layers can be
PPI: Pixels per inch; see rearranged, modified,
Resolution. hidden, or deleted.
 : A commonly-used file format for
photos; does not support transparency.
: A commonly-used file format for
photos; does not support transparency.
: A commonly-used file format for
photos with transparency support.
: The file format for your editable
Photoshop files.
 Undo: Using the function Edit → Undo (or the
keyboard shortcut Ctrl-Z) will undo your last
step. You can only use Undo for the single most
recent action in Photoshop.
History: Photoshop keeps a history of your 20
most recent edits. You can step back to any of
these historical steps to undo your changes. See
page 20 for more information about History.
Revert: Revert changes your file back to the last
saved version, undoing all changes made since the
last time you saved, with the function File → Revert.
- Zoom In = Ctrl/Cmd + “+” OR Hold Alt/Opt + Mouse
Scroll Wheel “Up”
- Zoom Out = Ctrl/Cmd + “-” OR Hold Alt/Opt + Mouse
Scroll Wheel “Down”
- Pan Up = Mouse Scroll Wheel “Up”
- Pan Down = Mouse Scroll Wheel “Down”
- Pan Left = Hold Ctrl/Cmd + Mouse Scroll Wheel “Up”
- Pan Right = Hold Ctrl/Cmd + Mouse Scroll Wheel
“Down”
- Free Pan = Hold Spacebar + Mouse Click-and-Drag
1. : A
workspace is the selection of Photoshop
tools laid out on your screen for easy
access. The default workspace is
Essentials.
2. : File, Edit, and more.
Photoshop functions are available from
these dropdown menus.
3. : You will have a tab for each
file you have open.
4. : Frequently-used functions can
be arranged in the Panels area for easy
access.
5. : Tools including move,
select, type, and shapes. See the following
section.
6. : Your main workspace in
Photoshop, where you will work with the
open image.
 Slide Title
Panels, located along the right side
of• Make Effective Presentations
the interface, allow you to
• Using
modify and adjust Backgrounds
Awesome the artwork you
create with tools. Above are the
• Engageopen
panels your Audience
by default. I’ve
• Capture Audience
annotated them with some of the
Attention
standard panel components. To add
additional panels, simply go to
Window in the Menu Bar and select
the Panel you would like to add.
 …displays the
current
foreground and
background colors
and RGB values for
these colors.
 you can choose a
foreground or
background color
and add a
customized color
to the library.
 give you the ability
to apply an effect to a
group of layers… AND
edit that effect later,
while preserving the
original layers.
to view, select, and apply preset layer styles.
stores and displays
each action
performed
allowing you jump
to any recent stage
of the image
alteration.
SOME TOOLS IN THE
TOOLBAR HAVE
ADDITIONAL “HIDDEN”
TOOLS. THESE TOOLS HAVE
SMALL BLACK TRIANGLES IN
THE RIGHT-HAND CORNER.
TO VIEW THE “HIDDEN”
TOOLS, CLICK AND HOLD
DOWN ON ANY TOOL THAT
HAS A BLACK TRIANGLE IN
THE CORNER.
 Layers palette often while
creating a document, so it is
crucial to understand what it
does and how to use it.
A) Layer Visibility - The eye
shows that the selected
layer is visible. Click on or
off to see or to hide a
layer.
B) Layer Locking Options -
Click the checkered square
icon to lock Transparency,
click the brush icon to lock
the Image, click the arrow
icon to lock the Position,
and click the lock icon to
lock all options.
C) Layer Blending Mode -
Defines how the layer's
pixel blend with underlying
pixels in the image. By
choosing a particular
blending mode from the
drop-down menu you can
create a variety of special
effects.
D) Fill -By typing in a value
or dragging the slider you
can specify the
transparency.
E) Opacity -By typing in a
value or dragging the
slider, you can specify the
transparency of the entire
layer.
F) Layer Mask -Allows you
to hide certain parts of the
layer, which can then be
revealed by using the
paintbrush and the white
paint color to expose
portions of the layer.
G) Layer Set -This option
helps to organize images
with multiple layers. Click
the icon to create a folder
for several layers.
H) Create New Fill or
Adjustment Layer -Have the
same opacity and blending
mode options as image
layers and can be
rearranged, deleted,
hidden and duplicated in the
same manner as image
layers. Click the icon and
I) Create New Layer - Click this
icon to create a new layer.
J) Layer Lock - The icon shows
when the layer is locked and
disappears when it is
unlocked. Double-click the
icon to unlock the layer.
K) Layer Options Menu - Click
the black triangle to display
the following options: New
Layer, Duplicate Layer, Delete
Layer, Layer Properties, etc.
Some of the options are
presented as icons at the
bottom of the Layers palette.
M) Link Layers – Can be used
to link layers together.
N) Layer Styles -If a layer has
a style, an “F” icon shows at
the bottom of the Layers
palette. Click the little black
triangle to see style options.
O) Delete Layer -To delete a
layer, select a layer in the
Layers palette and drag it to
the Trash Can icon, or select
a layer and click the icon.
Photoshop gives you the
option of placing the image
as either an “Embedded” or
“Linked” file. Linked files will
update automatically within
your Photoshop document if
the original was modified
independently; Embedded files
will not.
1. Saving your
Photoshop File (PSD)
1. Click File in the menu bar.
When working 2. Click Save As.
with an image in 3. The Save As dialog box appears.
Photoshop, always 4. Choose the location where you
would like to save your file.
save your work in
5. Name your file.
Photoshop’s native 6. In the Save as type dropdown, make
format, the PSD file sure Photoshop (*.PSD;*.PDD) is selected.
format. The PSD file 7. Under Save Options, make sure Layers
is checked.
keeps all layers intact
8. Click the Save button.
so you can edit your
work later.
 1. Click the Image menu in the
2. Saving your File for menu bar.
Print 2. Click Image Size.
Print files 3. Verify that the resolution is
should be saved at a between 220 – 300 pixels/inch
high resolution. The 4. Click the OK button.
recommended After verifying your
resolution is 300 ppi resolution, save a copy of the
(pixels per inch). image:
5. Click the File menu.
 6. Click Save As.
2. Saving your File for 7. Choose the desired image file
Print format in the Save as type
Print files dropdown, such as JPG, PNG, or
should be saved at a BMP.
high resolution. The 8. Choose the location where
recommended you would like to save your
resolution is 300 ppi file.
(pixels per inch). 9. Name your file.
10. Click the Save button.
Note: For resolution less than 220 ppi,
your file may not be suitable for print. See
Adobe’s web page Photoshop / Image size
and resolution for information. You may
be able to increase resolution while
decreasing size, as long as you maintain
pixel dimensions equal to or smaller than
the original.
3. Saving your File for
1. Click File in the menu bar,
Web
look for Export.
When saving
2. Click Save for Web.
files for the web or
3. The Save for Web dialog box
email, the output
appears.
resolution should be
4. Choose a Preset in the Preset
72 ppi. Using the Save
dropdown, such as PNG-24.
for Web function
5. Enter the desired Image Size in
automatically exports
pixels.
your image at 72 ppi.
Note: Note: Enter either Width (W) or
Height (H); the other measurement will
automatically update.
3. Saving your File for
Web 6. Click the Save button.
When saving 7. The Save Optimized As dialog
files for the web or box will appear.
email, the output 8. Choose the location where
resolution should be you would like to save your
72 ppi. Using the Save file.
for Web function 9. Name your file.
automatically exports 10. Click the Save button.
your image at 72 ppi.
Slide Title
• Make Effective Presentations
• Using Awesome Backgrounds
• Engage your Audience
• Capture Audience Attention
Tool Box

The Tool box also known as

tool bar, contains the main
tools for working on
images. Several of which are
especially useful for editing
ecommerce and product
photos.
 Tool Box
Most tools show a triangle icon (see figure),
denoting that more tools are hidden behind
the one you see. To view the additional
tools click and hold down on any
tool that has a black triangle in
the corner.
 Move Tool
The Move Tool is the first tool
visible in the default Toolbar. You
can also access it by typing “V”.
It is used to select and move
objects on the page. Click the tool
button, then click on any object
on the page you wish to move.
The Marquee Tools make quick selection
within your image. It selects an object by
drawing a rectangle, an ellipse or a line
around it.

You can quickly access it by typing “M ”.

To deselect your selection, type CNTRL+D.

There are four options
within the tool to select
different types of areas:
Click and drag on your image to
create your selection. The

will create a rectangular

selection; the
will create an
elliptical selection.

Once you’ve created a selection

with either of these tools, you
can adjust that selection by
moving it, filling it with color or
deleting it.
The Lasso Tools, like the
Marquee Tools, create a
selection within your image.
You can access whichever
Lasso Tool is currently
visible by typing “L”. It
selects an object by
drawing a freehand border
around it.
There are three options
within the tool to
select different types of
areas:

1. Lasso Tool
2. Polygonal Lasso Tool
3. Magnetic Lasso Tool
With the
selected, you can
draw a selection
around any part of
your image using
your mouse. Click and
hold the mouse
button down as you
draw. End the
selection where you
began to create a
complete selection.
The creates a
selection with straight lines. This tool
offers a little more precision than the
Lasso Tool.

Click on the point on your image where

you want your selection to begin. Release
the mouse and click again to create the
first straight edge of your selection. Each
time you click, you create another edge
for your selection. To finish your
selection, click on the same spot where
you began.
The Tool follows
the edge of an object in your image,
allowing more control in your
selection than the Lasso Tool, and
more flexibility than the Polygonal
Lasso Tool.

Click on the edge of your object

where you want your selection to
begin, and then follow the object
as closely as you can with the
mouse. The Magnetic Lasso Tool will
snap to the edge of the object as
you follow it.
The
selects an object in your image
by interpreting and selecting
along defined edges visible in
your image. You can access it
by typing “W” if the tool is
visible in the toolbox. If you
need to start over with your
selection at any time, type
CTRL+D to deselect your
selection.
Over your image, the Quick
Selection Tool will appear
as a small circle with “+”
inside of it. Place the
cursor over an area of the
object you wish to select
and click. The tool will
select a portion of your
image, ending at any
defined edges.
The selects a
portion of your image that has the
same or similar colors. You can
access it by typing “W ” if the tool is
visible in the toolbox.

To use the Magic Wand Tool, click on

a portion of your image that’s all
one color. The Magic Wand Tool
will select the entire area of that
color.
 Crop Tool

The allows you to rotate

and crop image along predefined
parameters.

The Crop tool is especially useful if you

have a series of product images that all
need to be the same size and orientation.

You can quickly access it by typing “C ”.

 Crop Tool

Other than Crop Tool, there

are also three options
within the tool to select
different types of areas:
 Crop Tool
With the Crop Tool selected, go to the top of the
application window where you can control the Crop
Tool settings. Select W x H x Resolution from the first
dropdown option to specify the width, height and
resolution of your cropped image. If you know all
product images need to be 1000px x 1200px at 72 ppi, you
would type those values into the fields just to the right
of the dropdown.
 Crop Tool

Once you’ve set your

width, height and
resolution, click anywhere
on your image to see the
edges of the crop. You can
use your cursor to expand
or reduce the size of the
cropped area, and you can
also rotate the image
within the crop by turning
the edges of the cropped
area at the corners.
The Eyedropper Tool selects a
specific color within your
image and sets it as your
Foreground Color.

Select the tool, click on the

color in the image you wish to
sample. The Color Box will
display this color.

You can access it by typing “I.”

Click anywhere
within your image to
grab the visible
color with the
Eyedropper Tool. The
color you select
will automatically
appear as a new
Foreground Color.
Healing Brush Tool

The Healing Brush Tool

selects a portion of your
image and blends it into
another portion of your
image within the same layer.
It fixes large areas of
imperfection when you
drag over them.
Healing Brush Tool

To use the Healing Brush Tool,

hover your cursor over the
area of your image that you
want to sample.

Move your cursor to the area

of the image that you want to
blend your sample into.
 Healing Brush Tool
Other than Healing Brush Tool,
there are also four options within
the tool: Use the Content-Aware Move tool to
select and move a part of a picture. The
image is recomposed, and the hole left
The Spot Healing Brush quickly removes behind is filled using matching elements
blemishes and other imperfections from from the picture. You do not need to
your photos. You can either click once carry out intensive edits involving layers
on a blemish or drag to smooth away and complex selections.
imperfections in an area.

Red eye is a common issue that occurs

The Patch tool is used to remove when your photo subject's retina is
unwanted image elements. The Content- illuminated by your camera's
Aware option in the Patch tool flash. You’ll see it more often when
synthesizes nearby content for seamless taking pictures in a darkened room
blending with the surrounding content. because the subject’s iris is wide open.
The digital camera flash is located right above the lens,
which causes the “red-eye”; however, you can fix your
photos easily in Photoshop. To remove the “red eye”,
follow the steps below:
1. Open a photo you wish to correct.

2. Make sure your

default Foreground
and Background
colors are black and
white.
3. Click and hold
on the little black
triangle of the
Healing Brush Tool
button and select
the Red Eye Tool.

4.Click on the red part of the

eye and paint, holding down
the mouse button. You will see
how the red will disappear.
The Brush Tool is used to “paint ” on image. To “paint ” with
the Brush Tool, click and drag your cursor over the image.
You can access whichever Brush Tool is currently visible by
typing “B ”.
Other than Brush Tool, there are
also three options within the
tool:
Vary the size, shape,
hardness (smoothness of
the brush edge) and
opacity of the Brush Tool
at the top of the
application window once
the tool is selected.

The will
paint your foreground
color onto your image
within the layer that you
currently have selected.
Clone and Pattern Stamp Tool

The allows
you to select a portion of your
image and repeat it into another
portion of your image within the
same layer. You can access
whichever Stamp Tool is currently
visible by typing “S ”.
 Clone and Pattern Stamp Tool
With the
selected, hover
your cursor over the
area of your image that
you wish to repeat.
your image.

Then, move your cursor to the new area of your

image where you wish to duplicate the original
portion of the image. Click and “paint ”with
your cursor; the portion of your image that
you originally sampled will appear in the
new area of your image.
 Clone and Pattern Stamp Tool
the paints with a pattern defined from your
image, another image or a preset pattern. To use Pattern Stamp Tool:

1. Go to the pattern Stamp Tool option

bar and open the Pattern Picker.

2. Select a
pattern and
brush it on
your photo.
The is use to an
image area from a different state or photo
to your present state.

While the paints

with stylized strokes, using the source
data from a specified history state or
snapshot.

You can access any of this tool that is

currently visible by typing “S ”.
To use

1. Select the
History Brush
Tool, choose a
brush and
blending mode.

2. Click and drag

in the image to
paint.
Photoshop's eraser tool can be found in the second group of
icons in the toolbox. It has three variations:
.

1. The is basically a brush

which erases pixels as you drag it across
the image. Pixels are erased to
transparency, or the background
colour if the layer is locked.

When visible, type “E ” to access the

Eraser Tool.
 When you erase using the
Eraser Tool on a flattened
image, the background
color will appear on the
areas you erase. When you
erase on a layered image,
the pixels on lower images
will be visible through the
erased area of your image.
2. The allows you to remove the
background colour from an image or layer. When you click the image,
the eraser samples the colour at the centre of the brush and erases
this color as you drag it.

3. The erases similar pixels

from an image, in much the same way that the
Magic Wand Tool selects similar pixels within
an image. To use the Magic Eraser Tool:

1. Click on the portion of your image that you

want to remove, such as a background.

2. If all the pixels that you want to remove are

a similar color, the Magic Eraser Tool will
erase all of it in one click.
The gradient tool can be used to draw linear, radial,
angular, reflected or diamond gradients.
To use the , go to the Options bar and click
on the gradient ramp to select a gradient option such as
Foreground to Background color, or click on the small
arrow to the right to open the gradient list.
The Paint Bucket tool fills adjacent pixels that are similar in
color value to the pixels you click. It is grouped with the
Gradient tool in the toolbar. You can fill the inside of a
selection, path, or layer with a color or pattern.
To use the Paint Bucket Tool:
1. Choose a foreground color

2. Select the Paint Bucket Tool

and specify whether to fill
the selection with the
foreground color or
pattern.

3. Click the part of the image

you want to fill,
Material editing and enhancing process is much easier currently
with the 3D Material Drop Tool in the 3D panel. . It is grouped with
the Gradient tool in the toolbar.

With the 3D Material Drop tool, Alt-click a material to load it

then click anywhere to drop it to one more part of your model,
another 3D mesh, or one more 3D layer.

Make use of the 3D Select Product tool to help target the right
material as suggested by the material picker thumbnail in the 3D
panel.
 The Blur Tool blurs hard edges in an image.
Sharper Tool and Smudge Tool are also grouped
with this tool. To use The Blur Tool blurs:

1. Open a
Photograph and
click the “blur”
icon in the main
too menu.
2. Move the blur
tool over the
area that you
wish to blur.
The second one is the Sharpen Tool. It increases the contrast among
adjacent pixels to give the illusion that things are sharper. This tool
sharpens soft edges in an image. To use the Sharpen Tool:

1. Select the Sharpen

Tool and select a brush
and blending mode you
want.

2. Choose the Strength of

the sharpening and paint
it over the areas you
want to sharpen
The Last tool from the group is the Smudge Tool. It is
used to smear paint on your photo. It smudges data in
an image. To use the Smudge Tool:

1. Select the Smudge Tool

and select a brush and
blending mode you want.

2.Choose the strength and

hardness of the brush and
paint it over the areas you
want to smudge.
 Dodge, Burn, and Sponge Tool
1. The is used to lighten the
areas in an image.

2. The darkens pixels you paint.

3. The
saturate or
desaturate a
specific area of
your image.
Photoshop's Pen Tool can be
found in the group of icon’s in
the toolbox.
It has five variations: Pen Tool,
Freeform Pen Tool, Add
Anchor Point Tool, Delete
Anchor Point Tool and
Convert Point Tool.
1. The is frequently used in the 4. The
creation of smooth-edged selections, is used to provide more
but is not a type of selection tool. The control and accuracy when
Pen Tool creates vector paths that can editing. It remove points for
be converted into selections that in easier editing of lines, shapes
turn can be used to extract or mask and curves.
groups of pixels.
5. The
2. The is like the pen edits existing vector shape
tool but the free pen tool lets you draw masks and paths (shape
paths like you’re just drawing with outlines) by converting smooth
pencil on a piece of paper. anchor points to corner
anchor points and vice versa. It
3. The adds edit paths without adding or
anchors and reshapes existing vector deleting any anchor points.
shapes/paths (shape outlines).
Photoshop offers two pairs of
type tools — that assist you with
adding text to your images.

The first pair is the

and the
. it creates type
layers, which show up as
special layers in the Layers
panel that enable you to later
re-edit the text that you put
there.
Known simply as the Type Tool in Photoshop, use
the Horizontal Type Tool to add standard type
to your document.

The Vertical Type Tool adds type vertically from

top to bottom.
FUNCTIONS:
Make use of the Horizontal Type as well as
Vertical Type devices to develop and edit text. The
new text you type is entered in a new text layer.
You can produce single-line text or paragraph
text.
The second pair is the
and the
.it make selections
on the active layer, similar to using
the Rectangular Marquee and Lasso
tools.

The Horizontal Type Mask

Tool creates a selection
outline in the shape of type.
The type is added than
vertically.
Rather than adding
editable text to your
document, the Vertical Type
Mask Tool creates a
selection outline in the
shape of vertical type.
The Path Selection and Direct
Selection Tools let
you quickly move Use the Direct Selection Tool
and manipulate any to select and move an
shape with a path. individual path segment,
anchor point or direction
handle.
With the Direct Selection
The path selection tool can be used to tool, you can select
select an entire path or sub path. Once individual points and
all the points have been active, you segments of a path. After you
can use the path selection tool to select one or more individual
reposition a path, or use the keyboard points and segments, you
arrow keys to nudge the path can add or subtract items
position. to/from the selection.
 Shape Tool
The shape tools allow you to add graphic shapes in the
form of a filled layer with a vector mask, a solid fill, or
as a path outline. Using the shape tools you can draw
rectangular, rounded rectangular, elliptical, polygon,
line or
custom
shapes.
The Hand Tool moves the
portion of an image that
you’re currently viewing. You
can drag your image using this
tool. For more information.
The Hand Tool only works if The Rotate View Tool allows
you’re zoomed far enough you to rotate your image or
into an image that one or document to make it more
more sides of the image are no comfortable to work on.
longer visible. You can quickly Documents can be rotated
access the Hand Tool by clockwise or counter
clicking “H.” clockwise.
The zoom tool is used to zoom in and zoom
out an image. The zoom tool allows you to
zoom in on the image to get a better idea of
the actual pixel makeup of a section you are
working in.
 Set Foreground Color
A tool used to change the foreground
color. It applies color/s to the document,
which is the foreground color (Sometimes
referred to Photoshop’s active color)

Edit in Standard Mode

Edit in Standard Mode is used for
modifying images in the unmasked or
masked area.
1.
is the default screen
mode when you open
Photoshop for the first time.
It displays an image on a dark
gray background for easy
and accurate viewing of
color without distractions,
and also provides a flexible
work area for dealing with
panels.
2.
Allows
you to show the image
while working on it. One
of the benefits of
working in this mode is
that it provides more
area when working on
images.
3. is A
favorite with multimedia
users, it allows you to show
others your document full-
screen with no distracting
screen elements. All menus
and panels are hidden
automatically in this mode;
however, they are still
accessible by hovering the
cursor over the area where
the panels normally reside.