♥ Tutorials > Photoshop > Add canvas to image ♥

This tutorial teaches you how to keep your original image size the same while increasing the workspace around it by exactly how much you define.

This method can be used whenever..

1. you found out that you want to increase the width/height of the image you are working at without changing the image's size.
2. you want to frame a photo, by adding a simple border.


3. Therefore, this tutorial contains two main parts, click if you want to skip steps:
   • Increasing workspace
   • Add a simple border around image
   • Tips

1. Adobe Photoshop
   This guide is written for Adobe Photoshop users, written base on Adobe Photoshop 7.

You can right click to save these images in your computer to follow through this tutorial.

But please bear in mind these pictures belong to me and you should not distribute them in anyway or claim it your own, which means you cannot put them in your websites too.

1. Open the image file.
   
   
2. Select Image > Canvas Size from the top menu.
   
   
3. In this case I want to add a canvas such that after the addition, I will have more workspace. The image here is 13 x 11 px, say I want to increase the space to 50 x 50 px.
   
   This can be achieved in two ways
   1. First method is by using the "Relative" option. With this selected, photoshop will add additional pixels to the dimension.
      
      Immediately after the canvas option pop out, check the "Relative" option.
      From here, input the values "37 pixels" for width, and "39 pixels" for height to make a 50 x 50 px image. (Make sure "pixels" is selected from the drop down menu!)
      
   
   
   2. The second method is by using the exact image values.
      
      Immediately after the canvas option pops out, uncheck the "Relative" option.
      From here, change the width value to "50 pixels" and height value to "50 pixels".
      Again, make sure "pixels" is selected from the drop down menu.
      
   
   
4. Click "ok" to apply the canvas.
5. The image should appeared like this in your photoshop window if you have followed the steps correctly.
   

1. Open the image file.
   
   
2. Resize the image if applicable. If you use the image provided, it has already been resized to 380 x 285 px.
3. Change the color of the background color at the toolbar to the color you want your canvas/border to be.
   


4. Select Image > Canvas Size from the top menu.
   
   
5. In this case I want to add a canvas such that after the addition, I will have a 400 x 300 px image.
   
   This can be achieved in two ways
   1. First method is by using the "Relative" option. With this selected, photoshop will add additional pixels to the dimension.
      
      Immediately after the canvas option pop out, check the "Relative" option.
      From here, input the values "20 pixels" for width and "15 pixels" for height to make a 400 x 300 px image. (Make sure "pixels" is selected from the drop down menu!)
      
   
   
   2. The second method is by using the exact image values.
      
      Immediately after the canvas option pops out, uncheck the "Relative" option.
      From here, change the width value to "400 pixels" and height value to "300 pixels".
      Again, make sure "pixels" is selected from the drop down menu.
      
   
   
6. Click "ok" to apply the canvas.
7. The image should appeared like this if you have followed the steps correctly.
   


8. Optional: Add captions to photos
   
   
9. Thicken the image with addition pixel at the bottom. Say additional of 30 pixel to the bottom.
   Click on the area the arrow points to in the following picture.
   
10. Follow by your caption by the Typing tool at the toolbar menu
    
    Final results!
    

A transparent canvas will be incurred if the image you add canvas on has many layers on it as well as a transparent background. If you wish to add a colored canvas, flatten the image first from the Layer menu > Flatten Image.