The Shape Builder tool in Illustrator

The Shape Builder tool in Illustrator is used to adjust lines and shapes. In this article, TipsMake will introduce you to the Shape Builder tool in Illustrator.

In a previous article, TipsMake guided you on how to change the default background color in Illustrator . Let's continue with this article to learn about the Shape Builder tool in Illustrator.

Get familiar with the Shape Builder tool in Illustrator.

The Shape Builder tool in Illustrator allows users to create complex objects by merging and deleting simpler objects, selecting edges and areas of objects to be merged or deleted to create new objects. Alternatively, users can also break up overlapping objects to create new ones.

The style properties of the object are passed on after merging. By default, the Shape Builder tool is in Merge mode; however, you can switch to Erase mode if desired using the Alt key (on Windows) or Option key (on Mac).

1. Create an object using the Shape Builder tool.

Step 1: Click the Selection toolin the Tools panel, then select the paths you want to merge to create a single object or shape.

Step 2: Click on the Shape Builder toolin the tool panel. By default, the Merge mode is selected.

Step 3: To break or extract a region from an object or shape, click to select the chosen region.

Step 4: To merge the paths, drag the paths along the area.

Two merged areas will form a new shape. Attributes from the merged area are applied to the merged shapes or the combined shapes.

Tip: Press and hold the Shift key while dragging across the paths to display a rectangular area and quickly merge multiple paths.

Step 5: To delete the paths, press the Alt key (on Windows) or Option key (on Mac) and click on the area or edge you want to delete.

2. Configure the Shape Builder tool options.

Step 1: Double-click the Shape Builder tool in the Tools panel.

Step 2: To detect and display the distance between objects, check the Gap Detection box , then select Gap Length or Small (3 points), Medium (6 points), or Large (12 points), or you can check the Custom box and choose the length of the points.

Note: Ensure the distance value is close to the actual distance; otherwise, Illustrator will not be able to detect it.

Step 3: Customize Options and Highlight settings:

- Consider Open Filled Path as Closed: This option allows you to create an invisible edge for the open path used to create the area.

- In Merge Mode, Clicking Stroke Splits the Path: Select this option to split the parent path into two, with the first edge splitting when you click on the specified split location.

- Pick Color From: Choose Color Swatches or Artwork as the color source for the objects. If you choose Color Swatches, remember to check the Cursor Swatch Preview box to preview and select colors.

- Fill: Select to highlight the merged area in gray or hover over the selected path.

- Highlight Stroke When Editable: Highlight the stroke using your chosen color.

Step 4: Click OK.

The article above, by TipsMake, has just introduced you to how to use the Shape Builder tool in Illustrator. Additionally, if you have any questions or need clarification, please leave your comments in the section below the article.


If you want to change the default background color in Illustrator to make it less boring, you can also use different available colors to set the background color for the software's interface. See  our guide on how to change the default background color in Illustrator .

Other Program articles
  • Draw and edit curves with the Curvature tool in Illustrator.

    in a previous article, tipsmake introduced you to the shape builder tool in adobe illustrator. in this article, tipsmake will continue by showing you how to draw and edit curves using the curvature tool in illustrator.
  • How to Warp, bend text in Adobe Illustrator

    in previous articles, tipsmake has guided you on how to change the default background color and how to crop images in illustrator. in this article, tipsmake will continue to guide you on how to warp, bending text in adobe illustrator.
  • Learn about Stroke in Illustrator

    in the previous article, you and tipsmake explored the shape builder tool in adobe illustrator. in this article, let's learn about stroke in illustrator.
  • How to Create and Edit Gradients in Adobe Illustrator

    to learn how to create and edit gradients in adobe illustrator, please refer to the article below from tipsmake. additionally, you can refer to other articles already published on tipsmake to learn more about cropping images in adobe illustrator.
  • How to color and change colors in Adobe Illustrator

    in previous articles, tipsmake has guided you on how to adjust the size, position, rotation, and flip of images in adobe illustrator. this article will continue by showing you how to color and change colors in adobe illustrator.
  • How to change the default background color in Illustrator

    as we know, adobe illustrator is vector graphics software developed and marketed by adobe inc. to get acquainted with illustrator, this article from tipsmake will guide you on how to change the default background color in illustrator.
Category

System

Windows XP

Windows Server 2012

Windows 8

Windows 7

Windows 10

Wifi tips

Virus Removal - Spyware

Speed ​​up the computer

Server

Security solution

Mail Server

LAN - WAN

Ghost - Install Win

Fix computer error

Configure Router Switch

Computer wallpaper

Computer security

Mac OS X

Mac OS System software

Mac OS Security

Mac OS Office application

Mac OS Email Management

Mac OS Data - File

Mac hardware

Hardware

USB - Flash Drive

Speaker headset

Printer

PC hardware

Network equipment

Laptop hardware

Computer components

Advice Computer

Game

PC game

Online game

Mobile Game

Pokemon GO

information

Technology story

Technology comments

Quiz technology

New technology

British talent technology

Attack the network

Artificial intelligence

Technology

Smart watches

Raspberry Pi

Linux

Camera

Basic knowledge

Banking services

SEO tips

Science

Strange story

Space Science

Scientific invention

Science Story

Science photo

Science and technology

Medicine

Health Care

Fun science

Environment

Discover science

Discover nature

Archeology

Life

Travel Experience

Tips

Raise up child

Make up

Life skills

Home Care

Entertainment

DIY Handmade

Cuisine

Christmas

Application

Web Email

Website - Blog

Web browser

Support Download - Upload

Software conversion

Social Network

Simulator software

Online payment

Office information

Music Software

Map and Positioning

Installation - Uninstall

Graphic design

Free - Discount

Email reader

Edit video

Edit photo

Compress and Decompress

Chat, Text, Call

Archive - Share

Electric

Water heater

Washing machine

Television

Machine tool

Fridge

Fans

Air conditioning

Program

Unix and Linux

SQL Server

SQL

Python

Programming C

PHP

NodeJS

MongoDB

jQuery

JavaScript

HTTP

HTML

Git

Database

Data structure and algorithm

CSS and CSS3

C ++

C #

AngularJS

Mobile

Wallpapers and Ringtones

Tricks application

Take and process photos

Storage - Sync

Security and Virus Removal

Personalized

Online Social Network

Map

Manage and edit Video

Data

Chat - Call - Text

Browser and Add-on

Basic setup