Nature Notes

May 15, 2008

Photoshop Tutorial- Adding Canvas to an image

Filed under: Photoshop Tutorial,Processing Tips — Tags: , — Harold Stiver @ 12:47 pm

You’ve taken a lovely image but you wished you had left more room on one side. Here’s an easy method

Before image (Photoshop Tutorial)

The Before Image

1.Create some blank canvas on the side you wish to increase, {IMAGE > CANVAS SIZE}

Click on “RELATIVE” checkbox

Change WIDTH box (For example 200 pixels)

In the 3 x 3 box with arrows, click on the appropriate arrow. In our case we want more space on the right frame, so we click the middle arrow on the left.

Click “OK”

or another way

Use the CROP tool and drag it over the entire image. On the side you wish to add canvas, drag the box in the middle of the outline, and drag it away from the image with the mouse to a suitable distance. Click on the image to complete.

Increased blank  image (Photoshop Tutorial)

Image with increased blank canvas


In the the STYLE BOX at the top of your window, select NORMAL.

Select the portion of the image you wish to expand. In our case, we select the area just to the right of the rock wren and rock, and just to the left of the new blank canvas.

Expanded  image (Photoshop Tutorial)

Expanded Image with Portion selected

3. Right-click on the selected area and pick FREE TRANSFORM.

Small boxes or “handles will appear at the edges of your selection. Hold your mouse button down over the the middle right handle, and drag it till it covers the blank canvas.

Double click within the selected space.

Extended  image (Photoshop Tutorial)

Image with extended area

4. Deselect and crop the image to your liking.

Final  image (Photoshop Tutorial)

Final Image

Index to Photoshop Tutorials.

This tutorial is a part of the Photoshop Workflow Series

All Images are Available for Licensing at Singular Video&Pix

Facebook Flickr Vimeo Twitter LinkedIn Contact Us License Images


  1. […] we are just going to work with the buildings. First we give ourselves room to work with by adding canvas all around the image (Image 2). Image […]

    Pingback by Photoshop Tutorial: Fixing Prospective | Nature Notes from Harold Stiver — October 26, 2008 @ 1:39 pm

  2. Hi Harold. the tutorial is exactly what i needed but having followed it exactly as you have laid it out i cannot access the “free transform” when i try and select it only “transfrom selection” then “free transform is selectable but even then it does not produce the copied selection in my added canvas area, so i’m doing something wrong? i’m using CS3, thanks,regards, Wayne

    Comment by Wayne — April 11, 2009 @ 4:11 am

  3. Hi Wayne:

    From the point where you have the selection that you want to stretch, do the following:

    Right click your mouse over the selection and pick “Free Transform”

    On the side you want to extend the selection into, hold your left mouse down on the handle of the selection on the side where you want to extend it and pull it across into that side. (The handle is the small square on the edge of your selection shown by the marching ants)

    When you have the selection stretched to where you want it, double click your mouse in the area selected.

    This works in CS3.

    Good luck, Harold

    Comment by Harold — April 11, 2009 @ 7:30 am

  4. Thank you so much for this!

    Comment by John — June 23, 2015 @ 7:00 pm

  5. You’re welcome. John

    Comment by Harold — June 23, 2015 @ 10:55 pm

RSS feed for comments on this post. TrackBack URL

Leave a comment

Powered by WordPress