Getting Started With Adobe Photoshop CS3
•
Pictures in photoshop are measured in inches or pixels
measured in inches or pixels.
•
Sizing is done using Image Size or Canvas Size.
Size
•
A pixel is one screen dot.
•
•
If your work is sized at (W) 300 pixels by (H) 200 pixels, it means there are 300 dots horizontally y
and 200 dots vertically.
IMAGE size will calculate automatically the width or height f
from either (W) or (H) number h ( ) ( )
b
you assign.
•
p
g
gg
The entire picture will get bigger or smaller.
•
CANVAS size is a defined size by you both in width and height and
you both in width and height and cropping will occur.
•
Photoshop is all about layers. Think of layers in photoshop as highlighted segments in Word
highlighted segments in Word. Only the highlighted bits are affected. Only the layer you have clicked on is affected.
Photoshop Language Top of the Screen
Menu Bar
Menu
Bar is the line on top with File, Edit etc.
is the line on top ith File Edit etc
Options Bar is the second line (Options bar works with the Tools Palette)
The open space is the CANVAS
Photoshop Language LHS of the Screen
Tools Palette
Tools
Palette
Hover mouse over each tool and it will tell you what it’s for
•To get off of one tool on the Tools Palette, just click onto another one
Each tool will give you tool will give you
•Each
options for use on the Options bar at the top of
Options bar at the top of the screen
Photoshop Language RHS of the Screen
The Layers Manager is on the right‐hand side of the screen. To get off
of one layer, click onto another one.
There is also a menu for layers at the bottom of the Layers Manager. H
Hovering the mouse over the icons will tell you what
i
h
h i
ill ll
h
they’re for.
•Enhancing a photo is all about layers. Make as
many as you need but name them so you won’tt
many as you need, but name them, so you won
be confused about which layer is which.
• When creating a new layer, just double click on
The highlighted “layer
The highlighted layer no.
no.” in blue and give it a
in blue and give it a
name.
Layer ‐ rectangle
Layer ‐ This is a…
Layer ‐ Background
Saving a .jpg and decreasing pixel size to attach to e‐mails or use with PowerPoint
il
i hP
P i
•
On the Menu Bar:
O
h M
B
– File > Open (find your saved picture)
– Image > Image Size
– In pixels, a good size to work with is 700‐900 pixels in either (W) or (H) depending on the picture orientation
– Change the pixel dimensions (don’t worry about the document size)
– Constrained proportions checked
Constrained proportions checked
will automatically resize the image proportionately
– OK
To save a .jpg for decreasing resolution and attaching to e mails:
To save a .jpg for decreasing resolution and attaching to e‐mails:
• If you reduce the size and the picture is too small to work with, click on the % sign on the bottom lhs of the layer and change to say 100%
change to, say, 100%
• Press Enter and then with your mouse drag the blue lines of the layer frame on the canvas down and across to expose th h t
the photo
• On the Menu Bar:
– File > Save for Web and Devices (make sure it is JPEG or GIF –
j
jpeg is more common –
i
O i i d i h k d d “Hi h”
Optimized is checked and “High” quality li
is at least 72). This ensures faster downloading on a web page or printing in PowerPoint
– Save and rename so that your original raw picture is not Save and rename so that your original raw picture is not
compromised
• Go ahead and attach to any e‐mail or use in PowerPoint without worry of size
without worry of size
When manipulating photos:
When manipulating
• Always
Always save as you go in the photoshop
save as you go in the photoshop
program:
– File > Save
File > Save OR Save As (.psd) in order to retrieve or OR Save As ( psd) in order to retrieve or
edit any layers that you’ve created
• Once
Once you have saved a photoshop
you have saved a photoshop document document
using Save for Web and Devices, you cannot retrieve the original you were working with )
retrieve the original you were working with.)
To set the photo at a determined size
To set the photo at a determined
• From the Menu Bar:
– File > Open > Select your photo
• Image > Canvas Size
– Change inches to pixels
Ch
i h
i l
• Canvas size is all about anchoring portions of a photo which you want to
photo which you want to keep. Remember the rule of thirds.
• Whichever arrow you click Whichever arrow you click
on is the “anchor”. The anchor retains that portion of a third.
To set the photo at a certain size (width):
•
•
•
•
FFrom the Menu Bar:
th M
B
– File > Open > Select your photo > Open
Image > Canvas Size
– Change inches to pixels
To change the width (either rhs or lhs), click on the arrow in the square on the side of the photo you want to keep ‐‐ this is the anchor – and change the width size (e.g., from 800 to 400)
OK and proceed
– In this case I kept the rhs. You see the tree is gone
To set the photo at a certain size (height):
• From the Menu Bar:
– Image > Canvas Size
– Change inches to pixels
Change inches to pixels
• To change the height (either top or bottom), click on the arrow in the square on the
arrow in the square on the top or bottom of the photo you want to keep ‐‐ this is th
the anchor
h – and change d h
the height size (e.g., from 800 to 400)
• OK and proceed
– You see the bike path is g
gone
Experiment with brightness and contrast:
• File > Open > Select photo
• From the Menu Bar:
– Image > Adjustments > Brightness/Contrast
• Make
Make sure that Preview is sure that Preview is
checked
– Play around with the b h
brightness and contrast
d
– OK
• File
File > Save for Web and > Save for Web and
Devices if you’re finished
Adding text to the photo:
• File
File > Open > Select Photo
> Open > Select Photo
• From the Tools Palette, click the text
icon
• Choose the font style, size and Ch
th f t t l i
d
colour in the Options Bar
• Click on the photo and type the text
– Note
Note in the Layers Manager, the new in the Layers Manager the new
layer with the text
• Click on the Move tool on the Tools Palette and place the text anywhere you choose on the photo
h
h
h h
• To release the text mode, click on another tool in the Tools Palette
• Save in .psd
Save in psd if you want to close and if you want to close and
make changes at another time
– File > Save OR Save As
To enhance text on the photo:
•
•
•
•
Double click on the text tool in the Do
ble click on the te t tool in the
Layers Manager (the text on the photo will be highlighted)
To create Drop Shadows on shapes or text, click on the proper layer in the Layer Manager
– On the Menu Bar select Layer > Layer Style > Drop Shadow (play around with different settings)
To create special effects like Bevel and Emboss
– On the Menu Bar, Select Layer > On the Menu Bar Select Layer >
Layer Style > Bevel and Emboss and play around with different settings for desired texture
– Check drop shadow or inner or Check drop shadow or inner or
outer glow and experiment with structure or shading and then OK
If you think you’re finished File > Save f W b dD i
for Web and Devices, if not File > Save as if
Fil S
.psd
To add another layer:
•
•
•
On the Layers Manager, from the Menu Bar at the bottom, add a new layer (it looks like a folded bit of paper) and name it ‘rectangle’: double click on the Layer # to rename
to rename
With the rectangle layer highlighted in the Layers Manager (click on it), on the Tools Palette select the Rectangular Marquee Tool ‘M’ icon
With the mouse, draw a rectangle around the text
– If the colour in the Options Bar is a ,
solid colour, the text will be hidden
– If there’s no colour at all, provide one from the Menu, bottom of Layers Manager (1/2 filled circle)
• Solid Colour > Pick one > OK
– On the Layers Manager, drag the rectangle layer below the text layer and the text will be revealed
Changing text orientation
Changing text orientation
•
To change text orientation
– Double
Double click on the text tool click on the text tool
on the text layer in the Layers Manager
– From the Options Bar click on the Orientation Tool – You may need to resize the text on the Options Bar to make it fit
•
To rotate text or shapes
– Click
Click on the layer you want on the layer you want
changed in the Layer Manager
– From the Menu Bar, Edit > Transform > Rotate or flip horizontally or vertically
• Click on Apply if you’re satisfied
– Using the move took in the Tools Palette, move the shape over to the text
Experimenting with layer shapes
Experimenting with layer shapes
•
On the Layers Manager, from the Menu Bar at the bottom add a new
Menu Bar at the bottom, add a new layer and name it ‘butterfly’
– Right click on the Rectangle Tool ‘U’ in the Tools Palette
– Click on Custom Shape Tool
p
– On the Option Bar, click on Shape:
– Find the butterfly and click on it
– Outline a butterfly – as big as you want – on your photo
– In the Options Bar, you can change the I h O i
B
h
h
colour or style
– If you want another one, click on the butterfly layer in the Layer Manager, right click, duplicate layer
– Click on the duplicate layer in the Layer Manager and using the Move tool in the Tools Palette, move the duplicate somewhere else on the canvas
Cropping & Rotating
Cropping & Rotating
• Cropping is better done pp g
using the Anchor method
– Crop tool on the Tools Palette is tricky.
Palette is tricky.
– Remember that when cropping, the image inside the rectangle is what is
the rectangle is what is kept; everything outside of the rectangle is removed
• If
If you
you’re
re having trouble having trouble
dragging the crop tool, use ESC to undo.
To rotate a photo:
p
• From the Menu Bar:
Image > Rotate Canvas > choose from horizontal, h
f
h i
l
vertical, or arbitrary
Erasing, Blurring, Lightening, Darkening
• On the Tools Palette, click on the eraser.
h
– Choose a size from the Options Bar at the top – you’ll have to play around with the
have to play around with the size.
– Hold down the left side of your mouse and erase whatever you need
whatever you need
• For larger portions, RIGHT CLICK on the eraser tool and select Magic Eraser Tool to
select Magic Eraser Tool to erase chunks.
• To blur edges, click on the Blur Tool in the Tools l
l
h
l
Palette. – Choose the size of brush (strength indicates how much
(strength indicates how much blur you’re adding)
– Hold down the left mouse button and blur the edges
• To lighten or darken use the Dodge Tool
– Choose a Range, play around with shadows midtones and with shadows, midtones
and
highlights.
– Use the mouse to brush across the canvas.
To create a collage
To create a collage
• Create a new canvas
•
– From the Menu Bar:
File > New
– Make sure Resolution is 72 pixels/inch, Color Mode is RGB 8 bit, and Background contents: b
d
k
d
Transparent
– Name the file and choose the size of the canvas (e g if you
size of the canvas (e.g., if you want to size two pictures at 270 (W), you can put them side by side on a canvas of 270+270=540 pixels (W)
For a 540 width pixel page and a square of four squared sized pictures the sample of the new
pictures, the sample of the new canvas size here is 540 (W) by 540 (H) > OK
•
•
•
•
•
•
•
•
•
•
•
Open a picture on the canvas: File > Open from saved photos
Image > Image Size
K i Wid h 270
Key in Width 270
If the Height is now under 270, switch and size Height first at 270 > OK
You will see now that the Width is now bigger than 270 (which means you can crop it to 270 using Canvas Size). First click OK (don’t worry about document size).
)
If the picture is now too small, increase the % on the bottom lhs of picture + Enter and drag the sides using your mouse to enlarge
*Image > Canvas Size: change to pixels
Decrease either (W) or (H) to get a square of 270
Decrease either (W) or (H) to get a square of 270 pixels
Anchor whichever side or top or bottom you need to decrease the size
Play around with the edges, left and right, or top or bottom to get most of your picture in the square –
click on proceed each time**
li k
d
h ti **
Repeat from * to ** until you get a 270 x 270 square
Click on the move tool from the Tools Palette and move the first 270 x 270 picture onto the New Canvas
Moving Canvas Sized Pictures one by one onto a “New” canvas
“
”
If you want to make a New Canvas a little bigger (say by 40 pixels = 590 square), you can make a frame around p
q
), y
your pictures by creating a solid colour as a background
•Click on the New Layer
•Layers Manager Menu at the bottom: Create new fill > Solid Color > Pick the colour > OK
•Drag the new colour fill layer down until the pictures are •Drag the new colour
fill layer down until the pictures are
exposed in the Layers Manager
Finished Collage
Finished Collage
To switch heads
To switch heads
• Open two pictures –
p
p
one “heads from” and one “heads to”
– Ei
Either on the Menu: h
h M
Layer > Duplicate Layer or save as new pictures so you don’t lose the d ’ l
h
originals.
• With the photo selected p
that you want to take the head from, use the Lasso Tool on the Tools
Lasso Tool on the Tools Palette and with the mouse draw a selection around the head – it doesn’t need to be precise
• CTRL + C (copy the head))
Switching heads…cont’d.
Switching heads…cont
d.
• Select the photo that p
you want the head on, CTRL+V (to paste)
– The
The head is now on the head is now on the
second photo
– CTRL+T to go into transform mode and
transform mode and resize (if needed) to fit the head proportionately over the bodyy
• Use the move tool to position the head
Switching heads…cont’d.
Switching heads…cont
d.
• Right click on the eraser g
tool, choose “Eraser Tool”, choose the brush size in the Options Bar
size in the Options Bar and erase any parts of the picture you need
p
y
• Save the photo in .psd if you want to play some more or File > Save for Fil S
f
Web and Devices if done.
Helpful Hints
Helpful Hints
•
•
•
Use the red eye function from your camera’s software and then save your picture with red eye removed in its raw format before bringing into photoshop
i
ih d
di i
f
b f
bi i i
h
h
Esc on your keyboard will get you out of keystrokes made by mistake
If you find you haved lost a photo on the canvas, on the Menu Bar:
– Window > Arrange > Cascade
Window > Arrange > Cascade
•
•
•
•
•
If you change your mind or make a mistake you can also undo by selecting Edit on the Menu Bar > Undo OR Step backward
y
g ,
g
y
y y
On the Layers Manager, clicking on the eye will hide and show the layers you are working on
Don’t forget that in order to have layers exposed, you may have to drag the layers in the Layers Manager either up or down
If
If you want to experiment with something to see if it works, create a duplicate i
ih
hi
if i
k
d li
layer (or copy): right click on your photo, OK
Most Social Science web pages have style sheets that accept pictures across the page at 540 pixels per inch
the page at 540 pixels per inch