Photoshop: It would be good if the roundrect vector tool corner radius was editable during and after drawing

  • 63
  • Idea
  • Updated 2 years ago
  • Implemented
  • (Edited)
Problem Description — Illustrator allows realtime tweaking of the corner radius of rounded rectangles while drawing, using the arrow keys. It’s brilliant and takes the guesswork out of drawing rounded rectangles. Drawing a roundrect in Photoshop is a trial and error affair, because you have to choose the corner radius prior to drawing.

This means it usually takes several attempts to draw a rounded rectangle, because you have to delete what you’ve done and start again each time. It’d be even better if the rounded rect’s corner radius remained editable after drawing. Allowing a different corner radius for each corner would be the icing on the cake. Given the current implementation of vector rounded rectangles in Photoshop, I’m not sure how it’d be possible to implement edibility without significant changes.

Workaround — Lots of trial and error, drawing and redrawing until the correct radius is achieved.
Photo of Marc Edwards

Marc Edwards

  • 129 Posts
  • 18 Reply Likes
  • happy

Posted 5 years ago

  • 63
Photo of Edward

Edward

  • 92 Posts
  • 21 Reply Likes
It would be great if after creating a rounded rectangle I were able to resize it without affecting the corners. It would also be great to adjust roundness after it was created.

I'd call it "smart rectangles" ;-)

This reply was created from a merged topic originally titled
Photoshop: Editable rounded rectangles for Shape Layers.
Photo of Marc Edwards

Marc Edwards

  • 129 Posts
  • 18 Reply Likes
Yes. Buttons all over the internet would weep with joy if that was possible.
Photo of Joergen Geerds

Joergen Geerds

  • 32 Posts
  • 5 Reply Likes
or you could use fireworks...
Photo of Marc Edwards

Marc Edwards

  • 129 Posts
  • 18 Reply Likes
Without starting a huge debate on the topic, I'll just say that I've tried lots of different apps and methods and I really love Photoshop. Part of that will be due to my history (have been using it since version 2), but I've always tried to reassess regularly and make sure I'm using the best possible methods.

So while Photoshop may be lacking in some ways for UI design, it's still my favourite. And if some of these smallish things can be tweaked, I think it'll be the best tool for the job by far.

This site gives me confidence that Adobe want to address the small things that matter to UI designers.
Photo of Jeanne Rubbo

Jeanne Rubbo, Employee

  • 116 Posts
  • 17 Reply Likes
This is another great suggestion.
Photo of Garconis

Garconis

  • 102 Posts
  • 9 Reply Likes
Great idea, considering I create these very often (am a Web Designer). I hate having to redraw the shape because I guessed the wrong size for the corners. And as stated above, I also like the idea of having an option (potentially a checkbox somewhere) to resize/transform the square/shape but retaining the size of the original corners. Doesn't Illustrator have a similar feature/option?
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
I made a little configurator panel that will adjust the pixel radius of a Rounded Rectangle vector mask. It isn't as smooth as a built in tool would be, of course.
Currently, it can only adjust one layer mask at a time. It only works if there is only one sub-path in the selected layer's vector mask.
Unzip to [Photoshop 5 directory]\Plug-ins\Panels\
http://sites.google.com/site/davidjen...
Photo of Marc Edwards

Marc Edwards

  • 129 Posts
  • 18 Reply Likes
David, you're a champ! Thanks.

(Sure, it's not as good as having the feature in the app, but a good stopgap.)
Photo of Garconis

Garconis

  • 102 Posts
  • 9 Reply Likes
David, FYI -- I've been using your extension for a while now (since you posted it), and within the last 2 weeks, it seems it has been causing my Photoshop to lag. Mostly just when clicking on things (such as selecting text, clicking layers in the palette, etc.).

I'm not sure if it is your extension that is causing the lag, or just the Extensions in general. But yours was the only one I had installed, and whenever I disable it...Photoshop no longer lags. Any ideas?
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
It's a Flash panel, generated by Configurator. I just attach a script to each button, and the script is only running for a moment when you press a button. Maybe the Flash player is stealing focus. I've had issues with text fields in Photoshop.

The scripts could also be called by a set of actions, or a modal dialog. I'll try to put something together this weekend.
Photo of Garconis

Garconis

  • 102 Posts
  • 9 Reply Likes
Sounds good. Looking forward to it. Now that I've been using this for creating web designs, it's hard to stop using it. Ha.
Photo of Kyle Plattner

Kyle Plattner

  • 5 Posts
  • 1 Reply Like
Please bring more tools for the UI Designer. like rounded rects that don't distort and better layer styles options.

This reply was created from a merged topic originally titled
More UI Design Features in Photoshop.
Photo of Jeffrey Tranberry

Jeffrey Tranberry, Chief Customer Advocate

  • 11087 Posts
  • 880 Reply Likes
Please do a search to see if a topic already exists. This forum works best if you have one topic per idea. Add your vote to the existing ideas for layer style enhancements or create a new one if none of the existing ideas match your idea:

http://feedback.photoshop.com/photosh...

http://feedback.photoshop.com/photosh...
Photo of Maxim Artyushenko

Maxim Artyushenko

  • 5 Posts
  • 1 Reply Like
Fireworks has ability to round corners via changing corner radius. It would be great to not redraw vector shapes in order to round corners in PS.

This reply was created from a merged topic originally titled
Parametric corner rounding.
Photo of Tyler Murphy

Tyler Murphy

  • 13 Posts
  • 4 Reply Likes
I just posted about this on the CS6 forum: http://forums.adobe.com/message/42841...

A solution that I proposed would be an option to use the regular rectangle tool, but to set rounded corners on regular rectangles in the tool options bar. By doing this, the rounded corners would not be created with anchor points, they would be more of a smart effect/mask on the rectangle shape.

This way, you could select any rectangle and easily give it rounded corners in the tool options bar. You could also resize the rectangle without it screwing up your rounded corners, because the corners are not made with anchor points, they are just being applied to the rectangle shape.
Photo of oscar losan

oscar losan

  • 45 Posts
  • 4 Reply Likes
Photoshop CS6:
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

Photo of ezra sudhir

ezra sudhir

  • 3 Posts
  • 1 Reply Like
When I use rounded rectangle tool.. if Up arrow or down arrow could help to adjust the radius(similar like flash) that would be cool.

This reply was created from a merged topic originally titled
Photoshop: Changing Rounded rectangle radius.
Photo of Colorwaves

Colorwaves

  • 110 Posts
  • 10 Reply Likes
It would be great to be able to adjust the edges of rectangular shapes whenever we like, hence even after creation. Theoretically Photoshop wouldn't need three shapes like:
a) Rectangle Tool
b) Rounded Rectangle Tool
c) Ellipse Tool

Instead we would have just one shape, but be able to adjust its edges directly within the workspace (having little handles for that). When the edges value would be "0" then it would be a rectangular shape. "100" would mean a circle, while all the other values in between would be rounded rectangle shapes. We would be able to change the values whenever we need.

This would make us much more flexible. But there is even a further advantage, we would be able to transform the same thing from a rectangular shape into a circular one, without the need to create a new object instead as currently (if I don't miss anything)

Thanks, Michael

This reply was created from a merged topic originally titled
Photoshop: customizable rounded edges for (rounded) Rectangle Tool.
Photo of Mateus

Mateus

  • 1 Post
  • 1 Reply Like
Change corner radius of rounded rectangles after drawing them.
like fireworks.

This reply was created from a merged topic originally titled
Edit paths after drawing like fireworks..
Photo of Garconis

Garconis

  • 102 Posts
  • 9 Reply Likes
I can't believe Photoshop CS6 came so close to incorporating the ability to edit the radius. It even looks like it will work. But alas, it does not. When I have a "rounted reactangle" object selected, it should at least let me edit the corners radius again. Instead I have to create a whole new one and delete the old one.
Photo of Catalin11

Catalin11

  • 2 Posts
  • 0 Reply Likes
hi
David Jensen, do you have extension of Corner Radius for cs6? :)
Photo of Kyle Plattner

Kyle Plattner

  • 5 Posts
  • 1 Reply Like
Anyone receive this when you try to run?

Error 1302: No such element

Line: 51
-> radius4=lower-roundedRec.pathPoints[6].anchor[1]
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
This new version fixes the Mac crashing issue in my tests:
https://sites.google.com/site/davidje...

Is there anything else that would be helpful? How about updating multiple layers at once? Buttons like the old panel version?
Photo of borthjordan

borthjordan

  • 11 Posts
  • 1 Reply Like
Wow dude! Thanks a lot!

Will let you know if I think of enhancements!
Photo of borthjordan

borthjordan

  • 11 Posts
  • 1 Reply Like
Doesn't react well with when there are multiple paths in a shape. I think you mentioned this already somewhere.

I imagine it's hard to correct.
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
Yeah, it may be possible, but more than I am able/willing to do at this point.

There is no (documented) way to change an existing path using scripting. My script reads the first sub-path in a shape and gets the bounds and tries to determine the existing curvature of the corners. When you change the radius, the script deletes the existing vector mask and creates a new one.
I don't know of a way to get the currently selected sub-path to determine what needs to be changed.
Photo of Kyle Plattner

Kyle Plattner

  • 5 Posts
  • 1 Reply Like
I was wondering the same thing. It doesn't load at all anymore. I miss it.
Photo of PECourtejoie

PECourtejoie, Champion

  • 706 Posts
  • 261 Reply Likes
Looks like Davind Jensen did it again here is a panel that allows to change the corner's roundness after drawing, individually: http://photoshopscripts.wordpress.com...
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
Thanks for the feedback! I'll have a new version out soon that works with any shape with straight lines. It will also have multiple corner style options.
Photo of Garconis

Garconis

  • 102 Posts
  • 9 Reply Likes
David, I've also been using it occasionally, and love it. The main downside I see though is that even when the radius is none (set to 0), the corner still has more than 1 point (it has 3). Would be nice if it could somehow delete the other 2 unnecessary points when that radius is 0.
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
I did it that way so the (quite crude) method I used to determine the radius of existing corners would still work if the script was run again on the same shape.

The new script only creates one point when the radius is set to 0. I'm aiming at releasing it this weekend.
Photo of Kyle Plattner

Kyle Plattner

  • 5 Posts
  • 1 Reply Like
Please let us know if you do. I would be all over it. Your script gets daily use in my designs.
Photo of David Jensen

David Jensen

  • 131 Posts
  • 41 Reply Likes
My new Corner Editor script is now at http://photoshopscripts.wordpress.com...
Photo of PECourtejoie

PECourtejoie, Champion

  • 706 Posts
  • 261 Reply Likes
Editable Rounded rectangle corners is one of the new features of Photoshop CC:

http://blogs.adobe.com/photoshopdotco...
Photo of oscar losan

oscar losan

  • 45 Posts
  • 4 Reply Likes
incredibleeeeeeeeeeeeeeeee