Keeping Rounded Rectangle’s Corners When Adjusting Its Size in Photoshop
Maintain or preserve the radius of a rounded corners button during resizing in Photoshop was bugging me for a while but I did solve it with a little help from my colleague, Steff, who’s writing as well useful tutorials about ModX CMS rules .
As we already now, Photoshop is not working with vectors but shapes which is making harder to change the width (or height) of a button and keep it’s roundness while scaling Photoshop.
Usually when you try to scale a rounded rectangle using the normal way of dragging from the path points of the shape you get deformed corners, no longer rounded, something like this:
Although the normal way it should be the logical one, the corners don’t remain intact even when you use the Transform tool to scale the shape. The result is a totally failure, the corners are completely compromised.
Still the is a nice workaround and the best part is that it takes a few seconds to have the work done. To accomplish this you will have to follow a few steps:
1. the button has to be make with a shape using Rounded Rectangle Tool.
2. click on Direct Selection Tool (the white arrow from left Tools vertical bar).
3. click on your rounded rectangle button and then drag an imaginary square to select the 2 corners you want to use to resize the button.
4. hit and hold down Shift while resizing the rounded rectangle – click on one of that 2 selected corners and drag to resize.
If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.
This has been bugging me for ages when I’m doing client work, I used to just remake the shape until it was the right size, which could take ages haha, so much easier now that I found this, thanks buddy :-)