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

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

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

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

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)

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)

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

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

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…

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

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.

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.