Ugly Rounded Corners on Shapes

Creating shapes in Flash CS3, regardless of drawing mode,
produces very funky-looking rounded corners. They're unacceptable
for publishing. Other Forum members have posted work-arounds such
as converting the stroke to a fill, or creating the shape in AI and
importing. But is it too much to ask a professional-level graphics
tool from the world's leading graphics software company to draw a
rounded corner smoothly? Has anyone else found a setting or
preference that would fix this issue?

They don't seem any diff than Flash 8 to me, and much more
functional. Make
sure stroke hinting is on? Have a screenshot of what you're
talking about?
Dave -
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

Similar Messages

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

  • Round Corners on Added Shapes

    cs5.5 does not correctly round corners on shapes that have been built with pathfinder. when will this be fixed?
    i just updated a cs4 job to cs5.5 and all the text boxes that were fine in the first case are now unusable in the second.

    This is a major complaint about the new Live Corner effects in CS5. Apparently, in order to accomplish the "live" part, it is no longer possible using corner effects to do a true semicircular side on a frame. You can still create these shapes using the pen tool or Pathfinder, though.

  • Round Corners Effect Can someone explain what's happening?

    I just don't get what's going on here... I have this shape, a bent rectangle and I need it to have rounded corners. When I apply the effect Round Corners the shape is transformed to a completely diferent shape instead of just applying round corners on each corner. See image below. What am I doing wrong?

    Now you've done it!
    What's happening well I would say it was not working, which means it is a bug.
    However you can get it to work if you do it one of three ways.
    Draw your rectangle then give it a round corner effect or convert it to a round corner rectangle
    then give it either a warp effect or go to Object>Envelop Distort>Make with Warp and then expand.
    You can expand the warp effect as well.
    The third way is to make a round corner rectangle and either do the warp from the Object menu or do it as an effect.
    Otherwise the explanation for the result you see is it is a bug. It shouldn't happen.
    I think this might have been reported.

  • Round corners

    Which is the best way to create round corners for shapes in website?
    Do I have to fill page content in columns and round corners ad as picture files? Or is there another and more efficient way to do this?

    Yes CSS is the best way to do it.
    But it also depends on how you are designing...is it DIV based or tables?
    A mini example of how to do with DIVs is as following:
    <div style="border:1px solid #ccc; height:300px; width:500px; position:relative;">
    <div style="position:absolute; right:0;top:0;"><img src="images/logo1.jpg" alt="myphoto" /></div>
    <div style="position:absolute; right:0;bottom:0;"><img src="images/logo.jpg" alt="myphoto" /></div>
    <div style="position:absolute; left:0;top:0;"><img src="images/logo2.jpg" alt="myphoto" /></div>
    <div style="position:absolute; bottom:0;left:0;"><img src="images/me.JPG" alt="myphoto" /></div>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    <body>
    <div style="border:1px solid #ccc; height:300px; width:500px; position:relative;">
    <div style="position:absolute; right:0;top:0;"><img src="images/logo1.jpg" alt="myphoto" /></div>
    <div style="position:absolute; right:0;bottom:0;"><img src="images/logo.jpg" alt="myphoto" /></div>
    <div style="position:absolute; left:0;top:0;"><img src="images/logo2.jpg" alt="myphoto" /></div>
    <div style="position:absolute; bottom:0;left:0;"><img src="images/me.JPG" alt="myphoto" /></div>
    </div>
    </body>
    </html>
    Regards,
    Vinay

  • Round corners of vector shape?

    Ive drawn a vector shape (a triangle), how can I round the pointy edges? Ideally I would do this numerically and be able to change it for all points on the fly. Thanks

    While there's no way to add "live" rounded corners to arbitrary shapes, you can modify rounded corners manually by using Sharpen Points, which is the button just to the left of Fillet Points. You can select two points that result in a rounded corner, click Sharpen Points, and it will miter them into a single point, then you can apply a new rounding value.
    Aaron Beall
    http://fireworks.abeall.com

  • Where can I get a square shape with 2 rounded corners?

    I don't know the name of the shape but it is square or rectangle with 2 rounded corners.
    It is picture # 156 at this link;
    http://www.brusheezy.com/images/previews/0000/0815/36Vectorbrushes.jpg
    Or how would I go about making one in Motion?
    Thanks.

    hi
    funny i did this very same shape the other week. as i remember i think i looked for an easy way but got bogged down. In the end I think I used a combination of a rounded rectangle and an unrounded version and masked the corners accordingly. This is motion 4 with the ability to round corners on all shapes though.
    adam

  • Is there a way for export to create rounded corners?

    I love creating layouts with Fireworks, but it always bothered me that it didn't recreate any rounded corners.
    When CS6 came out with the CSS Properties window, I was happy to see that the CSS in the Properties window faithfully created my objects with rounded corners, so I had high hopes that the regular export would include this markup... but it didn't.
    My current work-around seems very frustrating.  I export my file as HTML with CSS images... I get a perfectly rendered page with one exception... the corners are still square.   Then, I go back to Fireworks, open the CSS Properties window, then cut and paste the tags for the corners one by one into the CSS file.
    It seems to me with such heavy emphasis on CSS integration, that  the export function should include the this code too.
    Am I doing something wrong?  Or is this still an unsupported feature?

    Use the CSS Properties panel to extract and copy CSS for the selected object on the canvas. It has no integration with the CSS and Images export workflow OR the HTML and Images export workflow (the latter of which produces a rigid, image-based, html table layout). HTML and Images export is really only suitable for clickable prototypes. CSS and Images export is really only suitable if you like re-writing all the CSS to match your normal workflow.
    General workflow:
    1) Add effects to vector shape (corners, drop shadow, glow, gradient fill, border, opacity, etc..)
    2) Open CSS Properties panel. CSS properties for selected object are displayed.
    3) Click the Copy All button in the panel.
    4) Switch to Dreamweaver or your preferred web editor.
    5) Paste the CSS into the desired class, id or element rule.
    6) View in Live View or Preview in Browser to see results.
    HTH

  • Master slide and rounded corners

    Hi,
    Would anyone be able to tell me if there is a way to replace master slides with different shapes, such as a rectangle with rounded corners? I'm using Captivate 7.
    Thanks in advance,
    Darrell.

    This is not on a Master slide, but you can create rounded corners on the borders of your project. Go to Project > Table of Contents or Skin Editor > click the square icon underneath the Skin - that will take you to the borders. Then you can check the Show Borders > Style, click the drop down and select Rounded corners. You'd probably want to make sure you have all four edges selected.

  • Illustrator not able to round corners properly (w/ image sample)

    When designing a logo, I want to be able to round corners properly, i.e. mathematically. When I specify a radius of 20 mm, I expect a radius of 20 mm, not various random radiuses. Illustrator simply isn't capable of doing this properly. I find this very strange, as this is the leading vector editing tool for designing logos (among others).
    As a result of this, I've developed my own "manual" method of doing this, but it takes some time, and it's not elegant.
    This image should be a little explanatory:
    http://img5.pictiger.com/948/17886618.gif?u=1237767818
    (Note: When rounding corners, Illustrator doesn't even produce circular arcs -- they're a little deformed.)
    Surely this can't be the way it's supposed to work? Anybody from Adobe care to answer?

    Sorry for the bad link. Here's the image again, with alternates (in case the others go down):
    http://s5.tinypic.com/2rfpudw.jpg
    http://img147.imageshack.us/img147/7021/roundingcorners.gif
    http://img11.imageshack.us/img11/5610/roundingcorners01.jpg
    b Please note:
    * The blue dotted circles in the Illustrator-example on the left represents
    i the "imaginary circles"
    that Illustrator uses when rounding corners.
    * The "manual method" on the right, shows what you'd actually expect Illustrator's Round Corners to do.
    @Harron K. Appleman:
    -I'm on CS4 and use both Vista and OSX (but that doesn't really matter, as this also applies to earlier versions of Illustrator).
    -I'm using the
    i Effects > Stylize > Round Corners.
    In the example I've used a simplified shape, to make it more clear what I mean.

  • Best method for rounded corners?

    Hi all,
    Can someone please share the best method for creating rounded corners similar to the menu interface in Leopard? Actually the best representation I've seen, is in the Motion 3 Tutorials - Working with 3D. The Matte Shape filter in FCP is close, but not quite the cigar I'm looking for.
    Thanks!

    Hi Jim,
    • Select Clip
    • Add 4 point Garbage Matte
    • Activate all 4 corners by clicking on the labels 1-4
    • Adjust settings to your desires.
    As an example I used:
    • Smooth = 12
    • Choke = -47
    • Feather = 2
    Worked like a charm.

  • Paint Bucket Tool and Rounded Corners

    Hello everyone. First and foremost I have to mention that I am kind of a newbie with PS, so go easy on me.
    I have been using the bucket tool in order to fill the background of some images, but after a while the colour I selected resulted in a different shade. For example, black resulted in grey and so on. What can be the source of this? Have I accidentely selected something which does this?
    Another problem I have is about creating rounded corners for an image. I used this tutorial http://www.websitemagazine.com/content/blogs/posts/archive/2008/09/03/round-corners-in-pho toshop.aspx and it worked great the first few times, but than the area around the corners became white instead of being transparent. I followed the exact stepts as in that tutorial but with no effect.
    Example: it looks ok, but that's because of the white background of the page, move it to some place which is coloured and the white areas appear.
    Also, is there another, easier way to create this rounded corners?
    Thank you for your time.

    Here's another way to create the rounded corners image:
    1. Duplicate the background layer
    2. select the rounded rectangle tool set to shape and set your radius in the tool options bar
    3. draw out the rounded rectangle (the color for the rectangle doesn't matter)
    4. move the shape layer below your duplicated layer in the layer stack
    5. click on the shape layer in the layers panel
    6. go to Layer>Create Clipping Mask
    7. Trim the image by going to Image>Trim>Transpaerent Pixels

  • Round corners and transparent background

    Hello everyone
    I have just started to use my new Photoshop CS5 and came across a problem. How do I make a marking with round corners and a want to have the background transparent to use on the web. We can't use the old way because it is grey in the menu. I hope you understand what I meen. Please help me with a easy way thank you.
    Hopefully waiting for help.
    Lotta

    First Alt double click the "Backgound" layer in the layers panel to rename it. (A layer called Backgound will not support transparency.)
    Then draw a Rounded Rectangle Path around your object with the Shape tool.
    (Use the Paths option in the Options bar.)
    You can also adjust the radius there.
    Right-click outside the path and choose Make Selection.
    Invert the selection – Ctrl+Shift+I – and press Delete.
    Go to File > Save for Web and choose PNG-24 as a format and save.

  • Rounded corners, top left and top right

    Hi
    Hope you can help me, as I'm relatively new to PSE 9 , I'm trying to create nice rounded corners on the top right and top left of a new image in PSE 9
    Please could you put me in the right direction to get me started.
    Many thanks for your assistance.
    Mike

    You might try something like this:
    1. Either duplicate the background layer or double click on the background
       so it's not locked.
    2. Make your rulers visible (View>Rulers) and pull out four guides, one
       for each side of the image. (so the shape tools snap to the edges of your photo)
    3. Select the Rounded Rectangle Tool (nested with the shape tools)
    4. Set the radius of the corners and draw your shape on the photo.
    5. Select the Rectangle Tool and set the option to Add to Shape Area
       and draw the rectangle on the bottom half of the photo.
    6. Select the Shape Selection Tool and press the Combine button.
    7. Move the shape layer below the photo layer in the layers panel, make the photo
        layer the active layer and go to Layer>Create Clipping Mask.
    MTSTUNER

  • Rounded Corners (PSE8)

    Hello again,
    I have this problem for some time already. Maybe it is again some problem that can be solved with one answer;)
    I like to get rounded corners for a png or gif image, like for a button or a logo. I am working with a german version of PSE8 so I do not have the correct name ready for this tool, but when I choose the 4th tool from the top, which that I can select a region of an image and copy it to the clipboard, and use the function on top that creates "something like rounded corners" with 10px I just get some blurry corners but not the "real hard edged rounded corners".
    Can I create those real rounded corners in PSE at all?
    Thanks again very much for your help! (Answers can be with english tool or function names, I will figure out how those are called in my language:))

    Injtra1,
    Use the Cookie Cutter Tool (Q)
    http://www.pixentral.com/show.php?picture=1zoLyUhGOWsoVqedXbjnctlCwUM81
    Use the crop shapes library (red arrow) and select "rounded square" (blue arrow)

Maybe you are looking for