Construtor de formas no Illustrator: guia do Shape Builder

O Construtor de formas no Illustrator (Shape Builder, em inglês) junta e apaga pedaços de formas sobrepostas direto na prancheta. Você seleciona as formas, aperta Shift+M e arrasta o cursor pelas regiões que quer unir. Para apagar uma região, segura Alt no Windows ou Option no Mac e clica nela.

Ela é muito prática para montar logotipos, ícones e letras a partir de círculos e retângulos, porque você escolhe pedaço por pedaço o que fica e o que sai. Abaixo está o passo a passo da ferramenta Construtor de formas, o que faz cada opção da janela de configuração e o que verificar quando ela parece não funcionar.

Onde fica a ferramenta Construtor de formas e qual é o atalho

O atalho é Shift+M, igual no Windows e no Mac, segundo a página da Adobe sobre a ferramenta. Quem segue tutoriais em inglês encontra o Shape Builder no Illustrator com o mesmo atalho.

Se o ícone não aparece na sua barra, use o atalho ou troque para a barra completa em Janela > Barras de ferramentas > Avançado. Um duplo clique no ícone abre a janela de opções, explicada mais abaixo.

Ação	Windows	Mac
Selecionar o Construtor de formas	Shift + M	Shift + M
Unir regiões	Arrastar sobre elas	Arrastar sobre elas
Unir várias regiões com um retângulo	Shift + arrastar	Shift + arrastar
Apagar região ou borda (modo de apagar)	Alt + clique	Option + clique
Abrir as opções da ferramenta	Duplo clique no ícone	Duplo clique no ícone

Como usar o Construtor de formas passo a passo

O fluxo descrito pela documentação oficial do Illustrator tem quatro passos:

Desenhe as formas sobrepostas. Círculos, retângulos, polígonos ou caminhos feitos com a ferramenta caneta no Illustrator. Cada ponto em que elas se cruzam vira uma divisa entre regiões.
Selecione tudo com a ferramenta Seleção (V). O Construtor de formas só enxerga o que está selecionado. Esse é o motivo número um de “não acontece nada”.
Aperte Shift+M e passe o cursor por cima. A ferramenta destaca cada região fechada com uma trama cinza, para você ver o que vai ser afetado.
Arraste de uma região até a outra para uni-las. Ao soltar, os pedaços tocados viram uma forma só, e aparecem pontos de ancoragem nas novas quinas.

Para unir muitas regiões de uma vez, segure Shift enquanto arrasta: em vez de uma linha, você desenha um retângulo, e tudo que estiver dentro dele é unido.

Como apagar partes com o Construtor de formas

Segure Alt (Windows) ou Option (Mac) e a ferramenta entra no modo de apagar. Clique numa região fechada para eliminá-la, ou arraste por várias para apagar todas de uma vez.

A Adobe lembra que o modo de apagar também remove bordas soltas. Isso é útil para limpar sobras de linha que ficam depois de montar a forma. Se a região apagada era compartilhada por mais de um objeto, o Illustrator quebra as formas para tirar só aquele pedaço.

De qual forma sai a cor do resultado

Essa regra explica quase todo resultado com a cor “errada”. Segundo a Adobe, a forma nova herda o estilo, nesta ordem:

Do objeto onde você começou a arrastar.
Se esse objeto não tiver estilo, do objeto onde você soltou o mouse.
Se nenhum dos dois tiver, do objeto selecionado que está mais acima no painel Camadas.

Na prática: comece o arrasto na forma que já tem a cor certa. Se quiser outra cor, mude a opção Pick Color From para Color Swatches (veja a seção de opções) e escolha a amostra antes de arrastar.

Opções da ferramenta Construtor de formas

Dê um duplo clique no ícone da ferramenta para abrir a janela de opções. Os nomes abaixo estão em inglês, como aparecem na documentação. A explicação de cada uma segue a análise da CreativePro sobre as opções do Shape Builder:

Gap Detection (detecção de lacunas): permite que a ferramenta trate como fechada uma região que tem uma pequena abertura. Você escolhe o tamanho da lacuna num menu ou digita um valor. Desligada, só caminhos realmente fechados formam regiões. A lacuna precisa ser parecida com o tamanho escolhido, então teste valores se nada for detectado.
Consider Open Filled Path As Closed: trata como fechado um caminho aberto que tem preenchimento. Resolve o caso mais comum de caminho desenhado com a caneta sem fechar o último ponto.
In Merge Mode, Clicking Stroke Splits the Path: com ela ligada, clicar numa linha no modo de unir divide o caminho naquele trecho. Com ela desligada, os traçados não são editáveis no modo de unir.
Pick Color From: Artwork faz a forma nova herdar o estilo do objeto onde o arrasto começou (a regra acima). Color Swatches aplica a amostra escolhida.
Cursor Swatch Preview: mostra uma amostra de cor junto do cursor. Com as setas para esquerda e direita você troca de cor entre as que estão no painel Amostras.
Selection: Straight Line faz uma seleção em linha reta, que dá mais controle quando as formas estão muito próximas. Freeform deixa o arrasto contornar regiões que você não quer pegar.
Highlight: Fill mostra a trama cinza sobre as regiões. Highlight Stroke When Editable destaca na cor escolhida os trechos de linha que podem ser divididos, mas só funciona com a opção de dividir caminho ligada.

Construtor de formas ou Pathfinder: quando usar cada um

Os dois combinam formas, mas de jeitos diferentes. O Pathfinder no Illustrator aplica a mesma operação à seleção inteira com um clique (unir tudo, furar com o objeto da frente, dividir). O Construtor de formas deixa você decidir região por região.

Situação	Melhor escolha	Por quê
Juntar todas as formas selecionadas num ícone	Pathfinder (Unir)	Um clique resolve
Montar uma letra a partir de círculos e retângulos	Construtor de formas	Você escolhe quais pedaços entram
Fazer um furo com a forma da frente	Pathfinder (Menos frente)	Operação padrão, sem arrastar
Apagar só um ou dois pedaços no meio de um desenho	Construtor de formas	Alt/Option + clique tira só aquele trecho
Manter as formas editáveis para ajustar depois	Pathfinder com Alt/Option (forma composta)	O Construtor de formas altera os caminhos de vez
Colorir cada região de um jeito, sem juntar	Pathfinder (Dividir)	Separa todas as regiões em objetos

Um fluxo que funciona bem em logotipo: monte a estrutura com formas simples, use o Construtor de formas para unir e cortar o que interessa e, se precisar ajustar curvas depois, entre com a seleção direta no Illustrator para mexer nos pontos.

Exemplo prático: um ícone de nuvem em 2 minutos

Desenhe três círculos de tamanhos diferentes lado a lado, um pouco sobrepostos, e um retângulo cobrindo a metade de baixo dos três, um pouco mais largo que eles.
Selecione tudo (Ctrl+A ou Command+A) e aperte Shift+M.
Comece o arrasto dentro do círculo do meio (é dele que sai a cor) e passe por todas as regiões dos círculos e pela parte do retângulo que fica embaixo deles.
Segure Alt (ou Option) e clique nas duas pontas do retângulo que sobraram para fora dos círculos, nas laterais.
Volte para a Seleção (V) e confira: agora existe uma única forma de nuvem, pronta para receber cor ou traçado.

O mesmo raciocínio serve para letras: um “D” sai de um retângulo e um círculo, e um “R” sai de um retângulo, um círculo e uma diagonal.

Construtor de formas não funciona? O que conferir

Nada fica destacado ao passar o mouse. As formas não estão selecionadas. Selecione com a ferramenta Seleção e só depois aperte Shift+M.
Uma região não é reconhecida. O caminho está aberto. Ligue Gap Detection ou a opção Consider Open Filled Path As Closed, ou feche o caminho selecionando os dois pontos das pontas e usando o comando Juntar (Ctrl+J ou Command+J).
O texto não entra na operação. Converta o texto em contornos antes (Tipo > Criar contornos, ou Shift+Ctrl+O / Shift+Command+O).
A cor ficou errada. Lembre da regra: o estilo vem do objeto onde o arrasto começou. Desfaça e comece na forma certa.
A forma está dentro de uma máscara. Uma máscara de recorte no Illustrator pode esconder parte do desenho e confundir a seleção. Libere a máscara, construa a forma e aplique a máscara de novo.
Imagem importada não é afetada. A ferramenta trabalha com caminhos vetoriais. Se o ponto de partida é um desenho em bitmap, transforme primeiro em vetor (o guia de como vetorizar imagem no Illustrator mostra o processo).

Dicas curtas de Illustrator, Photoshop e Figma como esta saem também no Instagram da Iglu Online.

Perguntas frequentes

Para que serve o Construtor de formas no Illustrator?

Serve para criar formas novas unindo ou apagando as regiões em que outras formas se sobrepõem. Você arrasta o cursor para unir e usa Alt (Option no Mac) para apagar, sem precisar abrir nenhum painel.

Qual é o atalho do Shape Builder no Illustrator?

É Shift+M, no Windows e no Mac. Um duplo clique no ícone da ferramenta abre a janela de opções.

Como apagar uma parte com o Construtor de formas?

Com as formas selecionadas e a ferramenta ativa, segure Alt no Windows ou Option no Mac e clique na região que quer remover. Arrastar com a tecla pressionada apaga várias regiões de uma vez, inclusive bordas soltas.

Qual a diferença entre Construtor de formas e Pathfinder?

O Pathfinder aplica uma operação à seleção inteira com um clique. O Construtor de formas deixa você escolher, arrastando, quais pedaços entram na forma final e quais saem. Para logotipos e letras montados com formas simples, o Construtor costuma ser mais rápido.

Por que o Construtor de formas não une minhas formas?

Normalmente porque as formas não estão selecionadas ou porque há um caminho aberto. Selecione tudo antes de apertar Shift+M e, se o problema for abertura, ligue Gap Detection nas opções da ferramenta.

Próximo passo

Abra um arquivo em branco e faça o exercício da nuvem: em dois minutos você pega o jeito de unir arrastando e apagar com Alt/Option. Para mais tutoriais curtos de design e tecnologia, siga a Iglu no Instagram e no LinkedIn, e acompanhe o fundador da Iglu, André Lug, no Instagram.