A ferramenta de seleção direta serve para mexer em partes de um desenho vetorial: um ponto de ancoragem, um segmento de caminho ou uma alça de curva, sem mover o objeto inteiro. No Illustrator e no Photoshop ela é a seta branca da barra de ferramentas e o atalho é a tecla A.

Na prática, você ativa a ferramenta, clica no objeto para ver os pontos, clica no ponto que quer alterar e arrasta. Para pegar vários pontos, segure Shift enquanto clica. É assim que se ajusta uma curva de logotipo, corrige um canto torto ou deforma uma forma sem redesenhar tudo.

O que a ferramenta de seleção direta faz

Todo objeto vetorial é feito de pontos de ancoragem ligados por segmentos. Nas curvas, cada ponto tem alças (linhas de direção) que definem o formato do trecho. A ferramenta Seleção comum, a seta preta, pega o objeto como um bloco. A seleção direta pega as peças.

A documentação da Adobe resume assim: a ferramenta permite selecionar, mover ou modificar pontos ou segmentos específicos de um caminho ou forma. Isso inclui três coisas que você pode arrastar:

Uma regra ajuda a entender o comportamento dela: se todos os pontos de um objeto estiverem selecionados, o objeto inteiro se move. Se só alguns estiverem selecionados, só eles se movem e a forma se deforma. Essa explicação aparece na resposta aceita de um tópico da comunidade da Adobe e resolve boa parte da confusão de quem está começando.

Como usar a ferramenta seleção direta no Illustrator

O passo a passo abaixo segue a página oficial da ferramenta no Illustrator:

  1. Clique na seta branca da barra de ferramentas ou aperte A.
  2. Clique no objeto. Os pontos de ancoragem e os segmentos aparecem.
  3. Clique num ponto de ancoragem para selecioná-lo. Ele fica preenchido; os outros ficam vazados.
  4. Para selecionar mais de um ponto ou segmento, segure Shift e clique em cada um.
  5. Arraste o ponto, a alça ou o segmento até a forma ficar como você quer.

Você também pode arrastar uma caixa de seleção com a seta branca por cima de vários pontos de uma vez. Só tome cuidado: se essa caixa passar por cima de outro objeto, os pontos dele entram na seleção junto.

Na edição de logotipos e ícones, o uso mais frequente é puxar a alça para suavizar uma curva ou mover um único ponto para acertar um canto. Com dois pontos selecionados via Shift, dá para deslocar um lado inteiro da forma.

Seleção direta, Seleção e Seleção de grupo: qual usar

No Illustrator, a seleção direta divide espaço com a ferramenta Seleção de grupo. Segundo a página da Adobe sobre métodos de seleção, a Seleção de grupo pega um objeto de cada vez dentro de um grupo, sem desagrupar, e cada clique a mais sobe um nível na hierarquia.

Ferramenta O que seleciona Quando usar
Seleção (seta preta) O objeto ou grupo inteiro Mover, girar e redimensionar a peça toda
Seleção direta (seta branca, A) Pontos, segmentos e alças Mudar a forma de um objeto
Seleção de grupo Um objeto dentro de um grupo Editar uma peça sem desfazer o grupo
Laço Pontos de ancoragem dentro da área desenhada Pegar pontos espalhados num desenho complexo

Ferramenta de seleção direta no Photoshop

O Photoshop também tem a seta branca, com o mesmo atalho A. Ela fica agrupada com a ferramenta Seleção de caminho: se não estiver visível, clique e segure o ícone da Seleção de caminho até o menu abrir. O roteiro da documentação do Photoshop é este:

  1. Escolha a ferramenta Seleção direta (A).
  2. Na barra de opções, em Selecionar, escolha Todas as camadas (All Layers), ou escolha Camadas ativas (Active Layers) e marque as camadas no painel Camadas.
  3. Arraste uma caixa sobre os caminhos ou segmentos que quer pegar.
  4. Clique num ponto de ancoragem ou ponto de direção. Shift adiciona ou remove pontos da seleção.
  5. Mova a seleção para alterar o caminho.

A diferença importante: no Photoshop ela só trabalha com caminhos e formas vetoriais. Numa camada de pixels (uma foto, por exemplo) não existe ponto de ancoragem para selecionar. Para recortar áreas de uma imagem, o caminho é outro: a seleção de objeto no Photoshop ou a ferramenta laço do Photoshop, que têm guias próprios aqui no blog.

Ferramenta seleção direta do Illustrator não funciona: o que verificar

Quando a seta branca parece não responder, em geral a ferramenta está funcionando e algo no arquivo impede o clique. Confira nesta ordem:

  1. O objeto ou a camada está bloqueado. Objetos bloqueados não aceitam seleção. Veja se há um cadeado no painel Camadas ou use Objeto > Desbloquear tudo (Object > Unlock All).
  2. A camada está oculta. Sem o ícone de olho ativo no painel Camadas, nada nela pode ser clicado.
  3. O clique pega o objeto de baixo. Quando há formas sobrepostas, a seleção direta pode pegar pontos de outro objeto. A solução aceita no fórum da Adobe é entrar no modo de isolamento: dê dois cliques no objeto com a ferramenta Seleção, desmarque tudo, selecione os pontos com a seleção direta ou com o Laço e aperte Esc para sair. Para vários objetos, agrupe antes com Ctrl+G (Cmd+G no Mac).
  4. O objeto inteiro se move em vez de um ponto. Você selecionou todos os pontos dele. Clique fora para desmarcar e depois clique só no ponto que quer.
  5. O clique cai no preenchimento em vez do contorno. No modo de contornos (Ctrl+Y no Windows, Cmd+Y no Mac) só aparecem os caminhos, o que ajuda a mirar nos pontos. Vale também conferir a opção Object Selection by Path Only (seleção de objetos somente pelo caminho), em Edit > Preferences > Selection & Anchor Display no Windows ou Illustrator > Settings > Selection & Anchor Display no Mac. Ela vem desligada por padrão.
  6. O ponto é difícil de acertar. A tolerância padrão de seleção é de 3 pixels, segundo a Adobe. Dê zoom no trecho ou aumente a tolerância nas mesmas preferências.
  7. O elemento não é vetorial. Texto editável e imagens colocadas não mostram pontos de ancoragem. Para editar letras ponto a ponto, converta o texto em contornos (Tipo > Criar contornos, ou Type > Create Outlines no Illustrator em inglês) e guarde uma cópia do texto original antes.

No Photoshop, confira se você não está numa camada de pixels e, com a opção Selecionar em Camadas ativas, se a camada da forma está marcada no painel Camadas.

Se você gosta de dicas curtas assim, sobre Illustrator, Photoshop e outras ferramentas de design, a Iglu publica conteúdo desse tipo no Instagram da Iglu Online.

Três exercícios para pegar a mão

Estes exercícios levam poucos minutos e mostram na prática como a ferramenta se comporta:

  1. Desenhe um retângulo, selecione só o ponto do canto superior direito com a seta branca e arraste para cima. Você terá um trapézio.
  2. Desenhe um círculo, clique num dos quatro pontos e puxe uma das alças. Veja como a curva muda sem o ponto sair do lugar.
  3. Escreva uma palavra, converta em contornos e use Shift para selecionar os pontos de uma letra só. Mova esses pontos para criar uma variação do logotipo.

Perguntas frequentes

Qual é o atalho da ferramenta de seleção direta?

É a tecla A, tanto no Illustrator quanto no Photoshop. No Photoshop, se aparecer a Seleção de caminho no lugar, clique e segure o ícone e escolha a Seleção direta.

Qual a diferença entre a ferramenta Seleção e a Seleção direta?

A Seleção (seta preta) pega o objeto inteiro para mover, girar ou redimensionar. A seleção direta (seta branca) pega pontos, segmentos e alças, e serve para mudar a forma do objeto.

Por que a seleção direta no Illustrator seleciona o objeto inteiro?

Porque todos os pontos dele estão selecionados. Desmarque tudo e clique em um ponto só. Se o clique continuar pegando outra forma, use o modo de isolamento ou o modo de contornos.

Dá para usar a ferramenta de seleção direta em uma foto no Photoshop?

Não. Ela só funciona em caminhos e formas vetoriais. Para selecionar partes de uma foto, use as ferramentas de seleção de pixels, como o Laço ou a Seleção de objeto.

Próximo passo

Abra um arquivo, aperte A e refaça os três exercícios acima. 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.