Using Photoshop to edit Images Photographs Using Photoshop to edit Images

Overview Photograph Guidelines Opening Images for Editing Making Selections in Photoshop Magic Wand, Quick Selection, Marquee, and Lasso Tools Coloring in Selections

Photograph Guidelines When working with photographs – there are several concepts to remember if you are taking your own pictures. Just because you can google an image and save it, doesn’t mean it is ok to use it! Phone quality is catching up with what the high-end DSLRs (Digital Single Lens Reflex) are capable of.

Photograph Guidelines Rule of Thirds: Assists with making the design/layout of a space more interesting Note our Goat– 1/3 of the left, 1/3 down We call this location a Power Point

Photograph Guidelines Leading Lines: Creates visual guides our eyes will follow We normally like to follow from the left to the right

Photograph Guidelines Try to obtain an odd number of objects (3, 5, etc.) Keeps the design more interesting Make sure the layout of the frame makes it clear what the subject is. Example – What is the ‘subject’ of the image to the left?

Photograph Guidelines Do NOT Crop on a Joint! It can ruin a good shot/photograph Also confuses our eyes and throws the viewer off when looking at your subject.

Opening Images for Editing Working with Photographs in Photoshop

Opening Images for Editing Download the ThreePix.psd document, if necessary Two methods for opening files: Double-Click the file (Photoshop will open and then open your document), or Navigate to the start menu and open Photoshop, then choose File > Open from the main menu Browse to and select ThreePix.psd to open it. ThreePix.PSD

Opening Images for Editing Show the rulers and check the size of the Image: Show the rulers by either hitting Ctrl + R or by going to View > Rulers To change the rulers’ measurement values, hover your cursor over the ruler and right-click to see the measurement options (units) If your ruler is not set to Pixels, highlight and click Pixels (Do this for both rulers)

Opening Images for Editing Notice the size of the image (3400 pixels by 1600 pixels (3400x1600)) Select Image > Image Size to see the actual size View the pixels Close the Image Size Window Now Rotate the image by 90 degrees clockwise: Choose Image > Image Rotation > 90 Degrees Clockwise

Opening Images for Editing Background Layers in Photoshop have limited capabilities NOTE: Every file you open or create in Photoshop, by default, will have a locked background layer We can release the background layer and turn it into a standard layer when/if necessary Open the Layers panel (Window > Layers or F7) if it is not already open. To make a Background layer into a general layer there are two methods: Double-Click the background Layer, or Right-Click the background Layer and choose Layer from Background Rename the Layer to England

Opening Images for Editing The Right Click method from Previous Slide to convert a background layer to a standard layer.

Making Selections in Photoshop The Marquees, Lassos & Magic Wand Tools

Making Selections The first group of 9 tools are used to make selections. In Photoshop, selections are based upon pixels, not objects (i.e. Illustrator) Making Selections in Photoshop requires a selection tool to be used, then the selection is adjusted by adding additional selects or deleting selections These tools can also create safe areas to be colored in as well When you have a small arrow in the lower right corner of a tool, this means it is a collapsed icon. Click and hold over the tool to expand the tool All Adobe Products work like this. They try and group the similar tools together.

Making Selections (Magic Wand Tool) Zoom in or locate your Bath Photograph. Select the Magic Wand Tool (Collapsed under the Quick Selection Tool) Click in the Bath sky area, up and to the right. Notice the Marching Ants

Making Selections (Magic Wand Tool) The Magic Wand Tool relies on Tolerance, or the range of pixel contrasts to select. By clicking on a spot (pixel), Photoshop looks for pixels darker and lighter than the one selected. Larger the Tolerance number, the more pixels are selected. To add to a an existing selection Shift-Click the sky to the left of the statue to add to the existing selection

Making Selections (Magic Wand Tool) Notice the selection has “hard” edges, to soften the edges (aka Feather) choose Select > Modify > Feather Change to about 50 pixels and notice what happens to the selected area Hit Cancel –Notice the marching ants are still on your image To get rid of the selection – Use Select > Deselect (CTRL+D) to clear the selection and work with the image as a whole again.

Making Selections (Quick Selection Tool) Compared to its Magic Wand counterpart – uses a brush concept to ‘paint’ in the selection or ‘paint’ off the selection. Working with the Statue/Bath Picture, use the Quick Selection Tool to make a selection around the house Make sure the brush is small, try 30 pt Click on the small top building.

Quick… Deselect Click and drag ,“paint”, his robe.

Making Selections (Quick Selection Tool) Deselecting part of a Selection: Use Alt + Click to delete part of a selection Adding to a Selection: Use Shift + Click to add to a selection Example: If the sky was also selected when clicking the top portion of the building, click in the sky area and deselect it using Alt + Click Deselect the building Ctrl-D to deselect entire selection

Making Selections (Marquee Tool) Four Marquee Tools (Rectangular, Elliptical, Single Row, Single Column) Main ones used: Rectangular & Elliptical Trying a Marquee Tool Select the Rectangular Marquee Tool Select the top of the House Ctrl + D (Deselect) If you hold in the Shift key using the Rectangular or Elliptical Tool, it will force the tool to select in either a square or a circle

Making Selections (Lasso Tool) Three Lasso Tool Types (Lasso, Polygonal Lasso & Magnetic Lasso) All three work in a similar manner: Click to set a start point Drag away from the start point and begin to make your selection Click to add additional anchor points Close the selection by bringing the lasso back around to the starting point and click the starting point to close the selection.

Making Selections (Lasso Tool) Using the top of the House, try the Lasso Tool Free-hand selection tool, you control everything CTRL + D (Deselect) Now try the Magnetic Lasso Tool Click to set a starting point – notice how the lasso follows along the edge of the pixels Uses tolerance and contrast to find the edges Deselect when done practicing

Coloring in Selections Using the selection tools to create protected areas

Brush Specify brush properties

Coloring using Selections Using the statue/bath house image, select the sky around the statue Navigate to the Toolbar and click the Set Foreground Color Tool Select the swatch color from the Swatches color Panel (Window > Swatches)…a light blue…or color picker There are 3 methods for coloring in a selected Area: Using the Fill option from the Edit>Fill Dropdown Painting in the Selection Using the Paint Bucket Tool

Coloring using Selections Method # 1: Using the Foreground Color value for Contents d Choose Edit > Fill (Shift + F5) Select the Options as seen in the Screen Shot: (Note: Remember the Foreground Color was already set in the last slide) Hit OK, you should now see your color applied in the selected areas Do Edit > Undo (CTRL + Z) To try the next method

Result Ctrl Z

Coloring using Selections Method #2 Using the Paint Bucket Tool (collapsed under the gradient tool Click in the selected areas to apply the foreground color Do Edit > Undo (CTRL + Z) To try the next method

Coloring using Selections Method # 3: Using the Brush Tool to color in Selections Select the Brush Tool (fig. 1) Under the Properties Bar, set a Size and Hardness for the Brush (fig. 2) Make sure the Mode is set to Normal (Should be by default) (fig. 3) Fig. 1 Fig. 2 Fig. 3

Coloring using Selections Using the Brush Tool, begin to paint in the selected area Even try painting over the soldier, notice it only applies the color to the selection area. An excellent method for ‘protecting’ the rest of an image OK, painting a car is next .