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

Similar Messages

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.

How to stop Illustrator from rounding corners of my shapes using brush tool

Trying to draw a skull eye but everytime I finish the shape, Illustrator rounds the corners into s semi-circle. Arrggh!! I am sure there is a setting I have been unable to find that could rectify this. Can someone please direct me to where this is? Im using CS6. Thanks in advance.

The typical brush tool with default settings and there was also a brush called lineart. This is partly tied to my last question I posted where sketeches werent coming out the way I wanted. The shapes are being "auto-rounded" as soon as I finish the shape.

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

Rounded corners from image mask disappear with Drop Zone

Hi All,
I'm really stumped here. I'm on Motion4 and per directions from other posts I have used the following method to attempt a mask shape. The desired outcome is a photo that has a nice square shape with rounded corners.
1. Using a photo on the canvas.
2. In the layers menu, I click on the image and select, Add Image Mask
3. In the inspector I go to Image mask and drop in Frame17 from the contents folder.
The problem...every time the rounded corners from the shape seem to disappear. Can anyone tell me what I did wrong? Or suggest another method.
Additional info from Image Mask Tab: Source Channel is set to Alpha, Mask Blend Mode is set to Add, automatically-I did not set these.

When you say that the rounded corners seem to disappear, what do you mean exactly? Are they there at first, but then disappear after you start playing the sequence? Or do the rounded corners not happen at all?
If the corners start, but disappear after playing the project, then it probably means that the Frame 17 image from the content folder is not as long as the image mask. As soon as the Frame ends, it will stop providing the source for the image mask. Fix this by making sure that Frame 17 is at least as long as your image mask.
Alt way, and easier unless you're working in a 3D project, is to simply draw a rectangle mask around your photo and in the Mask tab of the inspector, adjust the roundness parameter until the corners are sufficiently rounded to your liking.
andy

"Controlled" Rounding of Vector Shape Corners

I know how to drag the corner box to vary the amount of curve in a rounded corner rectangle, but is there a way to set the value, similar to numeric transform?
If you are making lots of rounded corner shapes... like for buttons throughout the site, and containers, say for content areas, it would be handy to be able to set the amount of roundness exactly, so all are pixel perfect the same.

Starting from the rectangle "primitive" vector shape there is a box that appears at the bottom of the property inspector in the stroke section under texture labeled roundness that controls the radius of the curve as described by Pete-1967 above.
Starting from the auto vector shape. rounded rectangle, that roundness selector in the property inspector disappears. It would seem only natural to include that control in that location for that shape. It may have something to do with the difference between primitive shapes, those three that appear first in menu under the vector shapes tool and auto shapes. As noted above, the auto shapes are controlled in the auto shape properties panel, which is not opened automatically in the expanded mode, but can be found unded Window --> Auto Shape Properties.
My initial confision over this stems from a couple of user interface issues inherant in Fireworks CS4. Firstly, and Jim Babbage warns about this either in his greatClassroom In A Book, or his equally excellent videos located on Lynda.com.... I could just here his voice chiding me when realized my mistake after posting this thread... ( I can't remeber everthything!! ) the properties inspector has three states controlled by the little arrows next to " Properties". The properties inspector can be completely rolled up with only the tab showing, halfway rolled up with only the top half of the properties inspector showing and all the way unfurled completely showing all the available controls. There is NO indication to the user that there is more information hiding when it is half way open. I had it in that state, and therefor could not find the controls pointed out in this thread by Pete. Adobe should put a visual que, like one uses on a nested menu, for example, to que the user that there is more information hiding, and a click on the control is required to reveal it.
Thanks to Dave, I found the auto shapes properties panel.... should have looked harder I guess, but wouldn't it make more sense from a UI ease of use standpoint to put auto shape PROPERTIES in the PROPERTIES inspector? Oh well, now I know where it is
These Adobe programs are great... they are also vast, so when I forget where something is, or can't find something, it's a pleasure to be able to come here get pointed in the right direction. This post is intended clearify this thread to help others who may arrive here in the future.
The Properties Inspector Halfway Open:
The Properties Inspector All the way Open:
The Auto Shapes Properties Panel: Window --> Auto Shape Properties:

Round rect Vector Shapes

Round rectangles created with the vector shape tool have very
poor
looking rounded corners (if you stretch them in the length
more than the
height). Correcting them via the vector shape tool is almost
impossible
for small shapes. I tried to use ps2vs but this tool seems to
need
Director8.
Is there any better way to get nice round edges on a vector
shape or is
there any other tool to import other formats.

I found out that moving the points with the cursor keys give
good
results in creating round corners. But I'am still interested
in a good
converter for current Director versions.

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/

How do I round some corners of a shape and leave other corners unrounded ?

Hello All;
Could someone tell me how to round some corners of a illustration and leave some corners unrounded ? If I use Effect - Stylize - Round Corners, it works beautifully but it rounds all corners, even the ones I don't want rounded. See attached illustration. I do not want the four corners emclosed in the circle rounded.
Anyone know how to do this (easily, I hope) ?
Thanks.
Tim

Tim,
That's a good one. What you can do is:
Make two rounded rectangles with the dimensions you require, and stack them on top of each other.
Go to the align palette and click the icon that centers the objects vertically.
From your attached illustration, it seems you want to avoid rounding the line segment in the middle top and bottom of each rectangle, so try this:
With the pen P tool, put the point of the pen on the first of (4)four anchor points you are going to add and click.
Now do the same thing for the other three anchor points.
You have now added two anchor points to each rounded rectangle
With the Direct Selection A tool, Shift/click on both of the furthest right anchor points you just created, and hold shift while clicking the corner radiuses that connect with those points on the right side of the illustration. You should have a total of six points highlighted altogether.
Now with your keyboard cursor controls, click the arrow down key as many times as you need to get the angle of the line segment that you were trying not to round.
If there is another way to do it, I'd like to know, but that should work. The corner rediuses you've moved change somewhat, you can adjust them if need be.
Using the grid and snap to point in the View section of the menu bar will help you align the added anchor points nicely.
Sounds like a lot, but I recreated your drawing the way you wanted in about 30 seconds.
Hope this helps.
Tim Dunbar

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

Can i edit a vector shape after it's been deselected?

can i edit a vector shape after it's been deselected?
the properties palette seems to loose it's values apart from density and feather. Can I not return to a shape to add rounded corners etc?

That's because you're on the mask pane instead of the object properties pane in the properties panel.
Look at the icons at the top of the panel that show different panes.

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.

Scale rounded corners

I love that Photoshop CC has a way to modify rounded corners on rounded rectangles, but when I try to scale the rectangle with the transform tool, the rounded corners keep the same measurements rather than scale in proportion to the rectangle size. Is there an option that I'm overlooking here?

Just found that if you double click one of the little disks then select your shapes and click "Scale Rectangle Corners" in the "Transform" panel the live corners will scale with the shape...finally...
I have a creative cloud account because Adobe has assembled a huge suite of other programs but it is their bungled approach to the most basic vector editing features like this that keeps an old copy of CorelDrawX3 on my computer for serious vector editing and exporting to CAD instead of Illustrator...The "add/remove anchor point tools" are such a pain in illustrator compared to the Corel method of making the nodes/anchor points selectable so you can delete or fillet or chamfer them however you want without breaking the shape ...node editing/welding/trimming is much easier/faster in Corel and you can weld/trim/break/round/outline multiple vector objects AT ONCE...oh my...

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.

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.

Round corners of vector shape?

Similar Messages

Maybe you are looking for