How to add canvas in photoshop?

Hello 👋,

Welcome To aGuideHub! ❤️

In this article, we will learn how to add extra space around the image.

Table of contents

  • Convert the Background layer into a normal layer
  • Select the crop tool
  • Drag the handles to resize the crop border
  • Apply the crop
  • Add a Solid Color fill layer
  • Drag the fill layer

Let’s start with the first step.

Step 1: Convert the background layer into a normal layer

With our newly opened image in Photoshop, if we look in the Layers panel, we find the image sitting on the Background layer, currently the only layer in our document.

How to add images in photoshop?

Photoshop, Double-click

we should do is convert the Background layer into a normal layer. The reason is that we want the extra space to appear on its own separate layer below the image, but Photoshop doesn’t allow us to place layers below a Background layer. To do that, in Photoshop Cs6, all we need to do is click on the small lock icon to the right of Background layer’s name: Photoshop, Lock-icon

Press and hold the Alt key on your keyboard and double-click on the name Background.

Photoshop, Background

The Background layer is instantly converted to a normal layer and renamed Layer 0:

Photoshop, Layer0

Step 2: Select the crop tool

Select the Crop Tool from the Toolbar along the left of the screen. You can also select the Crop Tool by pressing the letter C on your keyboard.

Photoshop, Crop-tool

Step 3: Drag the handles to resize the crop border

To add extra space around the image, all we need to do is click on the handles and drag them outward. Photoshop will then expand the size of the canvas to match the new size of the crop border.

Photoshop, Apply, Convas, Size

With the Crop Tool selected, Photoshop places a default crop border around the image, along with handles on the top, bottom, left and right of the border, and one in each corner. We’ll use these handles to resize the crop border and add our extra canvas space.

Photoshop, Around, Convas

Click the Cancel button at the top of the menu and resize your image.

Photoshop, Cancel, Button

Step 4: Apply the crop

To apply the crop, click the checkmark in the Options Bar, or press Enter on your keyboard.

Photoshop, Checkmark

Photoshop crops the image, although in this case, we’ve actually done the opposite; we’ve added space with the Crop Tool rather than deleted it.

Photoshop, Image, Spase

Step 5: Add a Solid Color fill layer

Click on the New Fill or Adjustment Layer icon at the bottom of the Layers panel.

Photoshop, New, Fill, Layer

Then choose Solid Color from the top of the list that appears.

Photoshop, Solid-color

Photoshop will pop open the Color Picker where we can choose a color for the border. The default color is black, but choose white for now. Click OK to close out of the Color Picker.

Photoshop, Color-picker

We need to move the fill layer below the image in the Layers panel so that it appears behind the image in the document. To do that, simply click on the fill layer and drag it down below Layer 0. When you see a horizontal highlight bar appear below Layer 0, release your mouse button.

Photoshop drops the fill layer into place below the image.

Photoshop, Dragging, Solid, Color

Step 6: Drag the fill layer

If we look in the Layers panel, we can see our Solid Color fill layer, named Color Fill 1. And, we see that the reason it’s blocking our image from view is because it’s currently sitting above the image on Layer 0. Any layers above other layers in the Layers panel appear in front of those layers in the document

Photoshop, Layers, panel

Changing the color of the border

To change the color, double-click on the fill layer’s color swatch in the Layers panel.

Photoshop, Change, Color

And now, the image appears in front of the red Solid Color fill layer in the document, creating our photo border effect. And change the border color as you like.

Photoshop, For, Example

When you follow the above steps then it will create canvas it will show in photoshop.

Thanks for reading…

Premium Content

You can get all the below premium content directly in your mail when you subscribe us


Portfolio Template

View | Get Source Code

Cheat Sheets

Cheat Sheets Books are basically Important useful notes which we use in our day-to-day life.

I'm working on some more Cheat Sheets book on Jquery, TypeScript, React js and for other languages. I will send it once it's completed.

Related Posts