A BEGINNER’S GUIDE TO PHOTOSHOP CC 2018 TOOLS - World Class Photo Editing Services from Photo Solutions India


Adobe Photoshop CC 2018 is an amazing software for editing your images. Are you aware of all its best tools?

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

More articles

November 9, 2018


November 9, 2018


November 9, 2018


November 9, 2018



Show Buttons
Hide Buttons