If you’re just starting to learn Adobe Photoshop CC 2018, understanding the capabilities of each tool will streamline your creative projects. Photoshop version CC 2018 offers a lot of improvements and new features from previous iterations, delivering more efficiencies and a wide array of options to choose from.

Receive free ecommerce & product photography tips

Let’s look at how to customize the Toolbar in Photoshop and the Adobe Photoshop CC 2018 tools — and how to use them with examples.

Table of Contents

Where is the Photoshop CC 2018 Toolbar?

By default, the Photoshop CC 2018 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.

Toolbar selection in Photoshop

How to customize the Toolbar in Photoshop

You can customize the Toolbar part of Photoshop a few different ways.

  • Moving the Toolbar: To move the Photoshop CC 2018 Toolbar to another location on your screen, 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.

    This action un-anchors the Toolbar

  • Using columns: If you prefer the Photoshop CC 2018 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.

    pop-out menu

  • Add/remove tools: If there are CC 2018 Photoshop tools that are 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.Add or remove tools

If tools have been removed from the Photoshop CC 2018 Toolbar, they will show 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.

customize toolbar winow

Within this window, you can customize which 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 Photoshop CC 2018 Toolbar, you’ll see two color squares (the colors you see in the squares will vary).

Flip colors

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.

Color picker

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 2018 tools

There are many Adobe Photoshop CC 2018 tools that you can use in post-processing, several of which are especially useful for editing ecommerce and product photos:

Move Tool

The Move Tool is the first tool visible in the default Toolbar. You can also access it by typing “V.”

Moving toolThe 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.

Background layer

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 2018, the Move Tool will automatically determine which layer that item is on when you click on it. In 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 2018 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.

Flowers circular marquee

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.”

Lasso tool selectionWith 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.

Flower lasso 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.

Magic lasso tool

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.

Magnetic lasso 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.

Magic wand toolTo use the Magic Wand Tool, click on a portion of your image that’s all one color (such as a white background). The Magic Wand Tool will select the entire area of that color.

Flowers masking

We’ve also put together a more detailed tutorial on how to use the Magic Wand Tool.

How to Replace or Remove an Image Background Using the Magic Wand 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 2018, 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.”

Quick selection tool

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.

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

Product Photo Size Requirements: How to Optimize Photos for Omnichannel Selling

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”.

Crop tool

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.

Resolution sizing

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.

Crop page

If you’re happy with the crop area, click on any of the other tools in the Toolbar. A dialog box will appear asking if you want to complete the crop. Select “Crop” to crop the image; select “Don’t Crop” to exit the tool without completing an action.

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 or the 3D Material Eyedropper 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.”

Eyedropper tool

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.

Color selection

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.

Brush and eraser tool

If you don’t see the Brush Tool in the Toolbar, it might be behind the Pencil 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.

Brush tool preset

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.

Eraser tool

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 Eraser Tool may be hiding the Magic Eraser Tool, if you can’t see it. Once visible, you can also select the Magic Eraser Tool by typing “E.”

Magic eraser tool

To use the Magic Eraser Tool, click on the portion of your image that you want to remove, such as a background.

How to Remove Background from Hair in Photoshop CC18

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.

Magic erase flowers

If you use the Magic Eraser Tool on a flattened image, the erased portion of your image will automatically fill with your background color. 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.”

Clone stamp tool

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.

Clone stamp flowers

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 or the Patch Tool. If you can see it, you can access the Healing Brush Tool by keying “J.”

Healing brush tool

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.

healing brush tool stool

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.”

Dodge tool

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.

Exposure 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.

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.

Flowers and tools

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.”

Hand 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.”Zoom tool

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.

How to get the Toolbar back in Photoshop CC 2018

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 [alette.

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.

Workspace toolbar

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.

Looking for more Photoshop resources? Browse more tutorials and pick up some new photo-editing skills

Becky Kilimnik

Bio: With over 18 years experience as a graphic designer, Becky is passionate about helping people enhance their content by mastering image manipulation software. Becky has worked with a variety of educational publishers in the U.S. and U.K. and has taught design at six universities.

Receive free ecommerce & product photography tips