1. Photoshop Selection Tools
Web Design
Section 5-10
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials

2. Objectives The student will
Understand the different selection tools and when to use them
Use selection tools to select part of an image and copy that image to another picture
Use feathering to soften image boundaries
Understand the use of “opacity” to make layers transparent

3. Selection Tools
There are many tools for selection of parts of a picture:
Marquee tools
Lasso tools and Mask tools
Quick Selection tools
Pen Tools
Create new image 600x600 – put black rectangle for background

4. Marquee Tools The marquee tools select areas of different shapes
Hold the space key down to move your selection around (do not let go of the mouse!)
(earth)
Copy earth to black background

5. Lasso Tools
Lasso tools allow you custom surround any area. Give you a rough outline of the area.
You can then use the quick mask tool to refine your selection.
(cow)

6. Quick Select Tools
Quick Select tools try to find the edges of objects. Once you have selected an object you can:
Hold the Shift key down and add to the selection
Hold the Alt key down and subtract from the selection
(face)

7. Feathering
To make a selection have a less “cropped” look you can set a mask and then “feather” your mask
Do the selection
Click on the mask button in the layers panel
Once the face is moved over, cntl click on layer picture in the pallet – to select the image – then click mask button

8. Feathering Click on the Mask tab
Set the “Feather:” up until the edges of the picture look good to you

9. Magic Wand Tool
The magic wand tool works by selecting a consistently colored area (e.g. background).
You set the tolerance for the changes in color.
Note: You can invert the selection (select just the hand) by clicking Select > Inverse
(hand)
Hand and STOP…

10. Opacity
Changing the “opacity” of a layer changes how transparent that layer is.
The higher the opacity the more solid the image appears.

11. Layering Images to Create a Banner
Once you have your images is easy to use the move tool to bring them together as layers in a single file.
Set the order the layers appear on the screen by changing the order in the layers panel.

12. Rest of Today Gather images for your banner.
You will be creating the banner next time.
Make sure you show me all the work you have completed.