Change corner radius of rounded rectangles after drawing them

It is great that vector shapes feel even "smarter" in CS6, allowing you to change the stroke width and color after drawing them.
Designing user interfaces, I use a lot of rounded rectangles, and I often have to change the corner radius of a rounded rectangle that I've drawn by a pixel or two. Rather than having to trash the original shape and making a new one, it would be great if you could select the existing rounded rectangle and change the corner radius. I realize that there is a dilema: the user is technically free to move anchor points around and change the object from a rounded rectangle; but Photoshop could basically keep track of whether or not the shape's anchor points have been modified, and whether or not it should still be classified as a rounded rectangle.
Alternatively, this might be an even better solution: rather than having the rounded rectangle be its own shape tool, as it currently is, just give users the rectangle tool, and let them adjust the corner radius of a rectangle at any time in the tool's options bar. The rounded edges of the rectangle would technically not be created with anchor points, it would be more like a smart effect that Photoshop is performing by rounding the edges. Another benefit of this would be that you could free tranform the rectangle, and the rounded corners would not get screwed up as they currently do, because Photoshop knows that this is just a rectangle shape that you always want to have rounded corners on.

Oh thanks for the heads up, I had not seen the Photoshop GetSatisfaction page before. Here is a topic with the idea: http://feedback.photoshop.com/photoshop_family/topics/it_would_be_good_if_the_roundrect_ve ctor_tool_corner_radius_was_editable_during_and_after_drawing
Vote it up people.

Similar Messages

Premiere Pro cs6 How to adjust radius of rounded rectangle

I think my title covers my question.
How do I adjust radius of rounded rectangle in Premiere Pro CS6? Trying to make a lower third and don't want the exaggerated rounded corner. Is there a way to adjust the radius of the corner?
Thanks

how about using the pen tool? Either place your rounded rectangle in your spot (to use as a template, guide to line up, or practice pen) and draw over with the pen tool
or, draw your rounded rectangle with the pen (no guide)
with the pen - properties - graphic type - choose 'filled bezier'
EDIT - just using the rounded rectangle tool, gives the properties- graphic type - round rectangle (ah, but then I also see a 'rounded corner rectangle')
so, change option to 'filled bezier' and either delete middle anchor point of corner and use convert anchor point tool to pull out corners
or - change option to 'filled bezier' choose pen tool, select middle anchor point, click, hold and move to your choice
or I have misunderstood your rounded rectangle to be either
1. round rectangle
2. rounded corner rectangle

Photoshop CC: Convert Rectangle to Rounded Rectangle?

I saw that the Rounded Rectangle properties were not available on the regular rectangle (to change corner radius). Any way to convert it?

I have the newest Everything.
Adobe Photoshop Version: 14.0
Operating System: Mac OS 10.8.4
Properties panel for regular rectangle—not rounded rectangle: http://d.pr/i/XT8K
I'm looking to easily convert to rounded without drawing a rounded one in place of the square one.

Rounded Rectangles question

I'm afraid I may know the answer to this already, but this is so fundamental I think I must be doing something wrong. In AICS3, I want to draw a rounded rectangle, but I want to control the radius of the arc defining the four corners. I'm trying to emulate an open field notebook, which has rounded corners on its pages. Illustrator seems to have a single radius, randomly chosen and consistant regardless of the size of the rectangle. I've tried double clicking the icon and get nothing. The "Transform" palette is the same as it is for all shapes: nothing but simplistic x,y inputs. (As an aside, I run into these types of problems quite a bit. The fact that AI does not draw circles and arcs has always been a problem (a circle or arc being a line controled by radius, diamter, chord, circumference or fractions thereof.)) The rounded rectangle I draw is nothing more than a rectangle with two control points at each corner. I'm hopeful there is an easy way to make those corners perfect arcs of any size by some numerical input somewhere, but I'm afraid I'm going to have to resort to my usual method: drawing it in my CAD program and importing it. Optimisim, however, rules the day today and so I'm throwing the question out there. I have CS4 access, too, so if it is possible in that version I'll switch computers for a while. Thanks in advance for any help!
MGuilfoile

While dragging a rounded rectangle, add the keyboard modifier of up cursor or down cursor to adjust the radius, while drawing.
If you click once with the rounded rectangle tool and let go, you will get the dialog box.

Smart Shapes corner radius

In Captivat 5.5 it was possible to change the corner radius of a rectangle.
In Captivate 6 is it possible to change the corner radius of a smart shape rectangle or round corner rectangle?

Hello Jay,
You cannot change it for the rectangle, but for the rounded rectangle you'll have to drag the small yellow handle to change the corner radius. I regret that it is no longer possible to type in a number for that radius (asked for it, not listened to) but you can edit with the mouse.
BTW: those yellow handles do appear on a lot of shapes and always are meant to change the look. If you want more editing you can convert each shape to Freeform shape and move the handles as well as the tangent points to create nice Bezier curves. Not every editing functionality is there like in Illustrator/Photoshop.... (asked for a full Pen functionality but rejected feature request) but it is a start. Perhaps I should create some video on YouTube (did you know I started creating them?)
Lilybiri

Rounded rectangle set corner radius in pixels?

If I create a rounded rectangle, is it possible to set a pixel dimension on the corner radius rather than dragging the handle and doing it by eye?
Thanks

Yes. Change from the default % to px in the Properties panel. You can also enter an exact radius in the Autoshape Properties panel if you use the rounded rectangle auto shape instead of a regular rectangle.

Rounded Rectangle Tool Corner Radius setting

I'l like to see the Rounded Rectangle Corner Radius setting moved from General Preferences to either the RR Tool option bar, or double click on the RR Tool to access its Corner Radius setting.

Yes. Change from the default % to px in the Properties panel. You can also enter an exact radius in the Autoshape Properties panel if you use the rounded rectangle auto shape instead of a regular rectangle.

Why can't I "change one corner of rounded rectangle to a point"?

Change one corner of rounded rectangle to a point. This was in a recent emailing of InDesign Magazine's Tip of the Week. I do what it says but it doesn't work.
It says to draw a rectangle. I do. Fine.
It says to apply rounded corners. I do. Fine.
It says, "select the path you want to expand..." I don't.
The only path is the one that goes around the whole rectangle.
It sends me to Window > Object and Layout > Pathfinder.
Those choices don't exist.
So I never get to the later instructions.
I use ID CS v. 3.0.1.
Could these be instructions for a later version?
Or am I missing something?
Thank you.

You need to select the rounded rectangle and the small rectangle that you'll be combining to use that technique.
There was also a script called CornerEffects.jsx that shipped as one of the samples on the disk (I don't recall anymore if CS3 installs them by default, but I beleive it does). You can apply the rounded corner to only some of the corners using that script, and leave others square.

Specify the corner radius of a rounded rectangle

This question was posted in response to the following article: http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6261a .html

It's just a small part of a much larger lameness: Unlike every other mainstream drawing program, Illustrator has never provided live geometric primitive objects (ellipses, rectangles, polygons, stars with live geometric parameters). When you use Illustrator's LBO tools (Lines, Boxes, Ovals), you just end up with dumb ordinary paths with no live adjustments.
The Convert To Shape Effect is a completely unintuitive, anemic, incomplete, tagged-on workaround for lack of one of the most commonly taken-for-granted drawing feature sets on the planet. Not that Convert To Shape is usless; it isn't. But it's ridiculous that it is limited to just rectangles, rounded rectangles, and ellipses. Why would such a feature not be able to use any shaped path (in fact, anything stored as a Symbol)?
Regardless, Convert To Shape is not a reasonable substitute for proper geometric primitives tools. For just one example, compare FreeHand's single Ellipse tool to Illustrator's utterly lame Ellipse and Arc tools combined. This single intuitive and elegently designed tool serves for circles, circular arcs, ellipses, and elliptical arcs, either freehand or with numerical precision; and those parameters can be changed any time the user wants. This also makes the tool servicable as something Illustrator has never heard of: an elliptical "protractor" that can be utilized to determine correctly foreshortened line lengths at any viewing angle.
That's an example of the kind of just-under-the-surface power that a single thoughtfully-designed and thoroughly-integrated drawing interface can yield. Compare that to the underpowered tool-glut clutter that so saturates Illustrator.
JET

Adjusting the Corner Radius of a Rounded Rectangle Mask

Rounded rectangle shapes have a controller to adjust their corner radius. Is there a way of adjusting the corner radius of a rounded rectangle mask?

Hey David,
I had never tried that before, but I looked and tried and "heck"... you can't do it. I could see how I would want to be able to do that, now that you mentioned it.
I cannot understand the inconsistencies in some of the iLife and iWork apps. I still think you should be able to add a "Table" in iWeb, but alas, not even in iWeb'09. Come on Apple. Clean up some of these pretty obvious loose ends.
Adam

How to get radius of round corner of rectangle in solidfill layer?

Is there any way to calulate the radius of round corner of roundRect in solidfill layer ?? help please!

Then it should not be hard to identify the PathPoints that for the straight parts and then evaluate the coordinates.
What’s giving you problems?

Change radius of rounded corners rectangular shape

Hi there.
DW CS3.
I have made a shape with the Rounded Rectangular Tool (U) with a radius of 7 px. How can I change the current button to have a radius of 10 px?
I can manage to get the Transform Controls to show, but cannot get it to change the radius.
I will really appreciate your help.
Regards,
Deon

OK, then...
You can't dynamically change the radius of a Rounded Rectangle shape after it's been created.
You have to set a new radius value in the Options Bar, and draw a new shape.

Rounded rectangle tool: change rounded corners

would be nice:
- Changed round every corner Radius property (not all at once)
- After creating a rectangle, we can change stroke but not the radius

Hello, Oscar, it has been requested in other threads.
http://forums.adobe.com/message/4284293#4284293 and http://forums.adobe.com/message/4285607#4285607
I suggest that you vote on this request: http://feedback.photoshop.com/photoshop_family/topics/it_would_be_good_if_the_roundrect_ve ctor_tool_corner_radius_was_editable_during_and_after_drawing or this one: http://feedback.photoshop.com/photoshop_family/topics/photoshop_customizable_rounded_edges _for_rounded_rectangle_tool
Also, you might want to change your user name to something other than your email to avoid spam.

Feature Request: Maintain radius on rounded corner boxes when resizing

Since I make a lot of "buttons" using the rounded rectangle tool it would be AMAZING if the corder radius is maintained when resizing using command-t.
Currently the radius is squashed or stretched depending on which way I resize the box.
Steps to see the incorrect behavior:
Create a rounded rectangle box with a radius of any size (though the larger it is the easier the problem is to see eg: 8px)
Observe that your corners are a nice 8px
Select the layer with the rounded rectangle box and press command-t on mac.
Make the rectangle narrower (a common function when the text in a button changes)
observe that the corner radius is now <8px (the height is correct but the width is squashed narrower)
Further, observe that if a box is downsized with constrained proportions (holding down shift key) the entire radius size is reduced
Desired steps:
Create a rounded rectangle box with a radius of any size
Observe that the corner radius is N px
Select the layer with the rounded rectangle box and press command-t on mac
Make the rectangle narrower or resize in any arbitrary way
observe that the corner radius of the box is still N px, as if the box had just been created
THANKS!

I second the motion!
Someone else posted a request similar to this a few days ago as well, and it's a feature that would be very useful.
It should be like the 'Rounded Corners' Effect in Illustrator, where you can drag and scale in any way without destroying the corner radius or changing it's actual radius.
I too work with iOS and OSX developers creating UI graphics for mobile apps and web apps. Buttons and tool bars are common things I create every day now, and I'm sure a lot of us are moving in this direction.
This would be a HUGE time saver!

Spark - Drawing a rounded rectangle with 3-sided border?

I am upgrading to the Spark theme, and I am trying to draw a rectangle, with a corner radius of 20, with a border on only the top, right, and bottom sides.
Basically, I want it to dock flush left in my application and extend out in a rounded rectangle.
But I Cannot figure out how I would draw this in SVG? Anyone done this yet?

Ned,
Thank you for your response. I apologize for the delay in my own response.
I was seeing distortion in x direction as well.
I was able to solve my problem using 9-slice scaling. I used the scale9Grid property.

Change corner radius of rounded rectangles after drawing them

Similar Messages

Maybe you are looking for