Use Shape Builder Tool in Adobe Illustrator CS6

Edited by Freya, VisiHow, Eng

You're watching VisiHow. In this tutorial, we're going to show you how to use the "Shape Builder Tool" in Adobe Illustrator CS6 in Windows 7.


Steps

  1. 1
    To begin, you should open Adobe Illustrator CS6 either from your desktop or by coming down to the bottom-left corner and clicking the Windows icon
    .
    This will reveal a list of recently used programs. You may find Illustrator on the list. It has a brown-and-orange icon with the letters "Ai".
    Advertisement
    Was this step helpful? Yes | No| I need help
  2. 2
    If you can't see Illustrator in the start menu, use the search bar along the bottom and start typing "Adobe Illustrator"
    .
    Advertisement
    Was this step helpful? Yes | No| I need help
  3. 3
    Click "Adobe Illustrator CS6"
    .
    It will immediately start loading and take you directly to the workspace. We need a document now.
    Was this step helpful? Yes | No| I need help
  4. 4
    Click "File" in the horizontal menu in the top-left corner
    .
    Was this step helpful? Yes | No| I need help
  5. 5
    Click "New..." to open up a new document
    .
    Alternatively, press "Ctrl" + "N" on the keyboard. You can also open an existing document. For more information, refer to our tutorials on how to create a new document and how to open documents.
    Was this step helpful? Yes | No| I need help
  6. 6
    For this tutorial, let's click "OK"
    .
    With our document ready, you need shapes.
    Was this step helpful? Yes | No| I need help
  7. 7
    Click and drag "Rectangle Tool" to select "Ellipse Tool"
    .
    Was this step helpful? Yes | No| I need help
  8. 8
    Now, create two overlapping circles
    .
    For more information on how to do that, refer to our tutorials on how to create basic shapes and how to get perfect shapes. The "Shape Builder" tool merges different shapes together to create one shape.
    Was this step helpful? Yes | No| I need help
  9. 9
    In order to use this tool, first click the "Selection Tool" black arrow
    .
    Was this step helpful? Yes | No| I need help
  10. 10
    Select both circles by dragging the marquee over the objects
    .
    A blue frame will appear around the selection, which means the selection is ready for editing together. They act like one object even though there are two.
    Was this step helpful? Yes | No| I need help
  11. 11
    Next, click "Shape Builder Tool" in the vertical toolbar
    .
    It is located about halfway down on the left side. It has an icon of two circles with a line through them and an arrow. Alternatively, press "Shift" + "M" on your keyboard to use this tool.
    Was this step helpful? Yes | No| I need help
  12. 12
    If you move the cursor over sections of the objects, the tool will automatically highlight areas in gray
    .
    You will notice that there is "+" next to the cursor, which indicates that the selected shapes will be added together.
    Was this step helpful? Yes | No| I need help
  13. 13
    Click and drag the cursor to draw a line across the two circles
    .
    You will see that the gray area will show the mergence, and the red line will show the outline of the new shape.
    Was this step helpful? Yes | No| I need help
  14. 14
    Let go of the mouse button
    .
    A new shape will be formed.
    Was this step helpful? Yes | No| I need help
  15. 15
    Let's press "Ctrl" + "Z" to step back several times
    .
    Was this step helpful? Yes | No| I need help
  16. 16
    You can "subtract" shapes by holding the "Alt" key
    .
    "-" will appear next to the cursor.
    Was this step helpful? Yes | No| I need help
  17. 17
    Now, click and drag the cursor to draw a line across a shape
    .
    A portion of the object will be highlighted.
    Was this step helpful? Yes | No| I need help
  18. 18
    Let go of the button and the key
    .
    The highlighted portion will be removed.
    Was this step helpful? Yes | No| I need help
  19. 19
    Double-click the "Shape Builder Tool" icon on the vertical toolbar to change the settings
    .
    A new window will open.
    Was this step helpful? Yes | No| I need help
  20. 20
    You can check the "Gap Detection" option
    .
    This option may be useful if you want to have a gap between the shapes. It is recommended to leave the default settings is you are new to the tool.
    Was this step helpful? Yes | No| I need help
  21. 21
    You can change "Options"
    .
    For example, you can check "In Merge Mode, Clicking Stroke Splits the Path". This option will work in the same way as "Scissors Tool", which is shown in the tutorial on how to use the "Eraser Tool", "Knife Tool", and "Scissors Tool".
    Was this step helpful? Yes | No| I need help
  22. 22
    Click the "Pick Color From" drop-down menu
    .
    Was this step helpful? Yes | No| I need help
  23. 23
    You can click "Artwork" or "Color Swatches"
    .
    This will select colors from the either source. It is recommended to leave the default setting, which is "Color Swatches". The final options are under "Highlight".
    Was this step helpful? Yes | No| I need help
  24. 24
    You can check or uncheck the "Fill" and the "Highlight Stoke when Editable" options
    .
    Was this step helpful? Yes | No| I need help
  25. 25
    You can click the "Color" drop-down menu
    .
    This will change the outline color when clicking and dragging the line across the object with the use of the tool. For example, if you already have a lot of red objects on your canvas, you may want to use this drop-down menu to change your highlight color.
    Was this step helpful? Yes | No| I need help
  26. 26
    Press "OK" to apply any changes
    .
    Was this step helpful? Yes | No| I need help

This concludes our tutorial showing you how to use the "Shape Builder Tool" in Adobe Illustrator CS6 in Windows 7. If you have any questions or queries regarding this tutorial, just add them to the comment section below. Thank you for choosing VisiHow!

Was this helpful? Yes | No| I need help

Video: Use Shape Builder Tool in Adobe Illustrator CS6

Questions and Answers

Object dimensions change after filling with the Shape Builder Tool/Paint Bucket Tool?

Hello, I already wrote in Adobe forum about this issue (https://forums.adobe.com/message/8339546#8339546) and tried all suggestions to solve this problem, but still nothing... I'm using Mac and newest Illustrator CC version (19.2.0). So the problem is that when I fill an object with a Shape Builder Tool/Paint Bucket Tool that object dimensions always changes. You can see an example in a picture - https://www.dropbox.com/s/qkvhhtej46pdhx4/Screen%2BShot%2B2015-12-27%2Bat%2B03.07.24.png?dl=0 (it's just an example, I don't use bucket for simple objects like this circle, but for more complicated objects it's very useful). I created 35x35mm circle and used Shape Builder Tool 3 times in a row and each time I got different results. This problem occurs only with millimeters. Maybe you know how to solve this problem? This is very important to me, because I just can't work like this. It would be very helpful to get an answer. Thank you.

Was this helpful? Yes | No| I need help

VisiHow QnA. This section is not written yet. Want to join in? Click EDIT to write this answer.

If you have problems with any of the steps in this article, please ask a question for more help, or post in the comments section below.

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.

Article Info

Categories : Software

Recent edits by: VisiHow, Freya

Share this Article:

Thanks to all authors for creating a page that has been read 523 times.

x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No