Advanced Illustrator: Creating Compound Paths & Backgrounds

Many of the proposed designs require knowledge of how to create a compound path and/or how to add a background in Illustrator, so I have created tutorials for both skills.

What is a Compound Path?

If your design has a strong balance of positive and negative space, there is a chance you will need to put a “hole” in the design so you can see the background. You can do this in Illustrator by creating a compound path.

Why should you create a compound path instead of just drawing a shape that is the same color as your background? Well, sometimes you need the negative space to be transparent (window decals, images in the background, etc).
coffee_shop

How to Create a Compound Path in Illustrator

  1. Right click to save this image to your desktop. DO NOT OPEN THIS IMAGE IN ILLUSTRATOR.
    rabbit_logo
  2. Open Adobe Illustrator and create a new file. File -> New. Set up the dimensions as follows:
    new_file
  3. Place the image in Illustrator. File -> Place.
  4. Double-click the layer to and rename it “reference photo.”
    Click the box next to the eye to lock the layer (a lock icon should appear).
    layers_1
  5. Click the new layer button. new_layer Double-click on the new layer and name it “positive space.”
    layers_2
  6. Select the pen tool. pen_tool
  7. In the colors palette at the bottom left of the screen, remove the outline by clicking the outline icon to bring it forward, then clicking the square with the red line through it.
    no_stroke
  8. Double-click on the fill icon (the solid square) to change the fill color to something you like.
  9. Use the pen tool to outline the shape. Open the transparency window. (Window -> Transparency)
  10. Select the black arrow from the tool bar on the left side of the screen. black_arrow
    Then click anywhere on the screen away from the shape you have just traced to deselect it.
    pathed_positive_space
  11. Pick a different fill color.
  12. Make a new layer. Name it “negative space”.
  13. Select the pen tool and trace over the negative space shapes.
  14. Select the black arrow from the tool bar on the left side of the screen.
    Click on one shape at a time and make sure the opacity of each shape it set to 100%.
    pathed_negative_space
  15. Select all of the shapes by holding down on the shift key as you click each one.
    At the top of the screen, Object -> Compound Path -> Make.
  16. Your “negative space” shapes should now be completely transparent.
    transparent_rabbit
  17. Your “positive space” layer is now empty.
    Click on it and then click on the trash can icon to delete it.
    layers_3
  18. Double-click on the “negative space” layer and rename it “rabbit”.
    layers_4

How to add a background:

  1. Make a new layer above your reference photo layer and below your positive space layer.
    Name it “background.”
    layers_5
  2. Click the rectangle tool in the tool bar on the left side of the screen.
    rectangle_tool
  3. Change the fill color to be your desired background color.
  4. Click and drag to draw a box that covers the entire background area.
    blue_bg
  5. Save your file as a PDF (File -> Save as -> Select “Adobe PDF” as the file format)
    save_as_pdf
  6. Create a new blog post and upload the PDF.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s