Explore this comprehensive Photoshop tutorial that covers topics such as zooming, scrolling, and navigating images using basic Photoshop tools, and exercises on how to use the brush tool and make basic selections.
This exercise is excerpted from Noble Desktop’s Adobe Photoshop training materials and is compatible with Photoshop updates through 2023. To learn current skills in Photoshop with hands-on training, check out our Photoshop Bootcamp, Graphic Design Certificate, and graphic design classes in-person and live online.
Note: These materials are provided to give prospective students a sense of how we structure our class exercises and supplementary materials. During the course, you will get access to the accompanying class files, live instructor demonstrations, and hands-on instruction.
Topics covered in this Photoshop tutorial:
Zooming, Scrolling, Getting around, Tools, Copying & pasting
Exercise Preview
Photo by Priyanka Singh on Unsplash
Exercise Overview
In this exercise, you’ll start learning the basics of viewing/navigating around images and use some basic Photoshop tools.
Getting Started
- Download the class files. Refer to the Downloading the Class Files page at the beginning of the workbook on how to download and install the class files.
-
Launch Photoshop.
NOTE: This book has been tested with Photoshop 2023. If you’re using an older or newer version, most things should still work the same or similarly.
- Go to File > Open.
- If you see a window for Cloud documents, click On your computer.
Navigate to Desktop > Class Files > Photoshop Class and double–click on 1A Pomegranate.jpg to open it.
Restoring Photoshop’s Default Settings
- Let’s reset Photoshop’s settings, so you have the same settings as this book assumes. Go to Window > Workspace > Essentials (Default).
- Go to Window > Workspace > Reset Essentials.
-
At the top of the screen is the Options bar. As shown below, to the right of the Home icon, Ctrl–click (Mac) or Right–click (Windows) on the tool icon:
-
From the menu that appears, choose Reset All Tools.
Click OK to confirm.
Navigating an Image: Zooming & Scrolling
- In the Tools panel (the toolbox on the left side of the Photoshop window), click on the Zoom tool
.
- In the image, position the cursor over the pomegranate and click once to zoom in.
- To zoom back out, hold Option (Mac) or Alt (Windows) and click once in the image.
- Let’s see a more interactive way to zoom. In the Options bar at the top of the screen, find the Scrubby Zoom option.
-
Based on what you see in your Options bar, do the following:
If Scrubby Zoom is checked (the default) hover over the pomegranate and drag right to zoom in and drag left to zoom out.
-
If Scrubby Zoom is unchecked or grayed out drag a box over the area you want to see and then release the mouse.
- To see the whole image again, choose View > Fit on Screen.
-
Instead of using the Zoom tool
, we can also use keystrokes:
- Zoom in by pressing Cmd–Plus(+) (Mac) or Ctrl–Plus(+) (Windows).
- Zoom out by pressing Cmd–Minus(-) (Mac) or Ctrl–Minus(-) (Windows).
- Zoom in a few times so you only see a portion of the image.
- To scroll around the image, hold the Spacebar and drag anywhere on the image. When done, let go of the mouse and the Spacebar.
To see the whole image again, choose View > Fit on Screen.
Using the Brush Tool
- In the Tools panel, choose the Brush tool
.
-
At the bottom of the Tools panel, click on the Foreground color swatch:
-
In the window that opens, choose a color as shown below.
- Click OK.
- Drag anywhere on the image to paint with the brush.
-
Let’s change the brush color. Towards the bottom of the Tools panel, click the Default Colors icon
to set the Foreground color to black and the Background color to white.
-
Let’s change the brush as well. As shown below, in the Options bar at the top of the screen, click on the Brush Preset picker.
- Use the sliders to change the Size and Hardness.
- Drag anywhere on the image to paint with the new brush.
- You can use Edit > Undo to undo. By default Photoshop can only undo the previous 50 steps (although that can be changed in preferences). You can also see your past steps in the History panel, so open it by going to Window > History.
-
Click on the step before the Brush Tool. This undoes all the brushing.
Basic Selections & Copy/Paste
- In the Tools panel on the left, choose the Rectangular Marquee tool
.
- In the image, drag a selection box (marquee) that encompasses any one of the pomegranate seeds.
- Choose the Move tool
.
- In the Options bar at the top of the screen, uncheck Auto-Select.
- Drag anywhere inside the selection and move the pomegranate seed some else.
- Because the seed is already selected, we’d like to make a copy of it. But before we do, on the right of the screen, look in the Layers panel to see that there’s only a Background layer.
- Do an Edit > Copy.
- Do an Edit > Paste.
- You won’t see major changes in the image, but look in the Layers panel on the right to see a new layer named Layer 1.
- Drag the seed to move it. Now you’ll be able to see that you are moving the copy!
-
We don’t need this copy, so let’s delete it. As shown below, in the Layers panel, drag Layer 1 to the Trash button
at the bottom right of the panel.
TIP: You can also delete a layer by making sure you have no marquee selection (choose Select > Deselect) and pressing the Delete key to delete the selected layer(s) in the Layers panel.
That’s it for our Photoshop warm up. Close the image and don’t save the changes.