Skip to Content

Adding Strokes to Just the Corners of a Frame

March 24th, 2008
Written by David Blatner

Ellis H. wrote:

What we need is a way to place a stroke on only the corner(s) of the graphic box.

cornerstroke3When I read this, I immediately thought of our good friend Rufus Deuchler in Italy, who came up with the solution to corner-strokes a couple of years ago before he was nabbed by Adobe to be an evangelist. I was dumbfounded when he showed me this because it’s incredibly simple and yet achieves something that I didn’t realize was possible in InDesign.

To make a corner-only stroke, choose Stroke Styles from the Strokes panel flyout menu, click New, and set the Type pop-up menu to Dash. Set the Pattern Length to something larger than your largest frame would be, up to about 830p (350 cm). Set the Length of the dash to be the size you want the corner to be, such as 1p6.

cornerstroke1

Now — and this is the important part — set the Corners pop-up menu to Adjust Gaps. That tells InDesign to adjust the gaps to fill the space that the stroke doesn’t fill. In other words, just put the strokes on the corners.

Now you can press OK to save your stroke and apply it to your frame. Of course, the frame can’t be too huge or have too large a stroke, but in most cases this works great. Here’s the stroke applied to a couple of frames, at two different sizes and stroke thicknesses:

cornerstroke2

Truth be told, Ellis wrote back to tell me he figured this one out himself even before I got a chance to post this. But it was a good chance to share a fun tip! Thanks, Ellis!

21 Responses to “Adding Strokes to Just the Corners of a Frame”

  1. David Blatner said:

    Ellis wrote back and reminded me that they also wanted some “frames” with strokes only around two of the corners. You can create that by applying this custom stroke to a U-shaped path with three sides:

    The trick is to make the short sides the same length as the corner length (so that there is room only for the stroke and no gap).


  2. That was the best tip shown during the Tips! Tips! Tips! session at the InDesign Conference in Amsterdam in 2005!


  3. Wow! Over the weekend I was thinking of a way to do this. A web search brought me here, and - it was posted today.

    Thanks


  4. Ingenious and simple — thanks, Rufus & David!

  5. David said:

    When will this ever be used?

  6. David Blatner said:

    David: Ah, there’s always one skeptic! ;)

    In this case, the person who emailed was creating a document that required the user to glue something in a particular place.

    But if you look closely at InDesign Magazine, you’ll notice that it’s used in the corners of blue and yellow sidebars and tips… just as a little design touch.

  7. Gary Spedding said:

    Well even though I have no use for this right now I am wowed by it. I tried it last night and I like it. It is cool. It is also possible that this can add the corners to a frame created frame by using the type on a path tool and pasting objects.

    Could each side of the frame be a separate type on a path after such corners are added?

    Anyhow I do see a lot of possibilities here.

  8. Stefan Kalscheid said:

    Thanks for publishing this interesting little trick. I tried it today and think it´s a nice feature. I DID have some trouble at first to calculate exact cornerstroke-length. For example if you want the cornerstrokes to be 10mm each at a stroke thickness of 1mm the length has to be set to 19mm. WTF? It does make sense though: cornerstrokelength = (length+thickness)/2. (Make sure Cap is set to “simple”

  9. Gary Spedding said:

    While each side cannot be typed on a path separately you can set objects around the frame and use this corner trick (especially with dots instead of “squares”) and end up with some nice frames. Set justify all lines in para panel to get a nice spacing of the pasted objects on the type on path after the corners are in place. Worth playing with.

    Also dots at the corners look quite useful too. Thanks for that math Stefan - will help.

  10. Andrew Herzog said:

    Another possibility is the opposite effect, turn the stroke color to paper and turn on the gap color. Then everything prints except for the corners.

    In trying this quickly with a rectangle and an oval, it looks like I get a tiny line on the outsides of the stroke area turned to paper when there is a gap color. In exporting a PDF, the rectangle corners lost those tiny lines, the oval did not.

    BTW I am using CS2. Don’t know if CS3 works differently.

  11. Gary Spedding said:

    Thanks for that last tip Andrew. Use the corners to set the frame-object for creating a new frame with a type on path object - then hide the color on both. Neat new way to create frames.

  12. David Blatner said:

    Andrew, that is a cool idea! The outlines are just screen artifacts. In theory they should not print. For example, if you turn off the Smooth Line Art checkbox in Acrobat’s preferences dialog box, they disappear.

    But you bring up a great point: Setting the gap color lets you create some fascinating results. For example, check out these two starbursts. They’re the same polygon, though the second one has the Inverse Rounded effect applied to it in Object > Corner Effects:

  13. Gary Spedding said:

    One word - WOW! With this you can now run endless numbers of frames. Gap color on or off, corner strokes only, dots or squares (singles or multiples), gradient fills on strokes and in gaps. Beautiful and wonderful stuff. This thread is proving to be one of the best yet.

  14. Sander Pinkse said:

    Another variation: set the type to “dotted”, and the color and gap color to the same value, and you can create a table with rounded corners — which happens to be something I’ve been looking for for some time.

  15. David Blatner said:

    Sander, can you email me (david at indesignsecrets) with a snippet or INX? I can’t reproduce this, but it sounds cool!

  16. Gary Spedding said:

    Sander - yes please - I’d like to know how you did this. I tried several approaches but cannot reproduce your suggestion. Are you adding objects type on a path and setting strokes?

  17. Sander Pinkse said:

    Oops… I’m sorry, I didn’t check if there were any follow-ups to my comment. I’m away from my files now, but will provide some information tomorrow

  18. Sander Pinkse said:

    I’ve sent David two snippets to illustrate what I’ve been doing. Gary: if you like to see these as well, just let me know (and supply me with an e-mail address).

  19. David Blatner said:

    Thanks, Sander. I see the trick now! I will write this up as a new post very soon.

  20. Gary Spedding said:

    Sander,

    Thank you gspedding@alcbevtesting.com

  21. sneha said:

    All credits must go to David. He is a genius.

Subscribe to the Discussion

Get the ongoing discussion surrounding "Adding Strokes to Just the Corners of a Frame" delivered to you. Click here to subscribe via RSS/ATOM.

Leave a Reply

InDesignSecrets reserves the right to edit and/or remove posts and comments.

You can use limited HTML tags, such as <em> for emphasis To type a less-than (left angle bracket) symbol, type "& lt ;" (but without the quotes or spaces between the characters).

Name

Mail (never published)

Website