Web Design that taps into the haromny and vision of your dreams.

Introduction to Photo Editing

By on in Graphic Design

1,088 words, estimated reading time 5 minutes.

Graphic Design Series
  1. What is Graphic Design?
  2. Graphic Design Elements & Principles
  3. Colour Theory
  4. Typography
  5. Introduction to Adobe Photoshop
  6. Introduction to Photo Editing
  7. Creating Web Designs in Photoshop
  8. Introduction to Adobe Illustrator
  9. Tracing Artwork in Adobe Illustrator
  10. Logo Design
  11. Introduction to Adobe InDesign
  12. Introduction to the Printing Process

Photo editing, or manipulation, allows designers and photographers to improve photos in countless ways. This can be as simple as cropping and rotating, or complex such as creating composite images.

These are some basic tips to help enhance your photographs; the next tutorials will cover composite images where more than one image is used to create a final design.

This tutorial is based around Adobe Photoshop, but the techniques can be adapted to most photo editing suites.

Crop and Rotate

The first steps are usually to straighten and crop photos. This can make a huge difference straight away to photographs. Cropping photos in Photoshop is done by using the Crop tool in the toolbar. From the tool options bar, you can select the various options, including aspect ratio and pre-selecting ratios for print, landscape or portrait. Photoshop then places the crop grid over the image. You can drag and resize by using the corner grabbers. There is a grid which divided the tool overlay into 9 equal segments. This grid is called the rule of thirds. It is best to place key elements in the photo along these lines. The rule of thirds is covered in more detail in my photography composition article in the link.

As with most tools, you can hold the shift key when dragging the corners. This will constrain the proportions of the image and preserve the original aspect ratio.

Photoshop Crop Tool
Photoshop Crop Tool

The second step is to rotate the image. This is especially important for landscapes where there is a definite horizon. To straighten the image you can use the free transform tool from the Edit menu or Ctrl+T. This allows you to drag the corners of the image to rotate.

Brightness/Contrast and Shadows/Highlight

You many need to adjust the brightness and contrast of the image, in case the photo was under or over exposed, or if you just want it lighter or darker. This can be done from the Image > Adjustments menu, but also adjustment layers. If using the menu tools, there are a number of options available. Each of which has different effects on the image. Generally, they have sliders to adjust the values and you can preview the changes before applying them. Feel free to have a play with the different settings here; some of them can create some quite unique effects.

Adjusting Brightness and Contrast to Enhance Image
Adjusting Brightness and Contrast to Enhance Image

The usual effects are adjusting the brightness and contrast and also changing the shadows and highlights. Brightness and contrast make the image brighter or darker, and also affects how black the blacks are. Shadows and highlights are similar but you have a greater control over how black the blacks are but also how white the whites and all the tones in between. These tools can really enhance landscapes, especially skies.


Moving on to some more advanced tools, we can use the spot healing tool, healing brush and the patch tool to correct any defects, such as dust marks or scratches, or to even remove elements from a photo all together. The spot healing tool allows you to "paint" over the defect and Photoshop will automatically sample the area around it and automatically "fix" the defect. The healing brush tool allows you to specify where the replacement data will come from, sample the data and merge to remove the defect. The clone stamp basically allows you to select a region in the image, and copy that, in airbrush form, over another part on the image. You can also use the patch tool, which allows you to patch over a region in the image. It allows you to draw around a defect and drag another part of the image on top. Photoshop will then sample and merge the two to remove the defect. The secret to doing this properly is to not use too big a brush and take your time. If you rush, Photoshop may start to include the very things that you want to remove.

Photoshop Healing and Patch Tool
Photoshop Healing and Patch Tool

In my example image blow from Skye in Scotland, there are some unsightly pylons and wires in the photo. The following screen grabs show the various tools removing the unsightly distractions.

Photoshop Spot Healing
Photoshop Spot Healing

The spot healing tool is a good quick fix, but as you can see for large areas you can still just about make out where the tool has computed the sky. There are a barely visible lines and slightly blurred outline. You can reduce this by reducing the brush size, and also do smaller sections, one at a time.

Photoshop Healing Brush Tool
Photoshop Healing Brush Tool

The healing brush tool results in a much higher quality repair. To use the tool you must first specify where the replacement data is. This is done by using the ALT key and clicking on a similar area of the image. As long as the tool is used, data from around this point will be used.

The patch tool allows you to define a selection with a lasso tool, then drag an existing area of the image into this area which will then be merged in.

Finished Removing Pylon and Wires
Finished Removing Pylon and Wires

High Pass Filter

Another useful tool is the high pass filter. This is available from Filters > Other > High Pass Filter. To use this filter, you need to create a duplicate of the photo and apply the filter to it. It will then create a very grey image, with some of the details highlighted. You then need to go into the blending options on the layers panel for the filtered layer and select Hard Light. This will really enhance the details, especially in things like grass, stone and walls. Sometimes the effect will be too strong, but you can adjust this by changing the opacity of the layer.

You can see the effects in the example below, left being the original, right having the high pass filter applied.

High Pass Filter
High Pass Filter

Saving Images

I would say that it is essential to save your modified image as a copy of the original. Never overwrite or save over the original because there is no way to get the original back later on. If you have lots of layers and adjustments it's best to save as a PSD file, since the other formats will lose all this extra information. Additionally, saving as a JEPG will lose some detail in the image since the image is compressed and during this compression, the quality will be reduced.

To recap - keep the original safe, do not overwrite it. Save as PSD to preserve layers and keep adjustments for later changes. Save as JPEG only for distribution - sending email, upload to the web and so on.

Last updated on: Tuesday 20th June 2017



Have a question or suggestion? Please leave a comment to start the discussion.

Danisa Rais

Danisa Rais

Thank you for publishing such a nice tutorial. Though cropping or rotating is not so hard, but still difficult for beginners.Many thanks for sharing.

Reply to Danisa Rais


Leave a Reply

Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.

Your email address will not be published.