Make One (or more) Round Corners on an InDesign Frame
James wrote:
Is it possible to create a box (with a rule) and only round one of the corners? This would be cool for my ad designs, but I can’t solve it!
James, you’re in luck. While InDesign’s Corner Effects feature cannot round a single corner, InDesign ships with a script that can do it for you. The script — called CornerEffects.jsx — works on both Mac OS and Windows, but isn’t installed by itself, so you need to grab it from the install discs, or download it as part of the sample scripts at Adobe’s XML and Scripting web page. Put the script in the InDesign > Presets > Scripts folder and then open the Scripts palette (from the Automation submenu, under the Windows menu in InDesign). The script should be listed there.
onecorner1
Select a frame and double-click on the script in the Scripts palette to run it and open the Corner Effects dialog box.
onecorner2
Here you can choose which points on the path you want to control.
onecorner3
The only problem is that it’s not always obvious which is the “second point” on the path, or the “fourth point,” or whatever. My suggestion is to save your document or make a duplicate of the frame before you run the script. That way, if you don’t like the effect, you can choose Revert or delete the result and start over. (You can use Undo, too, but trying to undo after a script is tedious because it may have performed many — even dozens — of steps without you seeing.)
I’ve found this problem with some of my designs. Im a beginner but solve the problem very easily combining basic frames with sthe same swatch. I first make my rounded frame, then I make square frames for those corners that I dont want to be rounded and put them in front, so I just show the rounded corner…
Pathfinder can also serve this function. Draw and place an ellipse in the corner and use Add in the pathfinder to join the objects. Then apply a stroke.
You can also use a polygon shape to help illustrate those “savings blowout” kinds of boxes.
It’s a fact !
I find it much easier and faster, to draw this kind of box with the Pen tool, manually than to open palettes and play with features !
Really, try it ! It’s like rediscovering a real pen and paper after 15 years of computing…
Oops. I left out an important step. Two anchor points need to be added to the rectangle’s path, and the corner point needs to be pulled into the ellipse with the direct selection tool. If the corner point isn’t pulled in, pathfinder will not use the ellipse’s path.
david, thank you for pointing me in the right direction - those scripts are cool! is there one that’ll make me coffee and create pages while i take a lunch-break!?
and thanks for your quick response too.
james.
london, uk.
James, the person who wrote these scripts — Olav Martin Kvern, who is also my co-author on Real World InDesign — has been working on perfecting the “MakeCoffee.jsx” script for years. I believe he’s waiting for CS4, when InDesign will have a built-in coffee roaster feature.
Bear in mind that this script is a javascript, so you can edit it yourself — you may want to if you’re producing a book or a line of books that only use one of the effects, or if you want to use a different default offset size, or if you’re only ever going to cut a specific corner, etc.
Just make a copy of the script, rename it as necessary, edit it as you like, and you’re golden.
I was working on a project that involved — if I remember correctly — about 6 clicks and a bit of typing per corner effect, and 5 minutes of javascript hacking changed that to only 2 clicks.
Here’s another way. Draw a simple right angle with the pen tool, then apply your corner effect from the object menu. Use the direct selection tool and pen tool to complete the other sides… you can hold shift to constrain to 90ยบ so your sides are square. No bezier curves required for the pen tool impaired
Awesome. I so needed this having grappled with this recently. I find the script is so fast and exacting that it really beats any of the other methods mentioned here.
There is another faster way without any script. Simply draw a rectangle, select it and go to Path> click open paths and then convert shape to rounded. It gives you 3 rounded corners and one square.
Virendra, that’s a great trick! As you point out, it only works when you want one sharp corner and three rounded corners, but it’s very clever. Thanks.
With a little bit of imagination I did manage to do two rounded and two sharp corners. Once you got 1 sharp and three rounded corners recangle(see #10 above), select it and go Paths> close paths. Shift, option click and drag to make a copy. Flip the copy horizontally, select both and go to Pathfinder> Add. Bingo! You have 2 rounded corners and 2 sharp in a rectangle.
Virendra, now you are pushing it too far! With that much work, it’s time to just go use the script.
Mr. Blatner,
He probably gets paid by the hour and is milking it. Or he’s aiming Russell Viers’ prize for Watching the clock.
For those of you who don’t know what Jim is referring to, see this cartoon at Yabbadobedoo and also this blog entry.
I have nothing against the scripts. At some work places you are not allowed to install anything for obvious reasons. So here is another simple solution. Draw 2 rectangles - one with sharp corners and other rounded - sided by side. Select both and go > Pathfinder & Add. Done.
In CS3, the corner effects javascript is already installed and it works like a charm. It’s as fast to use as any other palette command.
by the way, where it really shines is when you already have an image in a sqaure box and you don’t want to play with pathfinder and reload an image.
Thanks.. been looking for this!
Thank for the post!
Very helpful
I find it easier to make the rectangle in Illustrator and copy+paste into InDesign.
I have CS2 and i found this: draw a rectangle, then open path (object/path), choose one of the points with the direct selection tool, now round corner (object/corner effects) now you have a 3 rounded rectangle
but only works with one corner.
Kati, yes that is great! Virendra #10 wrote about that above, too.
this was sooo helpful! thank you a ton!
Why not make a compound path? That’s what i did today before coming across this article?
There’s yet one more way. All of the previous methods are fast and work great - unless you want to quickly resize the frame. To do so, you would have to use the Direct Selection tool and grab only the points you want to move. However, if you have other items stacked on top of each other, it can be frustrating to try to grab only the points you want.
A method I prefer, although it takes a little more time but gives you incredible flexibility in resizing, is to first make an octagon (eight sides, like a stop sign) using the polygon tool. Then add guides to each side - the “AddGuide” script that ships with InDesign works great for this step.
Then use the Direct Selection tool and move each point to the nearest corner so that you have two overlapping points on each corner. Then apply your rounded corner effect.
It appears nothing is happening, but you just need to use the Pen tool, hover over the corner or corners you want rounded until you see the minus (-) sign next to the Pen cursor, and click to remove the point. Voila!
Do the same for any other corner you want rounded. Using the Selection tool, grab a side as you would to resize a regular rectangle and stretch or reduce the height or width, and the corner proportions stay the same.
Hi David, this was really useful, thanks for sharing.
Just what I was looking for. Thank you very much.
I love this script. Use it all the time. One step rather than using pathfinder etc.
Just came across this and wanted to express my thanks - you have saved me quite a bit of time and for that I’m grateful