How to Remove the Background of an Image in Photoshop CS6 Introduction This guide will teach you how to simply remove the background of an image in Photoshop CS6 using the Magic Wand Tool and the Quick Selection Tool. Depending on your needs, you may use a transparent image to add beautiful background-free images to documents, presentations, and websites. This guide explains how to remove the backgrounds of simple images using selection and deletion. This method works best for images with simple backgrounds with a solid background color, smooth edges around the object, and a distinct contrast between the foreground and the background. These instructions may not be for you if your image is detailed or intricate around the edges or has a background with a similar color to the foreground. The rest of this guide will introduce you to the basic selection tools in Photoshop CS6, provide step-by-step instructions to remove a background using the Magic Wand and Quick Selection tools, and how to troubleshoot potential problems when removing a background with this method.
Overview of Photoshop CS6 Navigate the major Photoshop CS6 selection tools with Figure 1. To remove the background of your image, you may need to use the tools in the diagram below.
Figure 0 - Overview of Photoshop CS6
1
Photoshop Tools Overview:
Background Eraser Tool: Change particular colors of a layer to transparent by clicking and dragging. Eraser Tool: Change parts of the layer to transparent by clicking and dragging. Layers Panel: Displays all layers within the document. When a particular layer is selected, your actions will only affect that layer. Magic Eraser Tool: Change all similar pixels to transparent by clicking a particular color. Magnetic Lasso Tool: Select an object with
magnetic points that snap to the edge of an object. Add points by clicking and moving your cursor. Remove points by pressing backspace (Windows) or delete (Mac). Magic Wand Tool: Select similar pixels by clicking the layer. Move Tool: Move objects in a given layer around the Photoshop canvas by clicking and dragging. Quick Selection Tool: Select an object by clicking and dragging.
Materials Needed •
Adobe Photoshop CS6
•
Image file with an unwanted background (JPG or PNG file preferred)
Directions There are many different methods to remove a background in an image; however, no matter the method you choose, prepare to remove the background with the following steps.
1
Open Photoshop CS6.
Figure 1 – Opening Photoshop CS6
Open Photoshop CS6, preferably on a Windows or Mac operating system. If you are using an earlier version of Photoshop, the tools should hold similar functionality; however, they may appear differently or be located in different places within the program.
2
Figure 1 – Opening the Image
2
Open the image you want to edit.
3
Select Layer from Background.
Figure 3 – Opening the Image
Select FILE from the menu bar, then click OPEN. Browse for your image file, SELECT the image, then click OPEN. Figure 4 – Layer from Background Figure 5 – Layer from Background
In the Layers Panel, RIGHT CLICK the LAYER named Background. Click LAYER FROM BACKGROUND. RENAME your layer to the name of your choice. Press OK. Without removing the layer from background, your background cannot be transparent.
3
Remove a simple background with the Magic Wand Tool. The Magic Wand Tool selects pixels based on tone and color. Since this selection tool does not select pixels in an image based on shapes or by detecting object edges, this tool is best for images with simple backgrounds with a solid background color, smooth edges around the object, and a distinct contrast between the foreground and the background.
1
Select the Magic Wand Tool on the vertical toolbar.
2
Adjust your selection settings on the top horizontal toolbar.
On the left vertical toolbar, right click the wand icon and select the Magic Wand Tool. (See Figure 1 on page 1.) Figure 6 – Changing Settings on the Options Toolbar
Select ADD TO SELECTION, change your sample size to POINT SAMPLE, change your tolerance to 32, and CHECK anti-alias, contiguous, and sample all layers. (See Figure 6.) While these are good default settings, you may need to adjust them based on the image. Refer to the descriptions of each setting below. New Selection: Useful to generate a single, new selection. When chosen, generates a new, different selection with every click. Add to Selection: Useful to select multiple objects or multiple parts of an object. When chosen, creates a new selection and adds to the current selection with every click. Subtract from Selection: Useful to correct mistakes or remove parts of the selection. When chosen, every click removes a portion of the current selection. Intersect with Selection: Useful to select intersecting parts of an image. When chosen, this tool views your initial selection, and your current selection, and keeps only the area where both sections overlap. Tolerance: A tolerance of 32 would select our current selection, plus any pixels that are up to 32 shades darker or 32 shades brighter. Therefore, a higher tolerance value would increase your selection size and a lower tolerance value would decrease your selection size. Anti-alias: When selected, smooths out edges by applying a slight blur to them. Contiguous: When selected, only pixels that fall within the acceptable tone and color determined by the tolerance option and are side by side will be selected. Sample All Layers: When selected, all layers, regardless of if they’re active or not, will be included in your selection.
4
3
Figure 7 – Selecting the Background
Make your initial background selection. To avoid selecting your object, CLICK a portion of the background FAR from your object to make your initial selection. You should see animated dotted lines indicating your selection (see Figure 7). You should only need to click once to select a good portion of your background. Best practices: As demonstrated in Figure 7, CLICK within the GREEN CIRECLES to ensure a GOOD selection that does not overlap your object. Worst Practices: Do NOT click within the RED BOX as this includes shadows, uneven backgrounds, and your object. NOTE: You do not need to select the entire background on your first click, and it is ok to have small parts of your object selected. If you have selected your entire object or only a small portion of your background, press Control (Ctrl)+D (Windows), Command (⌘ Cmd)+D (Mac) to deselect and try again. If you have selected most of your background, proceed to Step 4.
5
Figure 8 – Subtracting with Quick Selection Tool
4
Figure 9 – Changing the size of your selection tool
Refine your selection with the Quick Selection Tool. In this step, you will select the remaining details of your background that you may have missed in Step 3. To REMOVE a portion of your selection, RIGHT CLICK the WAND icon on the vertical toolbar. Click QUICK SELECTION TOOL. On the horizontal toolbar, click the SUBTRACT FROM SELECTION icon (see Figure 8). To change the size of your brush, click the DOWNWARDS ARROW to the right of the Subtract from Selection icon, then drag the slider to the right (larger) or left (smaller) (see Figure 9). Figure 10 – Select Add to Selection To ADD smaller portions to your selection, follow the instructions above to select and resize the QUICK SELECTION TOOL. Click the Add to Selection icon (see Figure 10). To UNDO your last move, either press Ctrl+Z or ⌘ Cmd+Z (Mac). To REDO what you just undid, press Ctrl+Shift+Z (Windows) or ⌘ Cmd+Shift+Z (Mac). To RESTART your selection and restart, either press Ctrl+D (Windows), ⌘ Cmd+D (Mac), or right click and choose DESELECT. The animated dotted lines should disappear.
6
Figure 11 – The Final Selection Refine your selection until the entire background is neatly selected. As shown in Figure 11, the animated dotted line should outline your canvas and the object. If any part of the animated dotted line overlaps with the object, you may accidentally delete a portion of the object. If your line overlaps the object or does not outline the canvas, continue to refine your selection. If your line neatly outlines the canvas and object (see Figure 11), proceed to Step 5 on page 8.
7
Figure 12 – Delete your Background
5
Press BACKSPACE (Windows) or DELETE (Mac) to remove your background.
6
Press Ctrl+D (Windows) or ⌘ Cmd+D (Mac) to deselect your selection.
Once you press delete, you should see a gray and white checkerboard pattern where your background once was. This background indicates transparency; therefore, if you place the image into a Microsoft Word document, PowerPoint presentation, or on a website, the image will stand alone without a white background. Figure 13 – Deselect your Selection The animated dotted line should disappear and you should still have the checkerboard pattern in place of your previous background, as shown in Figure 1.
8
Figure 14 – Select File, then Save As
Figure 15 – Select the Format Dropdown Menu
7
8
Figure 16 – Select PNG Save your Image as a PNG file.
Figure 17 – Select OK on PNG Options
In the Menu bar, hover over FILE and click SAVE AS (Figure 14). If you’d like, change the name of your file, then click the FORMAT dropdown menu (Figure 15). Change your format to PNG. When presented with PNG Options, click OK.
Congratulations! You may now use your beautiful background-free image to create beautiful documents, presentations, and websites without looking like it was made in the 1990’s!
BEFORE
AFTER 9
Troubleshooting Having trouble? Here’s a guide to some frequently encountered problems. Error Message
Probable Cause
Could not use the magic wand because no layers are selected.
No layers are selected.
Table 1 – Pop-up error messages.
Solution Click the layer in the Layer Panel to select the layer you would like to work with.
10