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

  • 66
  • Idea
  • Updated 3 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

  • 130 Posts
  • 22 Reply Likes
  • happy

Posted 8 years ago

  • 66
Photo of Edward

Edward

  • 92 Posts
  • 24 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

  • 130 Posts
  • 22 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

  • 130 Posts
  • 22 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 David Jensen

David Jensen

  • 131 Posts
  • 46 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

  • 130 Posts
  • 22 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 Jon Fuller

Jon Fuller

  • 106 Posts
  • 15 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
  • 46 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 Jon Fuller

Jon Fuller

  • 106 Posts
  • 15 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 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 PECourtejoie

PECourtejoie, Champion

  • 795 Posts
  • 288 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
  • 46 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 Jon Fuller

Jon Fuller

  • 106 Posts
  • 15 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
  • 46 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
  • 46 Reply Likes
My new Corner Editor script is now at http://photoshopscripts.wordpress.com...