Scaling 'rounded' rectangle

Hi there, I'm having problems working out how to scale a rounded rectangle without the corners becoming distorted. I've attached an example below, with the smaller rectangle on the top being the original and the one below being the 're-sized' version of the same thing. As you can see, the corners are not right.
Thanks.

Wow just days after posting this, the 2014 Illustrator CC top feature:
Live Shapes: Rectangles and Rounded Rectangles
Rectangles now have quickly modifiable corners, including independent radius control. Corner attributes are retained if you scale and rotate your rectangle. Now Illustrator remembers your work — width, height, rotation, corner treatment — so you can return to your original shape.See how it works
Adobe Illustrator CC new features | Buy Illustrator CC

Similar Messages

Tweening a Rounded Rectangle in Actionscript 3

I would like to tween between a short rounded rectangle and a tall rounded rectangle. (I only want deal with the height - no other parameters). I am programming with ActionScript 3. My tweening engine is TweenLite.
I have been tweening a sprite that contains a rounded rectangle. The tweened sprite produces distortion. I suppose that I have been scaling the original image, rather than the height of the rounded rectangle?
Here is a simple example of my code:
Draw the rounded rectangle:
roundRect = new Sprite();
roundRect.graphics.beginFill(0x000000);
roundRect.graphics.drawRoundRect(0,0,50,15,4,4); //Original Height: 15
roundRect.graphics.endFill();
addChild(roundRect);
Then I listen for a mouse click event on the rounded rectangle.
The mouse event triggers a function with the following code:
TweenLite.to(this.roundRect, 1, {height:120}); //Final Height: 120
I would like to tween the height of the rounded rectangle itself. I would hope that this would not produce the unwanted distortion. Is there any way to achieve this?
Thank you.

Ned,
Thank you for your response. I apologize for the delay in my own response.
I was seeing distortion in x direction as well.
I was able to solve my problem using 9-slice scaling. I used the scale9Grid property.

Spark - Drawing a rounded rectangle with 3-sided border?

I am upgrading to the Spark theme, and I am trying to draw a rectangle, with a corner radius of 20, with a border on only the top, right, and bottom sides.
Basically, I want it to dock flush left in my application and extend out in a rounded rectangle.
But I Cannot figure out how I would draw this in SVG? Anyone done this yet?

Ned,
Thank you for your response. I apologize for the delay in my own response.
I was seeing distortion in x direction as well.
I was able to solve my problem using 9-slice scaling. I used the scale9Grid property.

Where is rounded rectangles in PSE 9

I am putting a rectangular image on a card and want to round the corners. I can't find a rounded rectangle in shapes.

Click and hold on whatever shape tool is visible for a popout menu of other shape tools:

How to make ROUNDED rectangle default style cp8?

Hi,
I want my smart shape style to be rounded rectangle, not squared. I have set up my object styles with color and all that good stuff, but there is no way I can see to make it the rounded shape instead of the squared off shape. I also tried to change one on the properties panel thinking I could "apply to all" but that option is not available. I am trying to use smart shapes as my captions in recording and it sure would be nice not to have to touch every single one and change it to rounded - defeats the purpose of styles, yes?
Using CP8, latest version (I checked and there are no updates available), on a windows machine, 64 bit.
Thanks!!!
Kelly

Rick, that option has effect on the captions inserted while creating a software simulation.
@LMS_90 About which shapes as Text container are you talking? Object styles for Shapes do not include the 'form' of the shape. And at this moment, you cannot set such a form as being included in the default style, with the one exception that Rick points out: added text during a simulation capture.
Even for Success/Failure/Hint shapes you cannot define that it always has to be a rounded rectangle. For Question slides, you can set them up in the master slides, and if you use always master slides with placeholders it is also possible. Quite a lot of the default themes have rounded rectangle shapes as text container for Title and Subtitle.
Also in the Properties the 'form' is not part of the style: if you apply the default Shape Style that includes Stroke, Fill, Character properties, Margins, Shadow...but not the shape itself. That is the reason why 'Apply to all' cannot be used for the shape form.
This is probably not the answer you expected, I try to change as much as possible in the Master slide.

How to smooth pixelated edges of Rounded Rectangle Filter?

I'm using the rounded rectangle filter to divide the frame into about 25 pieces (a mosaic type of transition is what Im going for) and I like the look of the round rectangle but the four corners are terribly pixelated. Is this just an oversight on the part of the programs developers or is there a setting I am over looking?
Thanks Mac People,
Justin!

Hey Jim,
I am seeing the pixelation on my monitor. The oval shape filters work just fine, and thats what has me scratching my head.
Also, i have my Filmo figured out, except for the dial one the viewfinder that changes the size of the frame in side it. Do those numbers correlate with different size lenses? Do you have any suggestions and what lenses I should look into and where to find them. Theere is only one on the camera as is, a very small one about the size of a golf ball.
Thanks again Jim,
Justin!

Creating Rounded Rectangle Outline Colour Issue

Hi all,
I am wanting to create a rounded rectangle, with an outline or boarder with a colour black (Or other colours). But i am unable to find where i'm able to add an outline colour as an option before drawing out the shape or after drawing the shape.
The only option i am able to do is changing the background colour of the shape created, and i was wondering if you are able to add an outline when creating or after creating a rounded rectangles or other shapes...
Thanks,
James

But i am unable to find where i'm able to add an outline colour as an option before drawing out the shape or after drawing the shape.
Styles -> Stroke.

Can't use the knife tool to cut the rounded rectangle

The knife tool is grayed out when I try to use it ona rounded
rectangle. How can I errase part of a rounded rectangle?

dm25 wrote:
> The knife tool is grayed out when I try to use it ona
rounded rectangle. How can I errase part of a rounded rectangle?
You need to ungroup it first. Modify > Ungroup.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

PSE 5: Creating a rounded rectangle not filled in.

I want to create a rounded rectangle with the rounded rectangle tool, but I don't want it filled it with color, just outline / stroke. I see it's been discussed here but I can't figure it out. Any advance would be great.

Another way, in addition to the ways posted above, is to draw out
your shape.
Then go to layer styles and find the style set named visibility.
There are three styles there: show, hide and ghosted. Pick the
hide style and your color will be hidden. Then Alt+double click
on the shape thumbnail to bring up the layer style settings
dialog. At the bottom of the dialog is a stroke option, where you can
choose your stroke color, size and opacity.
The advantage of this way is you can edit the settings later by double
clicking on the small fx beside the shape layer.
If you wish to restore the color later, you can use the show style in the
visibility layer style set.
Later versions of photoshop elements work the same way.
MTSTUNER

Why are my rounded rectangles distorted?

When I use the Rounded Rectangle shape on the Tools Palette, it is getting distorted in the PDF. The other shapes look good. I'm attaching a sample.
I'm using FrameMaker 8.2p277. To create the PDF, I do File>Print and select Adobe PDF as a printer. On the PDF Options, I have selected the same joboptions that I've been using.
I double-checked in Distiller and I do not have "Convert gradients to smooth curves" or "convert smooth lines to curves" selected. Those settings have caused trouble in the past.
What else should I check?
Thanks,
Cheryl

OK. I stumbled upon the answer. When creating a PDF by choosing the Adobe PDF printer in FrameMaker, I had to:
1. On the Print Document window, select Setup button. That opens the Print Setup window, where I choose the Adobe PDF printer. Then I click Properties, which opens the Adobe PDF Document Properties window. On that window, the Default Settings shows "Standard". If I click the Edit button next to that, it opens the Standard - Adobe PDF Settings window. If I drill down on "Advanced" I can see that "Convert smooth lines to curves" is selected. So then I cancel out of that window, back to Adobe PDF Document Properties. On that window, I select my own joboptions for Default Settings, which I know does not have "Convert smooth lines to curves" selected. Click OK twice.
2. Now, back on the Print Document window, I select PDF Setup. I make sure that my own joboptions is selected from the list and I click Set.
Now, the file is generated properly and my rounded rectangles look perfect:
If I omit either of those steps, then my rectangles are distorted. I think they look like worms that have been stepped on:
To answer the others who responded to my posts:
Sheila, I'm attaching a MIF file, just in case you're still curious.
Shlomo--My Distiller is version 8.1.3.
Thank you for your time.
Cheryl

Rounded Rectangle Line Weight problem

I can't make a rounded rectangle with .5pt. It keeps resetting to 1pt. I am also applying a dash (1,1) to the line

rwl3,
You may have Align to Pixel Grid ticked in the Transform palette. You can see it when the object is selected.
If so, you probably have Align New Objects to Pixel Grid ticked in the Options.
To cure this, you may select everything and untick both.

PS CS5 - rounded rectangle and move tool not working..?

CS5 Photoshop
I have just noticed that my rounded rectangle tool is not working properly. When I click and drag nothing is visible, when I release it floods my whole image with my selected color. I have tried all of the other tools and they work properly. I have tried restarting, compared settings with other tools, and checked for updates. Nothing is working and any help would be appreciated.
Also, I have what appears to be a common problem with my move tool. I click, drag, and drop only to have the selected image snap back to its original position. I have an intuos 5 connected, is this the culprit?
Thanks in advance...

I can't help with the snap to edge problem, but if you select your rounded rectangle shape tool, and click on the Cog in the Options bar, I suspect you have a fixed size set, and that it is bigger than your canvas.

Convert rectangle into rounded rectangle

Hi!
Can anyone tell me how I cn convert an existing rectangle
into a rounded rectangle please?
Also, how do you insert a rectangle/shape of a specific
size& position without having to click and drag?
I find that when I want to insert a rounded rectangle but
then want to make it bigger, clicking and dragging a corner can
make it the right size but causes the rounded corners to distort
into a more elliptical shape then circular.
Thanks,
Matthew.

maffpunton wrote:
> Hi!
>
> Can anyone tell me how I cn convert an existing
rectangle into a rounded
> rectangle please?
Use the Rectangle Roundness slider in the Property inspector.
> Also, how do you insert a rectangle/shape of a specific
size& position without
> having to click and drag?
You can insert one via the Auto Shape Properties panel.
>
> I find that when I want to insert a rounded rectangle
but then want to make it
> bigger, clicking and dragging a corner can make it the
right size but causes
> the rounded corners to distort into a more elliptical
shape then circular.
Have you tried using the Auto Shape Properties panel?
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Round rectangle edges are blurred...

I have seen people complain about this, but no work arounds. The blurry eddges I see on the rounded portion of round rectangles is awful. IS there a workaround?
Graham

It is currently a shape. The line I'm referring to is created dynamically using actionscript.
[CODE]
//----BLACK ROUND RECT BOX----//
var square:Sprite = new Sprite();
addChild(square);
square.graphics.lineStyle(3,0x000000);
square.graphics.drawRoundRect(0,0,425,250,36);
square.graphics.endFill();
square.x = 87;
square.y = 35;
[/CODE]

Bug report about create new footprint with Rounded rectangle in 3D info Bottom

I create new footprint with rounded rectangle in 3D info Bottom,the rounded rectangle must be in bottom,but In fact,the rounded rectangle
created in top layer.i think it's wrong.
I used ultiboard 10.1.357.

Hi,
Thank you for reporting this. This has been a long standing issue with Ultiboard and we are looking into resolving this.
There is a work around although a very inconvenient one. You can set the height to what you require and use a negative offset to move the shape to the other side of the board. The 3D shape will appear on the other side, but in reality is just shifted, not mirrored.
Hope that helps. We apologize for the inconvenience.
Yi
Software Developer
National Instruments - Electronics Workbench Group

Scaling 'rounded' rectangle

Similar Messages

Maybe you are looking for