Ferramentas de formas

Quem pode usar este recurso

Disponível em qualquer plano

Qualquer pessoa que tenha acesso de editor a um arquivo de design pode usar ferramentas de forma

As formas constituem a maior parte das camadas de qualquer design. Você pode usar as seguintes ferramentas de forma como base:

• Retângulo
• Linha
• Seta
• Elipse
• Polígono
• Estrela

Você pode acessar essas ferramentas no menu Ferramentas de forma na barra de ferramentas. Clique na seta ao lado do Retângulo para abrir o menu.

Você pode usar os seguintes atalhos ao trabalhar com formas:

• Mantenha a tecla Shift pressionada ao arrastar para criar quadrados, círculos e polígonos perfeitos.
• Mantenha a tecla Option / Alt pressionada para criar e redimensionar formas a partir do centro.
• Mantenha pressionadas as teclas Shift e Option / Alt ao mesmo tempo para realizar as duas ações.

Retângulos

Use a ferramenta Retângulo para criar retângulos e quadrados.

1. Selecione a ferramenta Retângulo na barra de ferramentas ou pressione R.
2. Clique em um ponto no canvas e arraste para criar o retângulo. Você verá as dimensões do retângulo abaixo da borda inferior.
3. Todos os cantos da forma têm alças. Elas podem ser usadas para redimensionar a forma como você quiser.
   

   

Ajustar o raio do canto

Além das alças regulares, os retângulos também têm quatro alças circulares na parte interna de cada canto. Essas alças permitem arredondar os cantos. Saiba mais → 

Linhas

A ferramenta Linha permite criar linhas em qualquer direção. As linhas são uma maneira eficaz de dividir o conteúdo em um design ou simular bordas CSS.

1. Selecione a ferramenta Linha nas ferramentas de forma ou pressione L.
2. Clique em um ponto no canvas e arraste em qualquer direção para criar a linha.
3. É possível fazer alterações de aparência da linha na seção Traçado da barra lateral direita. Isso inclui a cor, a posição, o peso, o estilo e as pontas. Saiba mais →
   

   

Criar linhas tracejadas

É possível especificar o comprimento do traço e o espaço entre os traços.

1. Desenhe ou selecione a linha.
2. Na seção Traçado da barra lateral direita, selecione para abrir o menu Configurações avançadas de traçado.
3. Insira o comprimento desejado nos campos Traço e Espaçamento.

Setas

A ferramenta Seta permite desenhar setas de um lado e de dois lados. Você também pode personalizar as pontas.

1. Selecione a ferramenta Seta no menu de ferramentas de forma ou use o atalho ⇧ Shift L.
2. Clique em um ponto no canvas e arraste em qualquer direção para criar a seta.

Assim como na ferramenta de linha, você pode fazer ajustes nas propriedades do Traçado. Saiba mais →

Elipses e círculos

Use a ferramenta Elipse para desenhar formas ovais e círculos. Elas podem ser usadas como são criadas ou manipuladas para criar formas personalizadas com linhas curvas.

1. Selecione a ferramenta Elipse no menu de ferramentas de forma ou pressione O.
2. Selecione um ponto no canvas e arraste em qualquer direção para criar a elipse. As dimensões da forma serão mostradas em azul abaixo da camada.
3. Haverá uma caixa de delimitação azul ao redor da elipse, com uma alça em cada canto. Isso permite que você redimensione a forma.
   

   

Polígonos

A ferramenta Polígono permite desenhar uma forma fechada composta por qualquer número de linhas retas.

A forma padrão da ferramenta polígono é um triângulo, mas você pode adicionar pontos extras ao objeto para criar polígonos personalizados.

1. Selecione a ferramenta Polígono no menu de formas.
2. Selecione um local no canvas e arraste para criar o polígono. As dimensões da forma serão mostradas em azul abaixo do objeto.
3. A caixa de delimitação azul ao redor da forma tem uma alça em cada canto. Isso permite redimensionar a forma como achar melhor.
4. Entre no modo Editar objeto clicando duas vezes na camada de polígono. Isso permite adicionar mais pontos ao polígono e manipular cada um deles individualmente:
   

   

5. Você também pode arredondar os cantos de um polígono. Passe o mouse sobre a alça no canto até que o raio seja exibido. Clique e arraste a alça em direção ao centro do objeto para arredondar os cantos.

Polígonos e caixas de delimitação

Você deve ter notado que, quando desenhamos o polígono, neste caso um triângulo, a caixa de delimitação azul ao redor da forma estava abaixo da parte inferior da forma.

Isso permite que a caixa de delimitação permaneça com uma forma ou tamanho consistente quando pontos adicionais são adicionados ao polígono. Para ajustar a caixa de delimitação ao limite real da forma, você pode achatar a forma.

Clique com o botão direito na forma e selecione Achatar ou use o atalho do teclado:

• Mac: Command E
• Windows: Ctrl + E

Estrelas

A ferramenta Estrela cria polígonos que são organizados em forma de estrela. Quando você criar uma camada de estrela, o padrão será uma estrela de cinco pontas com dez lados.

1. Selecione a ferramenta Estrela no menu de ferramentas de forma.
2. Selecione uma posição no canvas e arraste em qualquer direção para criar a estrela.
   

   

3. Agora, você terá três alças que pode usar para manipular a estrela:
   
   • Contagem: o número de pontos na estrela, sendo o mínimo três e o máximo 60.
   • Proporção: a distância dos pontos internos da estrela em relação ao centro. Representada como uma porcentagem do diâmetro da estrela.
   • Raio: permite arredondar as pontas da estrela.