On-Line Study Group

PhotoShop 5, 6

Study Guide Number 9

Selections and Layers

Part One

Shortcut Keys used in This Lesson:

D = Default Colors (black and white)
L = Lasso
M = Marquee
Shift-M toggles between the Rectangular and Elliptical Marquees
Y = History Brush
Ctrl-D = Deselect
Ctrl-I = Invert Colors
Ctrl-J = Jump a selection to a New Layer
Ctrl-P = Print
Ctrl-Z = Undo

Prepare the Image

Download the image to your computer and open in Photoshop.

Change the Size of the Image

Sometimes you might want to change the size of an image. Maybe you want it to print a little larger, or a little smaller. Maybe you need to increase the number of pixels or you need to decrease the resolution.

All these tasks are accomplished by first right-clicking the image's title bar.

Before you change anything, click the status bar's second area to see how the printed image would lie on a piece of paper.


When you click the second area on the Status bar, you will see this.

Now let's resize.

1. Right-click the image's title bar.
2. Choose Image Size.
3. Check the Resample Image option.
4. Change the resolution to 100 ppi.
5. Be sure the Constrain Proportions option is checked.
6. Change the width to 6 inches.
7. If necessary, change the zoom to 100%.

When you resized, it probably looked like the image got larger in your computer screen. It jumped toward you a little. (If you didn't notice, click back one step on the History palette, and then click the Image Size step again.)

8. Now click that second area on the Status bar again. How is the image lying on the page?

The printed dimensions of your image have been reduced from 8 inches to 6 inches, so the rectangle on the white page is smaller.

The number of pixels in the image have been increased from 72 per inch to 100 per inch. Because your monitor displays 72 ppi, at 100 % zoom, the six inch image displays a bit larger than the 8 inch image.

The original image had 8 x 72 pixels across. 576 pixels across.
The new image has 6 x 100 pixels across. 600 pixels across.

We are resampling the image data, and that means we are also degrading it to some extent. We are only doing this for practice purposes. Every change you make to an image alters the original image data, so this isn't something you would do without a reason. If you get the size wrong, Undo (ctrl-Z) the change and try again. Never put one adjustment on top of another.

9. Print the image.

Increase Contrast

1. Click Image > Adjust > Contrast/Brightness
2. Increase the Contrast to +40.
3. Decrease the Brightness to -6.
4. Send the image to your printer again. (Ctrl-P)

I encourage you to print images as much as you possibly can. You'll be surprised how much you will learn about improving your output in this way.

The History Palette

1. Display the History Palette (Window > Show History Palette)
2. At the top of the History Palette is a thumbnail of the image as it appeared when we first opened it.
3. Click on the thumbnail to revert to the original size and contrast.
4. Beneath the thumbnail are the three steps you have taken so far: Open, Image Size and Brightness/Contrast.
5. Click back and forth between the second and third steps.  Have you improved the image?
6. Beside the thumbnail is a small icon that represents the History Brush (Y)

Ordinarily, painting with the history brush would paint back the image stage beside the history brush icon.
Press Y and move your mouse over the image. You will see a No Way icon.
The reason you can't paint the original (dull) image back over the current image is that we changed the size of the image. Since we believe we have improved the image, our snapshot (the thumbnail) isn't of any use to us, and is only taking up memory. We will make a new snapshot and delete the old one.

7. Beside the trashcan on the History palette is the Create New Snapshot icon. Click it, and a new thumbnail appears. (white arrow.)
8. Click on the original snapshot thumbnail and drag it to the trashcan at the bottom of the History Palette. (red arrow.)


Red arrow - drag the old snapshot to the trashcan.
White Arrow - click the New Snapshot icon.

9. Click in the small window beside your new snapshot to give the history brush a reference point.


The History palette at this point.

Layers

Display the Layers Palette (F7).  The Layers Palette looks a lot like the History Palette. Don't confuse them. On the Layers Palette you see a thumbnail of your image. It is on the Background. So far, you have no additional layers.

Remember when Walt Disney showed us how he made cartoons by first painting a background and then putting a picture of Snow White on a clear piece of plastic, on top of the background? Layers in PhotoShop are exactly like that.

1. Create a New Layer by clicking the New Layer Icon at the bottom of the Layers Palette. (It looks just like the New Snapshot Icon. Don't confuse them.) Layer 1 appears above the background.
2. Click on the Background thumbnail on the Layers Palette (not on your picture.) This makes the Background the active layer.
3. Click on the Layer 1 thumbnail on the Layers Palette. This makes Layer 1 active.

When a layer is active, you can think of it as SELECTED. The program knows you are interested in that layer, and anything you do to your image will be done ONLY TO THE ACTIVE LAYER.


I've created a new layer, and it is active.
Anything I do will happen on the new layer.

Notice the faintly visible transparency grid on the layer thumbnail.

Selections

We are going to select some part of the image. When you make a Selection, you are telling the program what part of the image you are interested in. You will be able to work ONLY ON THE SELECTED PORTION.

1. Choose the Elliptical Marquee tool (M, Shift-M).
2. Drag a circle around the rough area on the right of the mountain, about the size of a quarter.

3. If you find yourself dragging a rectangle instead of an ellipse, press M or Shift-M.
4. If your circle is wrong, click outside it, and it will be deselected.
5. If it is in the wrong position, click inside of it and drag it into place.
6. Practice dragging the circle around the image. Put it around the mountain's peak. What happens if you drag the selection half-off the canvas? Put it back around the peak again.
7. Click outside of the circle to deselect it. Bring it back with Select > Reselect.

The area inside the marching ants is selected. The program knows you are "interested" in that area, and will allow you to do things to the area. The area outside the marching ants is "protected" or "masked."

Important word for the day: MASKED
The marching ants define a shape that is selected. The shape can be Now look at the Layers Palette again.

If the Background is active, the marching ants are surrounding colored pixels.

If Layer 1 is active, the marching ants are surrounding - nothing. NO PIXELS ARE SELECTED. They are merely defining a shape.

Let's put those marching ants around the mountain's peak and make the Background (bottom) layer active. You now have a selection with colored pixels inside. What shall we do with it?

1. Press Ctrl-I and you will Invert the colors inside the selection.
2. Move the marquee slightly down and to the left. Click Filter > Distort > Twirl, 200.
3. Move the marquee to the right. Press Ctrl-F to apply the same filter again.
4. Without moving the marquee, press Ctrl-F two more times. What happens?

5. Move the marquee up around the peak again.
6. Feather the marquee (Select > Feather, 6)
7. Stroke the selection with black (D, Edit > Stroke, 3)
8. Deselect. Ctrl-D.


 


Select a rectangular area with the Marquee tool and Transform the selection with Select > Transform.

1. Press M or Shift-M to switch to the rectangular Marquee tool.
2. Drag a selection around the other mountain.
3. The mountain is slightly slanted, so we'll need to adjust the selected rectangle with Select > Transform Selection.
4. Moving the mouse close to the corner nodes around the selection will cause it to turn into a curved arrow. Use this to rotate the selected area.


The mountain is slightly slanted. You can rotate the rectangular marquee to line up with its axis.

The rectangular marquee looks very much like the crop marquee at this point, but don't be confused. It's just a selection marquee - a slightly slanted rectangular selection marquee.

5. Right-click inside the area and choose Distort.


The Select > transform right-click menu.

6. Move the corner nodes until you have selected the shape of the mountain.

7. Press Enter to make the changes to the marquee permanent.
8. Press Ctrl-I to invert the colors. The blue turns to yellow.


The Lasso tool

Use the smooth Lasso tool to select loosely around the green areas in the water.

Use the alt key to subtract areas from the selection, and use the shift key to add areas to the selection.

Practice this until you are crystal clear about Shift to add to, and Alt to subtract from selections. It's important.

Now we'll do one of my favorite things. We'll JUMP the selection up to a new layer with Ctrl-J.

  1. With the green of the water lassoed, Press Ctrl-J.
  2. Look at the Layers Palette.
  3. You have a new layer - Layer 2 - above the background. It's below Layer 1.
  4. On that layer, you can see the bits you had in your selection.
  5. Turn off the eyeball beside the Background, to see Layer 2.
  6. Turn the eyeball back on beside the Background.
  7. Make Layer 2 active. Press Ctrl-I to invert the colors.
  8. Turn the eyeball off beside Layer 2. Then turn it back on again.

Finishing the Piece

  1. Click on Layer 2 to make it active.
  2. Choose the Smudge tool and make improvements to the image by smearing the green/magenta wave.
  3. That wave was actually a disguised sea serpent!
  4. Turn off the eyeball beside Layer 1 and turn it back on again.
  5. Delete layer 2 by dragging it to the trashcan.
  6. Flatten the image (Layer > Flatten Image.)
  7. Close the program and get some rest. You've put in a good study session.
Copyright Christine Frey 2000



1