How to Scale, Transform, and Resize an Object in Photoshop

Posted on November 16, 2020 by 2 Comments

How to Scale, Transform, and Resize an Object in Photoshop
Blog / Design / How to Scale, Transform, and Resize an Object in Photoshop

There are many ways to resize an object in Photoshop, but you don’t have to be a pro to get the effect you want. In this article, we are going to look at very simple ways to scale, transform, and resize an object using the Transform function.

In the example I’m using here, I have three layers. The bottom layer is a white layer in the background that I want to resize to fill the canvas. The middle layer is a sun graphic that I want to center and match to the size of the white layer. The third layer is a hibiscus flower that I want to fit into the circle center of the sun.

We’ll use different options for resizing to explore how each one works.

Resizing an Object Using the Scale Function

First I’m going to select the layer with the white square from the bottom-right corner of the screen. The selected layer has a light gray background.

how to resize an object in photoshop

Transform image 1

With the white square layer selected, click on the Edit menu, and select Transform>Scale.

how to resize an object in photoshop

Transform image 2

A bounding box with corner and side handles will appear around the white box.

how to resize an object in photoshop

Transform image 3

To quickly scale the box, click and drag any handle and the size of the box will change proportionally. This means the height and width will change in the same ratio as the original.

how to resize an object in photoshop

Transform image 4

When I do this, you can see that the box doesn’t quite fit the canvas. I need to customize the size so that it will fit.

To do this, I can look at the Options Bar at the top of the screen, and unclick the Maintain Aspect Ratio button (link icon) that sets the proportionality of the object.

how to resize an object in photoshop

Transform image 5

With that deselected, I can grab a side handle and drag it without changing the other sides.

how to resize an object in photoshop

Transform image 6

Now the white box fills the whole canvas so I’m finished resizing that layer.

Resizing an Object Using Free Transform

To show another way to resize an object in Photoshop, we will use the Transform function, which works just like scaling.

For this example, I’ve selected the layer with the sun graphic in the lower-right corner.

how to resize an object in photoshop

Transform image 7

From the Edit menu, select Free Transform.

how to resize an object in photoshop

Transform image 8

The sun now has a bounding box with handles that I can use to resize just as I did for the white square.

how to resize an object in photoshop

Transform image 9

I want to keep this one in proportion to start so I will click the Maintain Aspect Ratio button (link icon) in the Options Bar again, then use the handles to resize the sun so that it fills the white square.

maintain aspect ratio in photoshop

Transform image 10

There’s one other option for sizing here. Whether you choose Scale or Free Transform, you can use the handles on the bounding box as described above, or you can set the (H) height and (W) width percentages manually in the Options bar.

how to resize an object in photoshop

Transform image 11

I selected the layer with the flower this time. I made sure the Maintain Aspect Ratio icon was selected and increased the height percentage to 325%. The width automatically adjusted to the same percentage because the link was activated.

adjust size percentage in photoshop

Transform image 12

Resizing an Object Using Transform Sub-options

The Transform command has several other options like rotate, skew, distort, perspective, and warp.

transform sub options in photoshop

Transform image 13

These are other ways to resize an object in Photoshop to create different effects. In the example below, I used the perspective option to make the sun and flower look as if they are receding in space. This is done by adjusting the bounding box handles until you get the effect you want. I also used Free Transform on the flower to reduce its size.

perspective transform in photoshop

Transform image 14

Here’s a quick description of what each of the subfunctions will do. For a more detailed discussion, view this article.

  • Rotate will rotate the image around a fixed reference point. If you move your pointer outside the bounding border it becomes a curved, two-sided arrow. You can then drag the pointer to rotate the image. Press Shift to move the rotation in 15° increments.
  • Skew will slant your object vertically and horizontally. Just drag a side handle to slant the bounding box.
  • Distort allows you to stretch your object in all directions. Use the corner handles to distort the shape.
  • Perspective applies a one-point perspective to the chosen object. Grab a corner handle and drag to apply the perspective you want.
  • Warp allows detailed manipulation of the shape of an object. When activated, a “mesh” graph appears over the image. Drag the control points, a line, or an area within the mesh to change the shape of the mesh and the shape of the object will follow.

Keyboard Shortcuts

Because it can be more efficient to keep your hands on the keyboard, here are some keyboard shortcuts you can use for resizing.

  • Use Ctrl + T for Windows or Command+T for Mac to activate Free Transform. This will place a bounding box around the selected layer/object.
  • Hold down your Alt key for Windows or Option key for Mac as you’re dragging the handle to reshape the area from its center.
  • When dragging a handle on a bounding box in Free Transform, hold down your Shift key, which will constrain the aspect ratio as an alternative to clicking the Maintain Aspect Ratio button.
  • Holding down Shift + Alt (Windows) or Shift + Option (Mac) while clicking and dragging a handle will resize an object proportionally from its center if you click a corner handle, or will adjust opposite sides equally if you are using a side handle.
  • When a bounding box is visible around an object, right-click for Windows or Control + click (Mac) will display the Transform options sub-menu containing the rotate, skew, distort, etc. If you select any of these sub-options, you can hold Alt (Windows) or Option (Mac) while clicking and dragging to perform the function.
  • Further, with Free Transform active, you can temporarily switch to the Skew, Distort, or Perspective modes directly from the keyboard without having to select them from any menu.
    • For Skew or Distort mode, just hold down your Ctrl (Windows) or Command (Mac) key as you drag a side or corner handle.
    • For Perspective mode, hold down Shift+Ctrl+Alt (Windows) or Shift+Command+Option (Mac) and drag a corner handle.
    • Releasing the keys switches you back to the standard Free Transform mode.
    • Pressing enter exits the Free Transform function.

Conclusion

Transform and Free Transform are the simplest ways I’ve found to resize objects in Photoshop. Once you’ve used them a couple of times, they really become second nature. You can use multiple transformations too to get just the right effect for your object.

This is a good place to start if you’re just learning how to transform objects. If you’re ready to move on, or just want more detailed and comprehensive instructions, check out this article on Adobe’s Help page.

If you try these techniques or others, leave us a comment, and tell us how it went!

Featured Image via Ivan Lukyanshuk / shutterstock.com

Divi

Want To Build Better WordPress Websites? Start Here! 👇

Take the first step towards a better website.

Get Started
Divi
Premade Layouts

Check Out These Related Posts

9 Best Design Tools for 2024 (Ranked & Compared)

9 Best Design Tools for 2024 (Ranked & Compared)

Updated on April 24, 2024 in Design

Whether you’re a new designer or a seasoned professional, choosing the best design tools for your needs is a big decision. Considerations such as skill level, options, and price all come into play. Thankfully, we’ve done a deep dive into the most popular and highly-rated design tools on...

View Full Post
10 Best AI Animation Generators in 2024 (Free and Paid)

10 Best AI Animation Generators in 2024 (Free and Paid)

Posted on March 2, 2024 in Design

Are you looking to elevate your digital content with eye-catching animations? Welcome to a new era of artificial intelligence (AI), where AI animation generators transform how we create dynamic visuals. With such a growing demand by marketers and designers, these AI-powered tools are becoming...

View Full Post
Adobe Express Review: Top Features & Benefits (2024)

Adobe Express Review: Top Features & Benefits (2024)

Updated on February 8, 2024 in Design

At a time when photo editing and sharing is all the rage, a tool like Adobe Express is bound to be popular. For many, it is a go-to solution for making creative, share-worthy masterpieces without any hassle. Use it to create a variety of designs to market yourself or your business via social media...

View Full Post

2 Comments

  1. The transform feature is a fairly basic operation and I would have thought that anyone spending the kind of money needed to buy a full version of Photoshop would know how to perform basic operations like this. The point I’m driving at is that this tutorial might have had more resonance with the reader using Elements. While many of the features of Elements and Photoshop are the same, it’s finding out where they are located on the dropdown menus or even the toolbar that’s the frustrating part.

    I don’t mean to be critical, it’s a good article.

    • Hey Brian, thanks for the feedback. You’re probably right that more folks would want this tutorial for Elements. However, we do keyword research for all of our articles before writing them to help determine potential popularity. Turns out a lot of folks still have this question! Maybe we’ll take your advice though and do another for Elements. I’ll look into it!

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

Get Started With Divi