6.1 Selecting parts of images

Photo editing programs allow you to accurately edit photos and they normally provide many tools to do this. These tools allow you to remove backgrounds, remove blemishes, improve skin tones, change eye colour, etc.

The exercises have been prepared using Adobe Photoshop, which is the most common photo editing program. You will need access to the PIT2 Support Files, which can be downloaded from the provided links or Cambridge Go.

Photo editing exercise 1

Mario has had his car for a few years now and he has decided it is time to update to a newer model. He intends to advertise the car on the internet. He has taken a photograph of the car, but he does not want the background to be so prominent.

Selecting the car

Skills practised
  • Quick selection tool
  • Editing a selection
  • Refining selections
  • Naming layers
  • Layer visibility
  • Applying filters

A selection will be placed around the car then the background will be altered.

  1. Load Adobe Photoshop and select OPEN from the FILE menu or select the OPEN icon in the Welcome screen.
  2. Access the image data file downloaded from the above link. This is a photograph of Mario’s car.
  3. TS0601.png
    Select the QUICK SELECTION TOOL from the Tools panel at the left of the screen and, in the OPTIONS BAR across the top of the screen, click on the arrow next to the BRUSH PICKER box and set the brush SIZE to 20 px.
  4. Click on the BRUSH PICKER box arrow again to set the brush size.
  5. Set the view to FIT IN WINDOW (<Ctrl+0> or <Command+0>) and drag around the inside of the car until the whole car is selected.
TS0602.png

Refining the selection

The QUICK SELECTION TOOL does a reasonable job of selecting the car, but it does have trouble when the colour of the background is close to the colour of the object being selected. In this case, that occurs with the shadows at the front and side of the car. The selection can be refined.

  1. Press <Ctrl+> on the Windows system or <Command+> on the Mac system a couple of times to zoom in on the car.
  2. Scroll to the front of the car where part of the background has been included in the selection.
  3. Press the OPEN SQUARE BRACKET key ([) a few times to reduce the Brush Size to 5 px.
  4. Hold down the <Alt> or <Option> key and drag the cursor in the background area that has been included in the selection to reduce the selection.
    TS0603.png
  5. Release the <Alt> or <Option> key and click the + marker in any areas of the car that have not been included in the selection.
  6. Scroll around the rest of the car and repair any parts of the selection that are not close to the edge of the car. You keep the <Alt> or <Option> depressed when you want to reduce the selection and drag normally when you want to add to the selection. You can zoom in on one area of the car to make the selection easier.
    Note: The selection does not need to be perfect, just close to the outline of the car. You can increase the BRUSH SIZE when needed by pressing the ] key and you can use STEP BACKWARD from the EDIT menu to remove steps that you are not happy with.
  7. Once you are happy with the selection, press <Ctrl+0> or <Command+0> to set the view to FIT ON SCREEN so the whole car is in view.

Refining the edges

To complete the selection you can refine the edges of the selection to give it a more professional look.

  1. Click on the SELECT AND MASK button in the OPTIONS BAR and set the VIEW box in the Select and Mask dialogue box to ON WHITE with a 100% OPACITY.
  2. Adjust the RADIUS, CONTRAST, SMOOTH and SHIFT EDGE settings to improve the look of the selection.
  3. Increase the FEATHER to about 10 px to soften the edges of the selection.
    TS0604.png
  4. You can look at different previews of the selection by clicking on the VIEW BOX arrow at the top of the REFINE EDGE dialogue box then return the VIEW to MARCHING ANTS.
  5. Once you are happy with the settings, select OK.

Copying the car to another layer

The car needs to be placed in a separate layer so that the background can be altered without affecting the car.

TS0605.png
  1. Display the LAYER menu, highlight NEW and select LAYER VIA COPY. A new layer is created with just the car in it.
  2. Double click on the LAYER 1 label in the Layers panel and rename it ‘Car’, then rename LAYER 0 to ‘Background’.
  3. Turn the background layer off by clicking on its VISIBILITY box so that just the car is visible on a transparent background.

Altering the background

In Photoshop each layer is a separate entity and must be selected if you need to make changes to objects in that layer.

TS0606.png
  1. Click on the BACKGROUND layer to make it active and click on its VIEW box to turn its view back on.
  2. Display the FILTER menu, highlight BLUR and select MOTION BLUR.
  3. Set the ANGLE box to 30° and move the DISTANCE slider until you get the effect that you like. About 500 pixels should produce the effect of the car moving.
    TS0607.png
  4. Select OK to accept the change. You can experiment with other background effects if you wish. For example, FILTERBLURGAUSSIAN BLUR.
  5. Display the FILE menu and select SAVE. In the SAVE AS TYPE (or FORMAT) box set the image format to a Photoshop .PSD file and call the file: Car selected.
  6. Select OK and you will be asked whether to Maximize the Compatibility. Select OK to save the file.

Displaying just the car

Perhaps Mario would prefer no background at all behind the car. As the car is in its own layer this is easy to achieve.

TS0608.png
  1. Select the BACKGROUND layer in the LAYERS panel and click on the DELETE LAYER icon to delete it.
  2. Click on YES in the warning dialogue box to remove the background.
  3. Use SAVE AS from the FILE menu to save the image as a Photoshop .PSD file in your storage folder under the file name: Car only.
Video 6.1 Selecting parts of images (05:20)