Adobe Photoshop I

The Learning Enhancement Center at

The University of Southern Mississippi
Please do not duplicate without permission
Megan Tousignant
266-5518
Megan.tousignant@usm.edu
http:www.usm.edu/lec

Please do not duplicate without permission from the

Learning Enhancement Center.

Workshop Objectives
Learn a variety of Photoshop tools
Photoshop application environment
Learn the importance of layers
Convert text to images
Saving Photoshop files
PSD
JPG
GIF

Please do not duplicate without permission from the

Learning Enhancement Center.

1
What is Photoshop?
Industry-standard software for
modifying and manipulating images
and photographs
Converts text into images for use on
web sites, presentations, and
publications
Although Photoshop is a high-end
software tool, it can also be used for
simple editing, scanning, and
converting files

Please do not duplicate without permission from the

Learning Enhancement Center.

Create a NEW File

File > New
Set file size and
resolution
Width and height can
be set to many
different
measurements –
pixels and inches are
most common
72 dpi for Web
300 dpi or higher for
print media
Select background
format
Transparent is the
most common
Please do not duplicate without permission from the
Learning Enhancement Center.
setting

2
Canvas Size vs Image Size
Canvas size Image size
Dictates size of Document size
“page” or working Image size
canvas Resolution
Displays size (KB,
MB, etc.) of file

From menu: Image > image size or canvas size

Please do not duplicate without permission from the

Learning Enhancement Center.

Saving Photoshop Files

PSD - native Photoshop format. Always save file as
PSD BEFORE saving as JPG or GIF, or any other file
format.

JPG - Short for Joint Photographic Experts Group,

and pronounced jay-peg. JPEG is a lossy
compression technique for color images. Although it
can reduce files sizes to about 5% of their normal
size, some detail is lost in the compression. Source:
Webopedia.com

GIF - Pronounced jiff or giff (hard g) stands for

graphics interchange format, a bit-mapped graphics
file format used by the World Wide Web, CompuServe
and many BBSs. GIF supports color and various
resolutions. It also includes data compression, but
because it is limited to 256 colors, it is more effective
for scanned images such as illustrations rather than
Please do not duplicate without permission from the
color photos. Source: Webopedia.com
Learning Enhancement Center.

3
PSD Format
PSD Format
Maintains created file in
original Photoshop format
Allows user to continue to
manipulate file
File saved as JPG or GIF
(image files) only cannot
be manipulated from
original format (PSD)
Create separate folder for
PSD files and image files

Please do not duplicate without permission from the

Learning Enhancement Center.

Photoshop Environment

Layers Palette

Toolbox or Tool Palette

Please do not duplicate without permission from the

Learning Enhancement Center.

4
The Photoshop
Toolbox
Marquee
Selector
Lasso
Crop
Eraser
Text
Shapes
Color
Picker
MORE –
see “Tools”
handout forLearning Enhancement Center.
Please do not duplicate without permission from the

more info.

Layers
Layers are a primary
concept in Photoshop
They allow different
elements of the
document to be
manipulated
separately
Think of them as
transparent sheets,
one on top of the other
Layers are controlled
by the Layer Palette

Please do not duplicate without permission from the

Learning Enhancement Center.

5
Layers and the Photoshop Work Area

Working Canvas

New Layer

Please do not duplicate without permission from the

Learning Enhancement Center.

Layers and the Photoshop Work Area

Layer 4 –
text layer
Layer 1
Layer 3

Layer
2

All LAYERS are ON and VISIBLE

Please do not duplicate without permission from the
Learning Enhancement Center.

6
 Create a NEW Layer
Select tool > Click on active window
or
Select LAYER > NEW LAYER
Drag and Drop other JPG or PSD files
onto a new layer or
Copy and paste items from layer to
layer or document to document

Please do not duplicate without permission from the

Learning Enhancement Center.

Layers

EYE icon indicates LAYER

is ON

LAYER is OFF

LAYERS can be turned OFF or ON by clicking

on the EYE icon
Please do not duplicate without permission from the
Learning Enhancement Center.

7
Layers

Text LAYER is ON
All other layers are OFF

Please do not duplicate without permission from the

Learning Enhancement Center.

Layer Order
Layers are ordered as
they appear in the
layer window (1, 2, 3,
etc.)
To change order of
layers
Click on desired layer in
layer window
Drag layer up or down,
depending on order
preference
Release mouse

Please do not duplicate without permission from the

Learning Enhancement Center.

8
Text as Images
Create text with ornate and decorative
fonts
Apply special effects with the
LAYERS STYLES option
Save as image for use on Web sites,
publications, presentations, etc.

Please do not duplicate without permission from the

Learning Enhancement Center.

Working with Text

To insert text, click the Text tool in the
toolbox
Click inside document – a new layer will be
created automatically
Type text as normal. Text options (font
style, color, size, etc.) appear at the top of
the page. Text must be highlighted in order
to make changes.

Please do not duplicate without permission from the

Learning Enhancement Center.

9
Color picker Click inside this
area to select
Selected color
will appear here
desired color

Use the color

picker to select
colors for text, to
paint, to fill, to
draw, etc.
Click the front
square on the
toolbar to open
the color picker.
Front square =
foreground color;
back square =
background color

Check this box if doing

work for the web; uncheck for print Use this slider to change
Please do not duplicate without permission from the
Learning Enhancement Center.
color families

Adding effects to Text and Layers

Be sure you have selected the layer

you want to apply the effect to (text or
otherwise)
Go to Layer – Layer Style – Blending
Options on the file menu
Choose the effect(s) you wish to
apply – you must click on the actual
name of the effect to see its options
Set options if desired, then click OK to
apply
Please do not duplicate without permission from the
Learning Enhancement Center.

10
Adding effects to Text and Layers

Please do not duplicate without permission from the

Learning Enhancement Center.

Adding effects to Text and Layers

Please do not duplicate without permission from the

Learning Enhancement Center.
Click on the actual name of the effect to view effect options

11
A few text effect examples….

Plain text

Emboss
Manipulated text

Outer Glow Drop Shadow

Please do not duplicate without permission from the
Learning Enhancement Center.

History Palette
Window – History
from the file menu
Clicking the actions
allows you to step
back and forth as
you work – sort of
like a “super”
UNDO command!

Please do not duplicate without permission from the

Learning Enhancement Center.

12
Brush Options With a tool (i.e.
paintbrush, pencil,
etc.) selected, click
here to change brush
diameter or style.

Use this slider to manually

adjust brush diameter

Use this area to scroll

through preset styles of
brushes

Please do not duplicate without permission from the

Learning Enhancement Center.

Transforming Objects
Use the corner handles to
increase or decrease size. Hold
the SHIFT key to maintain
proportions.

• Use Edit – Transform to change

the scale, rotation, skew,
distortion,
perspective, etc. of an element
• “Free Transform” allows you to
perform
all of these actions at once
Please do not duplicate without permission from the
Learning Enhancement Center.

13
Applying Filters
Can apply to
photographs or
graphics
Many different
categories to
choose from
Be sure you have
selected the layer
you want to apply
the filter to

Please do not duplicate without permission from the

Learning Enhancement Center.

Applying Filters

Filter options
ClickPlease
thumbnails
do not duplicatefor preview
without permission from the
Learning Enhancement Center.
of each filter. Larger images take time to process.

14
Other useful features
For photographs, check out:
Image – Adjustments
Auto Levels
Auto Contrast
Auto Brightness
Brightness/Contrast
Hue/Saturation
Shadow/Highlights
Image – Rotate Canvas
180°
90° Clockwise
90° Counterclockwise
Flip Canvas Horizontal
Flip Canvas
PleaseVertical
do not duplicate without permission from the
Learning Enhancement Center.

Questions?
Please email or call the LEC if you have
questions or need further assistance with
the topics covered in this workshop –
lec@usm.edu – 266-5518
Megan Tousignant – Lead Trainer
Email: megan.tousignant@usm.edu
Adrian Castillo – Multimedia Specialist
Email: evelyn.green@usm.edu
Sheri Rawls – LEC Director
Email: sheri.rawls@usm.edu

Please do not duplicate without permission from the

Learning Enhancement Center.

15