Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I am creating a logo and I would like to put a double outline on it, do you know any clever way to do it ?

share|improve this question

4 Answers 4

up vote 9 down vote accepted

Edit: There was a better way to do Quick & Dirty #1. I have revised the answer with the improvement. This is now my preferred method.

Like many Illustrator things, there are multiple ways to do this.

The Quick & Dirty Ways

Use these methods if the outline object is at the bottom of your layer stack and transparency doesn't matter.

Quick & Dirty #1 (Recommended)

  1. Select your object and on the Appearance palette select the Menu and Add new stroke
  2. Select the new stroke on the Appearance palette and go to menu EffectPathOffset Path and offset it by a point or 2.
  3. (Optional) If you want to reuse this style, open the Graphic Styles Palette and select the Menu and choose New Graphic Style...

Quick & Dirty #2

  1. Copy & Paste duplicates of your object above each other until you have 3 identical objects.
  2. Make the lowest-layered object have a thick stroke.
  3. Make the middle-layered object have a less-thick stroke in a different color.
  4. Make the the top-layered object have the thinnest stroke.

If you really need transparency, you can select your objects and Outline Stroke to form filled shapes. Then subtract & combine your shapes as appropriate to quickly create an outlined solid-fill shape object.

The "Brush" Way

This method is very flexible but takes more time to set up. This is definitely the method you want to use if you will be using this border style in multiple places.

  1. Make a Art Brush
    1. Create multiple parallel lines (I find it easiest to start with horizontal lines)
    2. Select your lines
    3. Open your Brushes palette (F5).
    4. Click the menu and select New Brush...
    5. Choose New Art Brush
    6. Make sure the direction guide arrow is going the correct direction for your lines.
  2. Apply your new Brush to the object that you want outlined
    1. Select your object.
    2. Click on your newly created brush on the Brushes palette.

Creating your own brush is simple and powerful for basic shapes like lines or easy curves. If your object has many corners you will need to edit your brush to include the correct way to form corners.

Edit: Afterthought. If you're making a complex shape that needs outlines, you're going to need to create a Pattern Brush to accommodate corners, you can't do this with an Art Brush. To create a Pattern Brush, you need to create each of your corner & side situations and then create pattern swatches. You then use the pattern swatches to create your Pattern Brush.


Here's the easiest way I know of to make your pattern brush:

  1. Make tiles for each of the required tiles (Outer Corner, Inner Corner, Start, Side, End).
    Keep in mind that the tiles need to align with each other on shapes so it may help to create squares and build your tiles in the squares. In the below image, I made my bounding squares blue so you can see them. When I use them to create swatches in the next step I will remove the stroke from the squares.

    Example tiles for pattern brush

  2. Drag each of your tiles up to your Swatches palette to make pattern swatches.

    Pattern swatches in my palette

  3. Make a new pattern brush and assign your swatches to each of the appropriate tiles.
    You may need to adjust your scaling if you made your pattern at a much larger size than its intended use case.
    (Note also that the end-tile indicator is misleading. The End tile should be pointed the same direction as your start tile, as if they were the same object. The dialog seems to indicate that it should be faced the opposite direction but this is incorrect.)

    Pattern brush options

  4. Apply your pattern to shapes to test it out.

    Pattern brush applied to shapes

  5. When you apply it to a font, you may need to clean up the anchors a bit where they are too close together (depending on the scale of your pattern). For example:

    • Here's a B from Font to Outlines with no cleanup (using my example brush stroke):

    B with too many points

    • Here's the same B with an extraneous point removed:

    B with extra point cleaned up

share|improve this answer
    
I tried the "Correct way", but its kind of buggy cause I can't seem to be able to get the corners right. First I tried with the Art Brush and it doesnt work on all corners, then I tried with the Pattern Brush and again, it definetly doesn't work on all corners, have a look at my result : flavius.clickgarden.net/multipleStrokes.jpg How would you make your Pattern Brush to get it to make the corners right for that complex shape? –  Flavius Frantz May 26 '11 at 16:03
    
@Flavius - Pattern Brush is the right one but it's tricky to make it right. The easiest way is to create a grid of squares and use it to partition your corners. I'll post images when I get a chance. –  Farray May 26 '11 at 16:17
    
Ok, I'll wait for your answer cause I don't know how to use the Pattern Brush thingy at all...never used it before. THX –  Flavius Frantz May 26 '11 at 16:39
    
farray simlpy rocks –  Jack May 26 '11 at 17:54
    
@Jack Farray has too much free time on his hands. ;) –  Farray May 26 '11 at 18:08

How I do it:

Create your text. Clone it three times. You now have your text layered 3 times.

Bottom layer gets a border of, say, 10pt black. Next gets 8pt white. Next gets 6pt black. Top layer gets no border at all.

But I'm old fashioned. Farray's solution is probably good too. Just be sure that you don't distort the letterforms with a stroke that goes inside glyph.

share|improve this answer

Simply apply additional strokes to the text via the Appearance Panel and use Effect > Path > Offset Path to move the strokes away from the characters.

enter image description here

If you then want the strokes to be independent objects, choose Object > Expand Appearance from the menu.

share|improve this answer

There is a much easier way to do it, I think. In the Appearances panel, after you've selected the path, just click on fx and add another stroke, or two if you like. You'll have to fiddle with the settings to get it to sit beside your previous stroke rather than on or inside it.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.