Getting to Know the Work Area

This is taken from Chapter 1, Adobe Photoshop CC2018 Classroom in a Book; I have updated the instructions (in particular the placement of tools in the Tools panel) to be consistent with Photoshop 2020.


Click the double arrow just above the Tools Panel to toggle to a double-column view. Click the double arrow again to return to a single column.

Use the 01Start.psd file from the Lesson01 files in the Course Documents section of Canvas. psd is the native file format in Photoshop just as .fla is the native file format in Animate.

Zoom (pp. 14-16)

Zooming in and out is important - zooming in allows you to see portions of the image more clearly and to do some operations more accurately; zooming out allows you to see more of the image.

With a file open in Photoshop, the status bar at the lower left hand corner will show a percentage which is the current zoom level. A value of 100% means you are viewing the image at its natural size.

Select the Zoom Tool (looks like a magnifying class, at the bottom of the first column of Tools) or press Z to select it. At the top of the screen, right below the menu, you will see two magnifying glasses, one with a plus sign and one with a minus sign. Which button is highlighted (with the dark rectangle) will indicate whether clicking on the photo will increase the magnification or decrease it.

You can change whether magnification will occur or not by clicking on the appropriate button at the top before clicking on the image. If the current state is to magnify, you can change to decreasing magnification by holding down the Alt key and then clicking on the image.

If the Scrubby Zoom checkbox is selected in the options bar at the top, then dragging to the right in the image with the Zoom tool will increase the magnification whereas dragging to the left will decrease it.

Deselect Scrubby Zoom

Options at the top

If Scrubby Zoom is not checked, If the "plus" Zoom is currently active, you can use the Zoom tool to drag a rectangle across part of the image - this results in magnification so that the enclosed area now fills the entire image window

Zooming and Scrolling with the Navigator Panel

Brightening An Image (pp. 16-18)

Choose Window>Adjustments to open the Adjustments panel if it is not already open. Click the Brightness/Contrast icon (the first one, that looks like a sun) to display the Brightness/Contrast settings. Move the Brightness slider to 98; as you move the slider, notice how the image changes. Move the Contrast slider to 18, again noticing how the image changes.

The former change here seems to have a major effect, whereas the latter has a minor effect. The order in which these two changes were done does not seem to matter in terms of the amount of the effect.

In the Layers panel, click the eye icon for the Brightness/Contrast adjustment layer to hide its effect and then click the icon again to show the effect.

Adjustment layers let you make changes without affecting the actual pixels; you can disable the edit by hiding or deleting the adjustment layer.

The use of layers is fundamental to Photoshop.

Save the file under a new name

Sampling a Color (pp. 18-19)

Using the same file, in the Layers panel, display the Ribbons layer and click in the visibility column so that the layer is visible.

  1. Select the Ribbons layer in the Layers panel so that it is the active layer. (this step is important for the deletion of the triangle that occurs several steps below)
  2. Select the Eyedropper tool in the Tools panel (4th down in the first column).
  3. Click the blue area in the Happy Birthday ribbon to sample a blue color.

The foreground color changes in the Tools panel and the Color panel.

Working with Tools and Tool Properties

Using Context Menus (pp. 19-21)

Context menus are short menus that contain commands and options appropriate to specific elements in the work area and are accessed by right-clicking. The commands are also available in panel menus but using the context menus can save time.

An example:

  1. Select the Rectangular Marquee tool in the Tools Panel - the top tool in the second column.
  2. Drag the rectangular marquee tool to create a selection about 3/4 inch tall and 2 1/2 inches wide, ending at the right end of the image. As you drag the tool, Photoshop displays the width and height of the selected area.
  3. Select the Brush Tool (5th down in first column) and right click anywhere in the image to open the Brush tool context menus.
  4. Select the first brush (Soft Round) under the General Brushes category and change the brush size to 65 pixels.
  5. Click anywhere outside the selection to close the panel.
  6. Drag the cursor across the selected area until it's fully painted - you don't need to worry about staying inside the selection; you can't affect anything outside the selection as you paint. (an important point)
  7. When finished, chose Select>Deselect to that nothing is selected.

Selecting and Using a Hidden Tool (p. 21-22)

A small triangle in the lower right hand corner of a button indicates that other tools are available under that tool.

An example:

1. Position the pointer over the Lasso Tool (2nd tool from the top in the first column). The Polygonal Lasso is hidden underneath the Lasso Tool. To select the hidden tool, use one of the following methods:

2. To draw a triangle at the left edge of the blue rectangle, using the Polygonal Lasso tool, click at each corner of the triangle (Every time you click will add a side to the polygon).

3. Press the Delete key on your keyboard to delete the selected areas from the colored bar.

4. Choose Select>Deselect to deselect the area you deleted..

Setting tool properties in the option bar (pp. 22-23)

Select the Horizontal Type tool (the capital "T", the ninth tool from the top in the first column). In the Options bar at the top, select a font and a font-size of 32 pt. Click at the left side of the colored bar and type some name; don't worry about the positioning of the text or the fact that the text is the same color as the bar you typed it on. We'll fix those next.

Incidentally, you can place the pointer over most of the labels of most numeric settings in panels and in dialog boxes in Photoshop to display a scrubby slider - dragging the slider to the right increases the value, dragging it to the left decreases the value.

Using panels and panel menus (p. 24-25)

The text color is the same as the Foreground Color swatch in the Tools panel.

To change the color of existing text

  1. Drag the Horizontal Type tool across the text to select it.
  2. Open the Swatches panel and select a color.
  3. Click the check mark in the options bar at the top to commit the change.

If the layer with the text is not the top layer, you may not see the change.

In the swatches menu, you can click on the menu button at the far top right section of the panel and choose, e.g. Small List. You can then use the Type Tool to reselect the text, as before, and then use the drop down list in the Swatches panel to change the color.

The swatches menu will remember your choice in the menu bar, so if you want something other than Small List, you can click on the menu bar to make another choice.

Use the Move tool (top tool in the first column) to move the text as desired.

Undoing Actions in Photoshop (p. 25-26)

In Photoshop 2019 and 2020, Edit>Undo or Ctrl-Z undoes the last action. Repeating this can take you back many steps just like in Dreamweaver.

In Photoshop 2018 however, the following applied:

More about panels and panel locations

Expanding and collapsing panels (p. 28)

Revised: March 29, 2020. Comments to Bill Pegram,