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

Similar Messages

  • 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

  • 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.

  • Get Current Selected RoundRect Corner Radius

    Alright, been working on this stuff for hourssss now, so I felt that after this much searching and messing about it would be worth it to ask this question.
    So I have a rounded rectangle vector mask path here:
    http://cl.ly/1M2E0C1X0V1y2w430x0q
    Is there any way at all to get the corner radius of that rounded rectangle which is (40) and then assign that to a variable? If there isn't an easy way to do it, the next best guess would be to take the first pathitem distance from the top and subtract the 8th pathitem distance from top of canvas from that essentially getting the border radius just from the change in distance between those two points from the top of the canvas. I have an example shown below:
    http://cl.ly/2L280K0O0s0J3I3A3h2O
    This code gets the x,y values of all points in the document, can I limit it to just the points on that layer vector mask? And then subtract one from the other and assign that to a variable?
    #target photoshop
    var doc = app.activeDocument;
    var ppList = doc.pathItems[0].subPathItems[0].pathPoints;
    for ( var i =0; i < ppList.length; i++ )
          $.write('Path Point '+i)
          $.writeln(' X:'+ppList[i].anchor[0]+' Y:'+ppList[i].anchor[1])

    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?

  • 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.

  • Fix the pathetic rounded-rectangle tool.

    Ugh, why do we waste our time?
    I made a rounded rectangle with the rounded-rectangle tool.  Then, as often happens, I needed to change the corner radius.  Of course the "help" was useless, so a Web search revealed that YOU CAN'T CHANGE THE RADIUS.
    Can I get a WTF here?
    Oh, but then I read that there's an alternate way to create a rounded rectangle, which is to draw a regular rectangle and then apply a rounded-rectangle "effect" to it.
    Dare I ask the question that should be obvious to even the most computer-illiterate imbecile in the audience:  Why didn't the rounded-rectangle tool do this in the first place?

    Anyone being harsh on Corel Draw hasn't compared it to Illustrator.  Illustrator's useless selection mode alone is a deal-breaker: http://www.flickr.com/photos/forensicpics/1800773495/in/set-72157600304785497

  • 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

  • CSS3 Corner Radius question

    I know this question should be posted on a CSS3 Forum but I can’t seem to find one and thought DW users might have come across an answer.
    When the corner radius of an AP Div is defined and an image is placed inside the APD, the rectangular corners of the image are not clipped by the APD box. The image corners actually stick out beyond the rounded corners. Is there a style property that hides the image corners or clips them? I’ve tried setting the overflow to Hidden without success.

    Actually there is a way to clip images as long as you target the image and not the containing element as in
    <!DOCTYPE html>
    <head>
    <meta charset="UTF-8">
    <title>Untitled Document</title>
    <style>
    #tab1 img {
        position:absolute;
        left:92px;
        top:33px;
        width:115px;
        height:34px;
        z-index:1;
        /* border radius and drop shadows */
        border-radius: 20px 20px 0px 0px / 20px 20px 0px 0px;
        border-top-left-radius: 20px 20px;
        border-top-right-radius: 20px 20px;
        border-bottom-right-radius: 0px 0px;
        border-bottom-left-radius: 0px 0px;
        box-shadow: -4px -7px 5px 0px rgba(128,128,128,0.3);
        -moz-box-shadow: -4px -7px 5px 0px rgba(128,128,128,0.3);
        -webkit-box-shadow: -4px -7px 5px 0px rgba(128,128,128,0.3);
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        color: #333333;
        border-top-width: 1px;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: none;
        border-left-style: solid;
        border-top-color: #000000;
        border-right-color: #000000;
        border-left-color: #000000;
    </style>
    </head>
    <body>
    <div id="tab1"><img src="Home1.png" alt="tab1" /></div>
    </body>
    </html>
    Gramps

  • Corner radius question

    When I make a rectangle stroke with a corner radius in Illustrator and try to scale it down using shift and drag the corner radius changes. How do I keep it from doing this?

    If you don't want this to happen, you will have to do the scaling in two stages using the Direct Select tool. Highlight all the anchor points along one end and scale horizontally using the Shift key to constrain. Then do an edge in the same manner.

  • Feature Request: Ability to modify corner radius on boxes after creation

    Hi. As an interface designer I often use the rounded box tool to create buttons.
    I noticed that you can only select the corner radius at the time the box is created and not modify it thereafter--your only option is to delete the shape and create a new one with the new radius values.
    I've tried the selection tools but "corner" radius as an option is nowhere to be seen.
    Would be nice to change that as easily as size of fonts to quickly see how different styles would look on a page.
    Cheers.

    Hi. As an interface designer I often use the rounded box tool to create buttons.
    I noticed that you can only select the corner radius at the time the box is created and not modify it thereafter--your only option is to delete the shape and create a new one with the new radius values.
    I've tried the selection tools but "corner" radius as an option is nowhere to be seen.
    Would be nice to change that as easily as size of fonts to quickly see how different styles would look on a page.
    Cheers.

  • Rounded Rectangle - Select one point to select side

    I work with shapes all day designing mobile apps. Thus, I'm constantly selecting and resizing rounded rectangles. When resizing I have to individually select all four points of a side to move it without distorting the rounded corners. I cannot click and drag, because that will activate any shapes underneath the one I want to select.
    I'm looking for a plugin or alternative to easily select the entire side of a rounded rectangle. IE - I click one point on a side, and it auto selects all four points on that side, or the like.
    Thanks.

    I didn't say I couldn't move or resize it. I said I have to select four points (because of the rounded corners) just to move a side (ie, make a button wider). Some have suggested I click and drag over all four points to select them, but this doesn't work if there is another shape (yes, on another layer) below the layer you are trying to select points on.

  • Rounded Rectangle Tool

    I am a beginner photo shop user and while watching some youtube tutorials the people giving the tutorial has the option to choose a rounded rectangle. How can I add the Rounded Rectangular tool to my tool bar?
    My current tool bar options for the "Marquee Tools" are: Rectangular, Elliptical, Single row, and Single column.

    Hi,
    The video is probably referring to the Rounded Rectangle Tool that is part of the shape tools group in the tool box.
    In the tool box if you press and hold on the shape tool icon, you should see a flyout menu where you can select the Rounded Rectangle Tool.

  • Flex 4 skin  how to set tree control corner radius..?

    hi .,
         i have using flex4 mx tree control to reduce the corner radius.
    application using tree control code...
    <mx:Tree   contentBackgroundColor="#FFFFFF"  id="folderTree" labelField="documentFolderName" dataProvider="{folderTreeArray}" itemClick="clcikchanged(event)" height="650" borderColor="#FFFFFF">        </mx:Tree>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/halo";
        @namespace mx1 "library://ns.adobe.com/flex/mx";
         mx|Tree
        border-skin: ClassReference('com.istmanagement.skins.Application.boaderskin');
        </fx:Style>
    borderskin.mxml coding here...
    <?xml version="1.0" encoding="utf-8"?>
    <s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5">
        <fx:Metadata>
    [HostComponent("spark.components.BorderContainer")]
    </fx:Metadata>
        <s:states>
            <s:State name="normal" />
            <s:State name="disabled" />
        </s:states>
          <s:Rect id="background"  left="0" right="0" top="0" bottom="0" >
            <s:fill>
                <s:SolidColor id="bgFill" color="#FFFFFF"/>
            </s:fill>
        </s:Rect>
       <s:BorderContainer cornerRadius="8" width="255" height="650">
        </s:BorderContainer>
        <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0">
            <s:layout>
                <s:BasicLayout/>
            </s:layout>
        </s:Group>
    </s:Skin>
    tree control corner radius is reduced to display., after i have using  <mx:HDividedBox > to drag this to override a tree control...
    how to solve this problem.,
    With Regards.,
    LinFlex-

    Did you every solve this issue?

  • Unwanted corner radius in menu items

    I have eliminated corner radiuses on my main menu items. So why am I still getting corner radiuses, mostly just on the left side of each menu item?
    idlefreevt.org
    And also why is there now (since latest Muse upgrade) an unwanted stroke around bottom-of-page menu items?
    An answer would be greatly appreciated.

    The first issue is solved. I guess once I relaunched Safari, the corner radiuses were gone. But the second issue - stroked boxes around the supplemental menu items - persists. I just want those menu items text only.
    BTW, the stroke does not show in Muse Design and Preview - On Master pages, stroke is set at 0 and no color.

  • 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.

Maybe you are looking for