Lesson 8 of 80 – Canvas Size
10%

Canvas Size in Photoshop

Canvas Size controls the overall working area of a Photoshop document. It is different from Image Size because changing the canvas size changes the area around the image without automatically changing the existing image pixels.

Note: Image Size changes the dimensions of the image itself, while Canvas Size changes the size of the area in which the image is placed.

1. What is Canvas Size?

Canvas Size defines the total working area of a Photoshop document.

You can increase or decrease the canvas around an existing image without directly resizing the image itself.

2. Canvas Size vs Image Size

These two commands perform different tasks.

  • Image Size: Changes the dimensions of the image and, when resampling is used, its pixel dimensions.
  • Canvas Size: Changes the working area around the image.

Understanding this difference is very important for beginners.

3. Opening Canvas Size

To open the Canvas Size dialog, choose:

Image → Canvas Size

Photoshop will display the current canvas dimensions and options for changing them.

4. Current Canvas Dimensions

The Canvas Size dialog shows the current width and height of the canvas.

These dimensions describe the total working area of the document.

5. Increasing Canvas Size

Increasing the canvas size adds additional working area around the existing image.

The existing image does not automatically become larger just because the canvas is enlarged.

6. Decreasing Canvas Size

Decreasing the canvas size removes part of the working area.

If the new canvas is smaller than the image, portions of the image outside the canvas can be cropped from the document view.

Important: Be careful when reducing canvas size because content outside the new canvas may no longer be visible.

7. Canvas Width

Canvas Width controls the horizontal size of the working area.

Increasing the width can add space to the left, right, or both sides depending on the Anchor setting.

8. Canvas Height

Canvas Height controls the vertical size of the working area.

Increasing the height can add space above, below, or on both sides depending on the selected Anchor position.

9. Units for Canvas Size

Photoshop allows you to specify canvas dimensions using different measurement units.

Common units include:

  • Pixels
  • Inches
  • Centimeters
  • Millimeters

10. Relative Option

The Relative option can be used when you want to specify how much additional canvas should be added or removed rather than entering the complete final dimensions.

This can make it easier to add a specific amount of space around an existing design.

11. Example of Relative Canvas Size

Suppose your current canvas is 1000 × 800 pixels.

If you use Relative and add 100 pixels to the width and 100 pixels to the height, the canvas becomes larger by those specified amounts.

The exact distribution of the additional space depends on the Anchor setting.

12. Anchor

The Anchor control determines where the existing image remains positioned when the canvas size changes.

Think of the anchor as the point that stays fixed while the canvas expands or contracts around it.

13. Center Anchor

When the center position is selected as the anchor, additional canvas space is generally distributed around the existing image.

This is useful when you want approximately equal space added around the image.

14. Left Anchor

If the left side is anchored, the existing image stays positioned relative to the left side while additional canvas area is added toward the opposite side.

This can be useful when creating extra space for text or graphics on the right side.

15. Right Anchor

A right-side anchor keeps the existing image positioned relative to the right side when the canvas is changed.

Additional space can therefore be created toward the left.

16. Top Anchor

A top anchor keeps the existing image positioned relative to the top of the canvas.

Additional canvas area can be added toward the bottom.

17. Bottom Anchor

A bottom anchor keeps the existing image positioned relative to the bottom of the canvas.

Additional canvas area can be created toward the top.

18. Canvas Extension Color

When additional canvas area is created, Photoshop needs a way to display the new area.

Depending on the document and Photoshop version, you may be able to choose an extension color such as the current background color, foreground color, white, black, or another option.

19. Canvas Extension Example

Suppose you have a photograph and want to add white space around it for a simple poster design.

You can increase the canvas size and choose an appropriate extension color.

20. Canvas Size for a Border

Canvas Size can be used to create extra space around an image that can act as a simple border.

For example, increasing the canvas and choosing a contrasting extension color can create a border-like effect.

21. Canvas Size for Text Space

You can increase the canvas to create additional space for text.

For example, if an image fills the entire document, you can increase the canvas at the bottom and place a title or caption in the new area.

22. Canvas Size for Social Media Designs

Canvas Size can help when adapting an existing design to a different layout.

You can add space around an existing graphic without immediately scaling the original artwork.

23. Canvas Size for Banners

Suppose you have a square design and want to add extra space horizontally to create a wider banner.

Increasing the canvas width can provide the additional working area while leaving the existing artwork at its current size.

24. Canvas Size Does Not Automatically Scale the Image

This is one of the most important differences between Canvas Size and Image Size.

Increasing the canvas does not automatically enlarge the existing photograph or artwork.

The canvas becomes larger while the existing content remains at its current dimensions.

25. Canvas Size and Cropping

Reducing the canvas can effectively crop away areas that fall outside the new canvas boundaries.

Therefore, check the anchor position carefully before reducing the canvas.

26. Beginner Practice

Try this exercise:

  1. Open a photograph in Photoshop.
  2. Select Image → Canvas Size.
  3. Increase the width.
  4. Choose the center anchor.
  5. Observe the additional space on both sides.
  6. Try a left or right anchor.
  7. Compare the results.

27. Image Size vs Canvas Size Example

Feature Image Size Canvas Size
Changes working area No Yes
Can change pixel dimensions Yes No, not by itself
Can add space around image Not its main purpose Yes
Can crop canvas area Not its main purpose Yes

28. Common Canvas Size Mistakes

Beginners should avoid these mistakes:

  • Confusing Canvas Size with Image Size
  • Ignoring the Anchor setting
  • Reducing the canvas without checking the image position
  • Choosing the wrong measurement unit
  • Forgetting why additional canvas space is required

29. Complete Canvas Size Workflow

  1. Open an image or Photoshop project.
  2. Select Image → Canvas Size.
  3. Check the current canvas dimensions.
  4. Enter the required width and height.
  5. Select the appropriate measurement unit.
  6. Choose Relative if you want to add or remove a specific amount.
  7. Choose the required Anchor position.
  8. Select an appropriate canvas extension color if available.
  9. Click OK.
  10. Review the resulting canvas.

30. Summary of Canvas Size

Canvas Size controls the total working area of a Photoshop document. It can be increased to create additional space or decreased to reduce the visible working area.

The Anchor option determines where the existing image remains positioned when the canvas changes.

In the next lesson, we will learn about the Zoom and Hand Tool.

📌 Key Points

  • Canvas Size controls the overall working area of a document.
  • Canvas Size is different from Image Size.
  • Increasing the canvas adds working space around the artwork.
  • Decreasing the canvas can remove areas outside the new boundaries.
  • The Anchor option controls the position of the existing artwork.
  • The Relative option can be used to add or remove a specified amount.
  • Canvas extension color controls the appearance of newly added canvas space when applicable.
  • Canvas Size is useful for borders, banners, posters, and additional text space.
  • Always check the Anchor position before changing the canvas.
  • Canvas Size does not automatically resize the existing image.

🧠 Quick Quiz

Question: What is the main purpose of Canvas Size in Photoshop?