Vectordiary

Top Illustrator Tutorial & Tips

Hello Guest! | Log in| Register

Day 9: Creating Compound Paths

Almost all objects in over daily life can be built with basic shapes. By drawing shapes using our basic shape tool, we can use compound path to combine or subtract shapes to create what we need.

What is Compound Path?

Compound path is made out of at least two objects. You can add, subtract and intersect shapes to form a compound path.

Compound Path Cheat Sheet

I have compiled a cheat sheet to show how it looks like using different functions of compound path. You can see the final effect after we applied the compound path to three colored circles.

Compound Path Cheat Sheet

Creating an Ancient Key Using Compound Path

In this tutorial, I will show you how to create an ancient key using compound paths rather than using Pen Tool in our previous tutorial.

Turning on the Grids

Go to View>Show Grid to turn on the grids, then go and turn on Snap to Grid. With the grid and snapping turned on, you can easily snap objects to the grid.

First draw a Circle using your Shape Tools, hold Alt/Option as you click and drag a new copy beside it.

Duplicate a new circle and place it on top.

Next, select the Rectangle Tool and continue building up your key shape.

Swap the Fill and Stroke for the object, this will show you all the objects we have.

Using the Selection Tool, select the whole shape and go to Window>Pathfinder to bring up the Pathfinder. Select Add to shape to combine the objects.

You can still make changes to the compound path at this stage. Try moving the top circle below to see how it works. To do this, double click with the Selection Tool to go into isolation mode to move the individual shapes.

Next we will swap it back to black fill again, draw a circle in the middle which we will punch a new hole there. Select both shapes and select Subtract from shape area.

Here is the final illustration.

Next Lesson: Working with Color and Strokes »
Back to Table of Contents

Share and Enjoy:
  • Digg
  • del.icio.us
  • Design Float
  • Reddit
  • Technorati
  • Twitter
  • StumbleUpon

About The Author: admin

Hi. I'm the founder of Vector Diary. Illustrator is my passion and I have written numerous tutorials on illustrator helping people learn illustrator. My most popular tutorial on learning illustrator in 30 days has been a hit. It makes learning illustrator so easy and has benefited more than 20,000 people worldwide. Also, I've revealed some of my secret techniques in the premium tutorials. So don't forget to check it out!

Read all articles writen by this author

4 Trackbacks

H?zland?r?lm?? Illustrator E?itimi » Murat Göktuna | H?zland?r?lm?? Illustrator E?itimi » Murat Göktuna
September 17th, 2008 at 3:04 pm

H?c Illustrator trong 30 ngày | Hutek.info | H?c Illustrator trong 30 ngày | Hutek.info
March 6th, 2009 at 5:14 pm

[arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês – Inspiração #11 | [arte e vício] » Blog Archive » Aprenda Illustrator CS3, ou não, em 30 dias. Tutoriais em inglês - Inspiração #11
March 23rd, 2009 at 6:09 pm

Adobe Illustrator em 30 Dias | Passatempo | Adobe Illustrator em 30 Dias | Passatempo
August 25th, 2009 at 3:03 am

+Add Comment25 Comments

  1. Gravtar for LadyAngora
    LadyAngora July 23rd, 2008

    wow, i never knew you could still change the compound path after selecting ‘add to shape’… i’m always using the ‘merge’ tool!

  2. Gravtar for Sean O
    Sean O July 28th, 2008

    Mine didn’t work like that. Instead of removing the middle, it took the whole thing with it! What could be causing this?

  3. Gravtar for iStockdiary
    iStockdiary July 28th, 2008

    Hi Sean, Make sure the circle is on top of the key. Select both and click subtract from shape area.

  4. Gravtar for ivan
    ivan August 5th, 2008

    to show grid it’s not “window>show” grid
    it’s “view>show grid”

  5. Gravtar for Sean
    Sean August 5th, 2008

    Thank you! It worked this time. On to the next lesson =D

  6. Gravtar for Heidi
    Heidi August 5th, 2008

    I can’t seem to manipulate the individual circle after using Add to shape. The entire compound path is moving altogether. What did I miss?

  7. Gravtar for iStockdiary
    iStockdiary August 6th, 2008

    Hi Heidi, try to double click with the Selection Tool to go into isolation mode to move the individual shapes.

  8. Gravtar for Britt Malka
    Britt Malka August 16th, 2008

    Swap the Fill and Stroke … after I’ve found it, it only made some of my key black. Besides, why should I keep down Alt/Option to draw the second cirkle? Give up for now :-( Too many things I do not understand.

  9. Gravtar for Leroy Simpson
    Leroy Simpson August 26th, 2008

    Another good lesson, Jah rasta

  10. Gravtar for emily
    emily August 30th, 2008

    i think i got it! thanks!

  11. Gravtar for Rodolfo
    Rodolfo November 17th, 2008

    That was a really good tutorial!! you make it so easy to learn!! thanks a lot!!

  12. Gravtar for Dwight
    Dwight December 11th, 2008

    Just wanted to drop you a note on Compound Path lesson: Creating an Ancient Key. I found it very enlightening, and as a matter of fact; since Iv’e been visiting your site (less than two weeks), working in Illustrator has become less of a chore. Thanks for all your instruction.
    Dwight

  13. Gravtar for Duke
    Duke December 26th, 2008

    To those who have trouble -
    You must hold down the alt/option key while clicking the “add to shape / unite” button in the pathfinder window. This way, you’ll be able to move each circle independently in isolation mode.

    Try it this way. Draw 3 random circles with the ellipse tool, all overlapping eachother like the key. If you click the unite button in the pathfinder window, they’ll all now be one object and move together as one object, even in isolation mode. BUT, if you click the unite button while holding down alt/option, now they’ll be separate objects in isolation mode.

  14. Gravtar for Tissaka Senarath
    Tissaka Senarath March 1st, 2009

    Again.. great tutorial.. thank you so much!!! very easy to understand

  15. Gravtar for Ethienne
    Ethienne March 6th, 2009

    Love you guys!! you helped me a lot ;)

  16. Gravtar for lj
    lj March 12th, 2009

    What a great site. Thank you

  17. Gravtar for hung vannguyen
    hung vannguyen April 18th, 2009

    very good

  18. Gravtar for bill
    bill May 8th, 2009

    hi

  19. Gravtar for Adrian
    Adrian May 26th, 2009

    I dont understand the moving of the circles, it doesnt move for me, it moves the whole key not the circle.

    i’m using cs4, would that change how it at all?

  20. Gravtar for Vectordiary
    Vectordiary May 26th, 2009

    For CS4, it is different. Compound Paths get expanded on default. Hence, you will need to press Alt/Option before you click the Pathfinder effects to make it editable.

  21. Gravtar for Adrian
    Adrian May 28th, 2009

    oh, thanks!

  22. Gravtar for Devin
    Devin June 9th, 2009

    I’m almost an expert at photoshop, but trying to go from Photoshop, to Illustrator, is a DAUNTING task. Thanks for this tutorial! Its insanely helpful, and I’m starting to get the hang of this! :D
    Thanks!

  23. Gravtar for Reginald Raju
    Reginald Raju June 11th, 2009

    me neva used ol dose compound and pathfinder effects… its amazing.. me used to draw ol dose shape.. buh its easier to use pathfinder..

  24. Gravtar for Jennifer
    Jennifer August 12th, 2009

    Another excellent lesson. This is enjoyable and so easy to understand. Thanks again for being so generous and sharing your knowledge!

  25. Gravtar for aurorasogna
    aurorasogna October 28th, 2009

    I’ve CS4 but also with Alt/Option it doesn’t work. Any idea??

Add a Comment

(required)

(will not be published)

join membership
rss or subscribe via email


Write an illustrator tutorial and get paid $150 for each tutorial! Your bio and website will also be included to increase your exposure.

Find out more»



About Vectordiary

Vector Diary is a popular blog offering great illustrator tutorials and tips. It was created by Tony Soh, a graphic designer, who has great passion in illustration. Tony has written one of the most popular tutorial for learning illustrator and has helped more than 20,000 people. On top of that, his tutorials and tips has helped designers improve their illustration skills and have received great feedback. So join Vector Diary and start learning today!

Write a Tutorial

Get paid $150 for each approved tutorials! Any writers who are passionate about sharing their illustrator techniques can contribute.

Learn how »

My Network


All Content & Theme Design © 2008 Vectordiary. Hosted by Media Temple