How to Create an Outline Effect in Adobe Illustrator

77

By jamestedmondson

A simple effect, that has astonishing results.

  1. Open a new document in Illustrator.
  2. Make a closed path or type some text. If you use text, make sure you expand it, by selecting it and going Object -> Expand.
  3. Copy and paste what you just made, and make one white (the one that will be on top), and one black (the one on the bottom).
  4. Select the black one, go Effect -> Path -> Offset Path. Click on the "Preview" check box, and figure out how thick you want the outline to be. Click OK.
  5. Make sure the white one is on top by right clicking on the object and going Arrange -> Send to Front. And make sure the black one is on the bottom by going, right click -> Arrang -> Send to Back. 
  6. Then, make sure your "Align" window is open by going Window -> Align. Select both object and click the "Vertical Align Center" and "Horizontal Align Center" buttons.
  7. Sit back and enjoy your awesome design. 

How easy is illustrator?

  • Really easy
  • Pretty easy
  • Easy
  • Not easy, not hard
  • Kind of hard
  • Pretty hard
  • Really hard
  • Impossible
See results without voting

Screenshots

michelle 2 years ago

how do I add another outline around the solid black??

jamestedmondson profile image

jamestedmondson Hub Author 2 years ago

Pretty much doing the same thing, again.

simon fobi 2 years ago

thanks a lot. this really helps

Marc McClain 2 years ago

What font is that?

jamestedmondson profile image

jamestedmondson Hub Author 2 years ago

It's Badaboom ( http://www.dafont.com/badaboom-bb.font ) from Blambot ( http://www.blambot.com/ )

Tonina 2 years ago

Is it possible to set up a preset or actions (ALA Photoshop) to make this automatic?

tatt 21 months ago

thank you for the great tip! :)

Jen 18 months ago

I just want to say, I'm an Illustrator newbie, and I spent TWO hours looking for this explanation. So simple to do. Thank you so much for sharing!!

Wendy 13 months ago

Thanks for sharing!!

waynet profile image

waynet Level 4 Commenter 7 months ago

That looks amazing and quite professional too, looks like proper comic book font style, now all I need to buy is Adobe Illustrator!

Joy 5 months ago

This tutorial is the best! Easy to follow and my vectors turned out awesome! Thanks for sharing it!

Steph 3 months ago

Thanks for the help! It saved me lots of time and I learnt something new! Amazing1 ;)

Soni 2 months ago

thanks for this help, really useful

Andrew 7 weeks ago

nice one, appreciated

Submit a Comment
Members and Guests

Sign in or sign up and post using a hubpages account.



    • No HTML is allowed in comments, but URLs will be hyperlinked
    • Comments are not for promoting your Hubs or other sites

    Please wait working