If you’re just getting started with Adobe Photoshop CC 2020, you’ve likely researched Photoshop tutorials to help you learn the program.
Receive free ecommerce & product photography tips
But before you jump into how-tos, it’s a good idea to start with the basics. What is the Magic Wand tool? Which Photoshop tools do you need to edit product photos? How do you customize the Photoshop toolbar to streamline your editing workflow?
Photoshop version CC offers a lot of improvements and new features from previous iterations, delivering more efficiencies and a wide array of options to choose from.
Let’s look at how to customize the Toolbar in Photoshop and the Adobe Photoshop CC tools — and how to use them with examples.
Where is the Photoshop CC 2021 Toolbar?
By default, the Photoshop CC 2021 Toolbar is the part of Photoshop that’s anchored to the left of the application window. However, you can move it around and change its size, depending on your needs.
How to customize the Toolbar in Photoshop
You can customize the Toolbar part of Photoshop a few different ways.
- Moving the Toolbar: To customize the Photoshop Toolbar location, click on the series of vertical lines (located at the top of the Toolbar) and drag the toolbar to another part of the screen. This action un-anchors the Toolbar from its default location.
- Using columns: If you prefer the Photoshop CC 2021 Toolbar to be two columns instead of one, click on the two triangles at the very top of the Toolbar. Clicking on the triangles again will toggle the Toolbar back to a single column.
- Add/remove Photoshop tools: If there are Photoshop tools missing from the Toolbar, or if you want to customize the tools visible in the Toolbar, click on the three little dots located at the bottom of the Toolbar, just above the squares showing the foreground and background colors.
If Photoshop tools have been removed from the Toolbar, they’ll appear in a dropdown once you click on these dots.
If your Toolbar is at its default setting, the only option will be Edit Toolbar. Click on Edit Toolbar to open the Customize Toolbar window.
Within this window, you can customize which Photoshop tools appear on the Toolbar. Tools you rarely use can be moved into Extra Tools so they won’t appear in the Toolbar. Click on the tool you wish to move in the Toolbar column and drag it to the Extra Tools column. You can also drag tools from Extra Tools back into the Toolbar column.
Foreground and background colors in the Toolbar
Immediately below the three dots in the Toolbar, you’ll see two color squares (the colors you see in the squares will vary).
Note that one square rests on top of the other. If you click on the arrows to the top and right of the squares, the colors in each square switch places.
The color on top is the foreground color, and the color under it is the background color. You can change either of these colors by double-clicking on the color square and adjusting the color in the Color Picker window that pops up.
It’s important to understand what foreground and background colors are as you learn the rest of the tools in the Toolbar.
For instance, any time you paint with the Brush Tool, you will paint with the foreground color by default. Any time you remove part of a non-layered image (by using the Eraser Tool, or by moving or deleting part of a selection), the background color will show through into your image.
Adobe Photoshop CC 2021 tools
There are many Adobe Photoshop CC 2021 tools that you can use in post-processing, several of which are especially useful for editing ecommerce and product photography:
- Magic Wand Tool
- Move Tool
- Rectangular Marquee Tool and Elliptical Marquee Tool
- Lasso Tool, Polygonal Lasso Tool and Magnetic Lasso Tool
- Quick Selection Tool
- Fill Tools
- Crop Tool
- Object Selection Tool
- Eyedropper Tool
- Brush Tool and Eraser Tool
- Magic Eraser Tool
- Clone Stamp Tool
- Healing Brush Tool
- Dodge Tool and Burn Tool
- Hand Tool
- Zoom Tool
Magic Wand Tool
The Magic Wand Tool selects a portion of your image that has the same or similar colors.
You can access the Magic Wand Tool by typing “W.” If you don’t see the Magic Wand Tool, you can access it by clicking on the Quick Selection Tool and selecting the Magic Wand Tool from the dropdown.
To use the Magic Wand Tool, click on a portion of your image that’s all one color (like the white background in the image of the sock below). The Magic Wand Tool will select the entire area of that color.
We’ve also put together a more detailed tutorial on how to use the Magic Wand Tool.
Move Tool
The Move Tool is the first tool visible in the default Toolbar. You can also access it by typing “V.” The Move Tool shares space with the Artboard Tool, which you will see if you click and hold the Move Tool with the mouse.
The Move Tool does just what it sounds like: It allows you to move items in your image. If you’ve created a selection within your image, you can use the Move Tool to relocate it within the frame. If you don’t have a selection, the Move Tool will move the entire layer.
Images in formats like JPG and PNG are flattened images, which means the entire image rests inside a locked layer called Background. Because of this, the Move Tool can only move selections within flattened images and can’t move the locked layer itself. If you create a selection in a flattened image and move it, the area where the selection originally existed will be filled with the background color.
In layered images, you can use the Move Tool to move just about anything. Click on the portion of the image you want to move and put it in your desired location.
In Photoshop CC 2021, the Move Tool will automatically determine which layer that item is on when you click on it. In some older versions of Photoshop, you’ll need to select the layer that the item is on within the Layers palette before you can move it; otherwise, you’ll move whatever layer you’re currently in.
All items within the layer of the item you’ve selected will move with that item, unless you’ve made a selection. If you make a selection using any of the Adobe Photoshop CC 2021 tools covered below, you can move that selection with the Move Tool, independent of other items within that layer. The moved item will remain within its original layer.
Rectangular Marquee Tool and Elliptical Marquee Tool
The Marquee Tools make quick selections within your image.
By default, the Rectangular Marquee Tool is visible just under or beside the Move Tool, depending on how you have your Toolbar configured.
To access the Elliptical Marquee Tool, click and hold, and then select the Elliptical Marquee Tool from the dropdown. You can access whichever Marquee Tool is currently visible by typing “M.”
Rectangular Marquee Tool
With either the Rectangular Marquee Tool or Elliptical Marquee Tool selected, click and drag on your image to create your selection. The Rectangular Marquee Tool will create a rectangular selection; the Elliptical Marquee Tool will create an elliptical selection.
Hold down the SHIFT key while you click and drag to create a perfect square (Rectangular Marquee Tool) or perfect circle (Elliptical Marquee Tool). Release the mouse before you release the SHIFT key to keep the exact proportions of your selection.
Once you’ve created a selection with either of these tools, you can adjust that selection by moving it, filling it with color or deleting it.
To deselect your selection, click anywhere on your image, or type CTRL+D (CMD+D on a Mac).
Lasso Tool, Polygonal Lasso Tool and Magnetic Lasso Tool
The Lasso Tools, like the Marquee Tools, create a selection within your image.
Any of the three Lasso Tools may be visible in the Toolbar; click and hold on the visible tool to access the other Lasso Tools. You can access whichever Lasso Tool is currently visible by typing “L.”
With the Lasso Tool selected, you can draw a selection around any part of your image using your mouse. Click and hold the mouse button down as you draw. End the selection where you began to create a complete selection. The Lasso Tool can be a bit difficult to use if you need a precise selection, but it works well for creating a rough selection.
The Polygonal Lasso Tool creates a selection with straight lines. This tool offers a little more precision than the Lasso Tool.
With the Polygonal Lasso Tool selected, click on the point on your image where you want your selection to begin. Release the mouse and click again to create the first straight edge of your selection. Each time you click, you create another edge for your selection. To finish your selection, click on the same spot where you began.
The Magnetic Lasso Tool follows the edge of an object in your image, allowing more control in your selection than the Lasso Tool, and more flexibility than the Polygonal Lasso Tool.
To use the Magnetic Lasso Tool, click on the edge of your object where you want your selection to begin, and then follow the object as closely as you can with the mouse. The Magnetic Lasso Tool will snap to the edge of the object as you follow it.
You can click points as you go, as with the Polygonal Lasso Tool, but you can also make the selection without setting down any more points. To complete the selection, click on the first point you created with the tool.
Quick Selection Tool
The Quick Selection Tool selects an object in your image by interpreting and selecting along defined edges visible in your image.
If the Quick Selection Tool isn’t visible in Photoshop CC 2021, click and hold on the Magic Wand Tool and select the Quick Selection Tool from the dropdown. Once the Quick Selection Tool is visible, you can access it by typing “W.”
Over your image, the Quick Selection Tool will appear as a small circle with “+” inside of it. Place the cursor over an area of the object you wish to select and click. The tool will select a portion of your image, ending at any defined edges.
While holding the mouse, move your cursor around the rest of the object until the entire object is selected. If you let go of the mouse, you can simply click anywhere on the object again; you won’t lose the already-selected portions.
If you find you’re selecting too much of an image, the size of the Quick Selection Tool might be too big. You can use the “[“ and “]” keys to reduce and enlarge the size of your Quick Selection Tool, respectively.
If you need to start over with your selection at any time, type CTRL+D (CMD+D on a Mac) to deselect your selection.
Object Selection Tool
New to Photoshop 2020, the Object Selection Tool allows you to select an object within your photo simply by drawing a selection around the object.
To access the Object Selection Tool, click and hold on the Magic Wand Tool and select the Object Selection Tool from the dropdown. Once this tool is visible in the Toolbar, you can access it by typing “W.”
To use the Object Selection Tool, click and draw a selection around the object you want to select. Photoshop will interpret the edges of the object and attempt to refine your selection to just include the object.
When the Object Selection Tool is selected in your Toolbar, you have the option to select using a rectangular marquee shape or a lasso tool shape. You can toggle between the two in the Options Bar at the top of the application window.
The Options Bar also offers the same functionality to refine your selection as you would have using the Magic Wand Tool.
Fill Tools
Once you have created a selection with either the Marquee Tools, the Lasso Tools, or the Selection Tools, you can quickly fill that selection with a solid color or a gradient, or use what’s called the Content-Aware Fill Tool to seamlessly remove an object from its background.
The Paint Bucket Tool
The Paint Bucket Tool, sometimes referred to as the Fill Tool, is located on the Toolbar just under the Eraser Tool. If it is not visible, it may be hidden under the Gradient Tool.
To use this tool, select it and click anywhere within your selection. Photoshop will fill all pixels matching the color of the area you’ve clicked on with your foreground color. If you use the tool without creating a selection first, Photoshop will fill all pixels within your entire document with the foreground color. As with other tools, you can adjust settings such as Blending Mode, Opacity, and Tolerance in the Options Bar at the top of the application window.
Gradient Tool
The Gradient Tool, located in the same place as the Paint Bucket Tool, will fill a selection with a gradient instead of a solid color. Unlike the Paint Bucket Tool, however, the Gradient Tool will fill the entire selection with new color, regardless of the underlying pixel colors.
To use the Gradient Tool, select the tool and draw a line with the mouse over your selection. The angle of the line you draw will determine the angle of the gradient.
By default, the gradient will start with the foreground color and end with the background color, but you can change this in the Options Bar before you create your gradient.
Note that, if you do not have a selection created, the Gradient Tool will fill your entire document with the gradient.
Fill
You can also use the Fill function in Photoshop 2021 to fill a selection with a solid color or gradient. With your selection created, choose Edit > Fill from the menu at the top of the application window.
Crop Tool
The Crop Tool allows you to rotate and crop your image along predefined parameters. The Crop Tool is especially useful if you have a series of product images that all need to be the same size and orientation
The Crop Tool may be hidden behind the Slice Tool, Slice Select Tool or Perspective Crop Tool. If so, click on any of these tools and hold down the mouse until you can access the Crop Tool. When the Crop Tool is visible in the Toolbar, you can quickly access it by typing “C”.
With the Crop Tool selected, go to the top of the application window where you can control the Crop Tool settings. Select W x H x Resolution from the first dropdown option to specify the width, height and resolution of your cropped image. If you know all product images need to be 1000px x 1200px at 72 ppi, you would type those values into the fields just to the right of the dropdown.
Once you’ve set your width, height and resolution, click anywhere on your image to see the edges of the crop. You can use your cursor to expand or reduce the size of the cropped area, and you can also rotate the image within the crop by turning the edges of the cropped area at the corners.
If you’re happy with the crop area, click on any of the other tools in the Toolbar, and the image will automatically crop. If you are dissatisfied with the final cropped image, simply type CTRL+Z (CMD+Z on a Mac) to undo.
Eyedropper Tool
The Eyedropper Tool selects a specific color within your image and sets it as your Foreground Color.
If you can’t see the Eyedropper Tool, it could be hiding behind the Color Sampler Tool, the 3D Material Eyedropper Tool, the Ruler Tool, the Note Tool, or the Count Tool. You can click and hold on either of these tools to access the Eyedropper Tool. Once the Eyedropper Tool is visible, you can access it by typing “I.”
Click anywhere within your image to grab the visible color with the Eyedropper Tool. The color you select will automatically appear as a new Foreground Color.
The Eyedropper Tool is useful when you need to pull a color from one image and use it in another. For instance, when you have a background color that you need to match across images.
Brush Tool and Eraser Tool
The Brush Tool and Eraser Tool work as their names imply. Use the Brush Tool to “paint” on your image; use the Eraser Tool to erase part of your image.
If you don’t see the Brush Tool in the Toolbar, it might be behind the Pencil Tool, Color Replacement Tool, or Mixer Brush Tool. Click and hold on the Pencil Tool to access the dropdown, and select the Brush Tool. When visible, you can also access the Brush Tool by typing “B.”
Vary the size, shape, hardness (smoothness of the brush edge) and opacity of the Brush Tool at the top of the application window once the tool is selected. To “paint” with the Brush Tool, click and drag your cursor over the image.
Your cursor should appear as roughly the same size and shape as your selected Brush Tool preset — if it doesn’t, you probably have caps lock on. The Brush Tool will paint your foreground color onto your image within the layer that you currently have selected.
If you don’t want to paint over your original image, create a new layer and use the Brush Tool in that new layer.
The Eraser Tool works in almost the same way as the Brush Tool. If you don’t see the Eraser Tool in the Toolbar, it might be hidden behind the Magic Eraser or Background Eraser Tool. When visible, type “E” to access the Eraser Tool.
As with the Brush Tool, you can adjust the size, hardness and opacity of the Eraser Tool at the top of the application window.
Once you’ve adjusted your Eraser Tool settings, click and drag with your cursor over the portion of your image you wish to erase.
When you erase using the Eraser Tool on a flattened image, the background color will appear on the areas you erase. When you erase on a layered image, the pixels on lower images will be visible through the erased area of your image.
Magic Eraser Tool
The Magic Eraser Tool erases similar pixels from an image, in much the same way that the Magic Wand Tool selects similar pixels within an image.
The Magic Eraser Tool may be hiding the Eraser Tool or the Background Eraser Tool, if you can’t see it. Once visible, you can also select the Magic Eraser Tool by typing “E.”
To use the Magic Eraser Tool, click on the portion of your image that you want to remove, such as a background.
If all the pixels that you want to remove are a similar color, the Magic Eraser Tool will erase all of it in one click. Like the Magic Wand Tool, you can adjust the Tolerance of the Magic Eraser Tool at the top of the application window to select a smaller or wider range of pixel colors.
If you use the Magic Eraser Tool on a flattened image, the erased portion of your image will automatically fill with transparency, and your Background layer will be renamed “Layer 0”. If you use the Magic Eraser Tool on a layered image, the pixels from lower layers will be visible through the erased portion of your image.
As with the Magic Wand Tool, the Magic Eraser Tool is useful when you want to change or remove a background from a product image, or when you need to remove portions of an image.
Clone Stamp Tool
The Clone Stamp Tool allows you to select a portion of your image and repeat it into another portion of your image within the same layer.
If you don’t see the Clone Stamp Tool in the Toolbar, it may be hidden behind the Pattern Stamp Tool. If you can see it, access it by typing “S.”
You can adjust the Clone Stamp Tool the same way as the Brush and Eraser Tools — just adjust its values at the top of the application window.
With the Clone Stamp Tool selected, hover your cursor over the area of your image that you wish to repeat. Hold down the ALT key (OPTION on a Mac) and click on the image. The cursor will change shape and will appear as a target symbol.
Then, move your cursor to the new area of your image where you wish to duplicate the original portion of the image. Click and “paint” with your cursor; the portion of your image that you originally sampled will appear in the new area of your image.
The Clone Stamp Tool takes a bit of practice to master, but it’s useful once you become comfortable with it. You can use it to create multiple images of a single product within the same frame, or to remove blemishes or spots on a product’s surface.
Healing Brush Tool
The Healing Brush Tool selects a portion of your image and blends it into another portion of your image within the same layer.
Can’t see it? It might be hiding behind the Spot Healing Brush Tool, Patch Tool, the Content-Aware Move Tool, or the Red Eye Tool. If you can see it, you can access the Healing Brush Tool by keying “J.”
To use the Healing Brush Tool, hover your cursor over the area of your image that you want to sample. Hold down the ALT key (OPTION on Mac) and click on the sample area (the cursor will become a target symbol when you hold down ALT/OPTION).
Move your cursor to the area of the image that you want to blend your sample into. Click and hold your mouse to “paint” with your cursor in the new area of your image. The Healing Brush Tool will sample the original portion of your image and paint it over the new area of your image, blending the pixels together.
Like the Clone Stamp Tool, you’ll need some patience to become a pro with the Healing Brush Tool. But it could be a better option than the Clone Stamp Tool to remove spots or blemishes from a product image, depending on the image and what you need to do to it.
Dodge Tool and Burn Tool
The Dodge Tool lightens pixels in an image; the Burn Tool darkens pixels. With both tools, you “paint” onto your image with your cursor just as you would with the Brush Tool.
The Dodge Tool and Burn Tool share the same space on the Toolbar. If neither are visible, they’re probably suppressed behind the Sponge Tool. When visible, the Dodge Tool or Burn Tool can be accessed by typing “O.”
With either the Dodge Tool or Burn Tool selected, you can adjust the tool’s size and hardness using the options at the top of the application window. You can also choose the range of pixels you want the tool to affect.
- Highlights: only very light areas of your image
- Midtones: pixels with colors that are in between dark and light
- Shadows: only the darkest pixels
Exposure controls the degree to which affected pixels change.
If you want to darken the shadows on a product image, select the Burn Tool, adjust the size of the tool to be roughly the same size as your smallest shadow, set the range to Shadows, and “paint” with the tool on your image where shadows already exist by clicking and dragging with your cursor.
Want to learn more about adding shadows in your shot? You can learn how to add a natural shadow in Photoshop.
To brighten the lightest areas of your image, choose the Dodge Tool, set your range to Highlights, and click and drag over the lightest areas of your image.
Hand Tool
The Hand Tool moves the portion of an image that you’re currently viewing.
The Hand Tool only works if you’re zoomed far enough into an image that one or more sides of the image are no longer visible. You can quickly access the Hand Tool by clicking “H.” If you are selecting the tool from the Toolbar, it may be located behind the Rotate View Tool.
With the Hand Tool selected, click and drag within your image to change your view. No elements of your image move when you use the Hand Tool; only your view of the image is affected.
The Hand Tool is useful if you need to zoom into a portion of an image, and then view another portion of that image without zooming out all the way.
Zoom Tool
The Zoom Tool allows you to zoom in or out of an image quickly. Access the Zoom Tool by clicking “Z.”
To use the Zoom Tool, click on the portion of your image that you want to zoom into. To zoom out, hold down the ALT key (OPTION on Mac) and click with the Zoom Tool.
The Zoom Tool is important to help refine small details that shoppers can see when zooming in. Zoom appears to be an important function for online stores — 100% of the fashion brands we analyzed had some sort of zoom feature for shoppers.
How to get the Toolbar back in Photoshop CC 2020
If you’ve undocked your Toolbar from the left side of the application window, you can make the Toolbar disappear by clicking on the “X” at the top of the palette.
If you accidentally make your Toolbar disappear, go to Window > Tools to make the Toolbar visible again.
You can also go to Window > Workspace > Reset [name of most recent workspace] to put all palettes, including the Toolbar, back into their default positions.
If your Toolbar and all of your open palettes disappear, you may have typed TAB. Type TAB again to make your Toolbar and palettes visible again.
