Photoshop

What is Photoshop?
Photoshop is a Worldwide Leading Digital Imaging
Editing Software image-editing standard
- The professional

General usage of Photoshop

- Creating images
- Editing existing images
The Power of Photoshop is like THIS!
 Who uses Photoshop?
Photoshop is Used by millions of Graphic
Artists, Web Developers, and Journalists
It is gaining popularity in:
Marketing/Advertising
Public Relations
Business Management
Software Programming
News Editing
SEO/Consulting
Why use Photoshop?
To Express Yourself
Retouch & Edit photos
Restore Old Images
Enhance a Portfolio + Resume
Exceed certain job requirements
Complement your skillset
Share work with family & friends

About Photoshop
Examples
1. Image Editing
1. Cropping
2. Color Adjustment
3. Applying Filters
4. Brightness/Contrast
5. Blur/Burn/Dodge
6. Hue/Saturation
7. Noise Reduction
8. Sharpen/Soften
9. Gamma Correction
Retouching a
10. Healing an image photo

Examples
Photoshop offers
many different
auto-effects
2. Photo Manipulation: Application of image
editing techniques to photographs to create an
illustion/deception.
1. Creativity
2. Effects + Filters
3. Brushes
4. Layering
5. Use of Text
6. Masking/Opacity
7. Combining Images
8. Stock Images
9. Image Blending
10.Applying Textures
Use of Creativity!
3. Vector Drawing:
Using clean, defined lines & shapes
to create artwork (like the circles on
this powerpoint)

1. Pen Tool

2. Shape Tool

Curves by Pen
Tool
Shapes combine
Shape Tool and Pen
Tool
Photoshop uses:
Design
 Integrate images

+ =
Merging Different
 Restoration of old photos
 Design posters
 Web sites
Goals for Tutorial:
1. Learn Basic Tools:
1. Move, Selection, Eraser, Crop,
Clone, Text, Layers
2. Learn Photo Effects:
1. Brightness, Saturation, Color
Balance, Levels & Curves, Blur,
Layer Effects, Lighting
3. Basic Photo Manipulation:
1. Put two images together
2. Change overall composition,
lighting

Basics of
Photoshop
Your Workspace in Photoshop (in CS6):

Toolbar Workspace Layers

Your Workspace in Photoshop (in CS5):

Toolbar Workspace Layers

Menu < >
1. File
2. Edit
3. Image
4. Layer
5. Filter
6. View
7.Windows
1. File
Save, Save as, Save for web
- Save
- Save as: Save as a new filename
- Save for web: Save a image as a form
of *.jpg or *.gif which is used for
web image
Import, Export
- Import: Bring another image into the
canvas you are working
- Export: Sending the image you are
working to other applications
Print
LIST OF FILE FORMATS

File name Description

extensions

.PSD Adobe photoshop uses photoshop document or PSD file format by defalt.

The joint photograph experts group(.jpeg; .jpg; .jpe) file name extension is used
.JPEG for digital phography.

The graphics interchange format or GIF includes(.gif) file name extension is

.GIF popularly used for creating webpage, elements,logs,etc.

The portable Network Graphics or PNG (.png) format was designed as an

.PNG alternative to GIF and JPEG formats.

The tagged image file format or TIFF (.tif; .tiff)saves and preserves all of the
.TIF original image data.

The portable document format (PDf) file format is used to encapsulate the text,
.PDF fonts,graphic and other information needed to display it.
2. Edit
a. Undo, Step Forward/Backward
- Undo: Cancel the last work
- Step Forward: Move to the next stage
which you did
- Step Backward: Move to the previous
stage which you did

b. Cut, Copy, Paste

- Cut: Get rid of a part which you select
- Copy: Copy a part you select
- Paste: Attach the part you copied
3. Image
a. Mode: Select a type of color

b. Image size, Canvas size

- Image size: Change the size of the image
- Canvas size: change the size of the canvas
where you are working
(Bottom of your image)

c. Rotate canvas: Changing the direction of

your canvas
4. Layer
a. New, Delete
- New: Create a new layer
- Delete: get rid of a layer you selected

b. Arrange
- change the order of layers

c. Merge
- Make layers into one layer
5. Filter
-Various Kinds of technical effects
6. View
a. Zoom in/out
- Zoom in
- Zoom out

b. Print size
- Help you to print only what you need

c. Extras
- Showing horizontal and vertical lines
by dividing into separate sectors
7. Windows
- The same function with view in other
Windows applications such as MS-Office

You can select what you want to make

visible on your page and what you dont
want to make visible on your page
D. Toolbar
1. Marquee, Lasso, Magic Wand, Crop
2. Move
3. Brush, gradient, paint bucket
4. Erase
5. Clone Stamp, Pattern Stamp
6. Smudge, Dodge, Sponge
7. Text
8. Set Foreground/Background color
 Move : Move the image on a selected layer to other
part of canvas you are working

Brush: basic tools for drawing a line

Gradient: this help you to paint stage by stage with

more than 2 colors

Paint Bucket: fill out a cropped part with just one

click of this tool
 Marquee: Select a part of an image you are working
with arranged form such as rectangular and elliptical.

Lasso: Draw selection paths freehand with a mouse

- If you click and hold, you can change the tool
so that you can draw polygons

Magic wand: select all the same-color or similarly

colored adjacent pixels

Crop: Crop the image

- The selected area will be surrounded with a blinking
dotted line
 Erase :Erase what you cropped or where you click
with your mouse after selecting this tool

Clone Stamp: copy a selected part and restore

it where you want

Pattern Stamp: this is nearly the same tool with

clone stamp, but you can arrange the shape you
cropped, and you can use it as a fixed shape
 Smudge: effect as such rubbing canvas
with fingers

Dodge: Make it bright the part where you scrub

with this tool.

Sponge: Saturate or desaturate selected part of

an image.

Text : Type in various characters

 Foreground color: the color of image what you
draw with a drawing tool such as brush tool

Background color: when you use the gradient

tool, the color will be different from the foreground
color.
Palette
1. Color/Swatches/Styles Palette

2. History/Actions/Tool Preset Palette

3. Layers Palette
1. Color/Swatch/Styles Palette
- Color Palette: Mix the color (basically
RGB colors) and select it for the
foreground and background colors.
c.f) In case of another color type, you can
choose it among the list of the pop-up menu

-You can choose colors among the

samples of colors.

-You can choose a special effect of

colors on the layer you selected, such
as texts, buttons, and images
3. Layers Palette

Layer Palette: Separate each

step of Works from others.
By making layers and working
different steps on each layer, you
can make separate effects on each
layer.
 Photoshop Tools

Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Brush Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
Stroking a Selection

Editing a Photo 43
Modifying a Selection

Editing a Photo 44
Switching Foreground
and Background Colors
Click the Switch Foreground and Background Colors button to reverse
the colors

Editing a Photo 45
 Deselecting
Click Select on the
Application bar and then
click Deselect to remove
the selection

46
 Crop Tool

Before After
 Crop Tool

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Brush Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 Spot healing brush tool
.

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Brush Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 healing brush tool

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Brush Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 Patch Tool

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Brush Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 Red Eye Tool

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Content Aware Move Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 Content Aware Move To

Before After
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Content Aware Move Tool
Clone Stamp Tool
Eraser Tool
Gradient Tool
Paint Bucket Tool
Type Tool
Shape Tool
Mask.
 Clone Stamp Tool

Before After
 Coloring old photos after restoration

Before After
 History Palette :
- Windows -> History
- display all steps until 20 step, if you want increase it, go to
menu edit -> preferences -> General -> performance then
increase the History States..

Action Palette :
- Windows -> Actio
- Palette contains a set of ready-made steps ..
 Photoshop Tools
Selection tools
Crop Tool
Eyeddropper Tool
Spot healing brush tool
Healing brush tool
Patch Tool
Red Eye Tool
Content Aware Move Tool
Clone Stamp Tool
Eraser Tool
Brush Tool
Gradient Tool
Type Tool
Shape Tool
Mask.
 Type Tool
 Zoom Tool
Click the Zoom Tool button
on the Tools panel to select
the Zoom Tool.

Move the mouse pointer into

the document window to
display the magnifying glass
mouse pointer

Click the location of the

photo on which you wish to
zoom in until the photo is
zoomed to the desired level

66
 Hand Tool

Click the Hand Tool button on the

Tools panel to select the Hand Tool

Drag in the document window to

display the center portion of the
photo

67
Creating a New Doc
1. Name your file
2. Set Width & Height to
2560x1600 pixels.
3. Resolution set to default
72 pixels/inch
a. More pixels/inch increases
quality for the same
width/height

4. Set Mode to RGB

a. In contrast to what others
say about starting with
CMYK (Color mode for
print), starting with RGB
gives you more flexibility
For Newsletter, use:
and access to photo Height: 8.5 in, Width: 11 in
manipulation tools. Convert Resolution: 300 pixels/inch
to CMYK at the vey end. Color Mode: RGB
5. Set Background Contents (ImageModeCMYK at very end)
to White
Basics of
Photoshop
Opening a Recent File
Click File on the Application
bar and then point to Open
Recent to display the Open
Recent submenu
Click the desired file on the
Open Recent submenu to
open the file

Editing a Photo 69
 Layers
1. Photoshop
works in
layers
2. Allows for
easier editing
and photo
manipulation
3. Layers above
are always on
top of the
layer below Change opacity of a layer Click here to create new
here. layer on top of selected
(0% hides layer, reveals bottom layer.
layer) Windows: (Ctrl + Shift + N)
Macs: (Cmd + Shift + N)
Basics of
Photoshop
 Text formatting
Selecting the Horizontal Type Tool

Click the Horizontal Type Tool

on the Tools panel to select it
If the solid T icon does not
appear on the button, right-
click the button to display its
context menu, then click
Horizontal Type Tool in the list

72
Setting Font Options
On the options bar, click the Set the font family box arrow to display
the list of font families
Scroll in the list and then click the desired font family
Click the Set the font style box arrow to display the list of font styles
Click the desired font style
Select the value in the Set the font size box, and then type desired
size

Editing a Photo 73
Setting Font Options
Click the Set the text color box to open the Color Picker (Text Color)
dialog box
Click the desired color
Click the OK button in the Color Picker (Text Color) dialog box to apply
the text color

Editing a Photo 74
Inserting Text
With the Horizontal Type Tool selected, drag a bounding box in the
desired location
Type the desired text
On the options bar, click the Commit any current edits button to
finish the new layer

Editing a Photo 75
Inserting Text

Editing a Photo 76
Stroking Text
With the new layer still selected on the Layers panel, click the Add a
layer style button on the Layers panel status bar
Click Stroke in the list of layer styles to display the Layer Style dialog
box
Type the desired stroke size in the Size box
Click the OK button in the Layer Style dialog box to accept the settings
and add the stroke

Editing a Photo 77
Stroking Text

Editing a Photo 78