Antes de você começar
Quem pode usar este recurso
Disponível em qualquer plano
Qualquer pessoa que tenha acesso de editor a um arquivo pode editar camadas vetoriais
O modo de edição vetorial permite que você selecione, ajuste e altere as propriedades das camadas vetoriais, incluindo formas básicas e redes vetoriais personalizadas desenhadas com as ferramentas Caneta, Pincel ou Lápis.
Entrar no modo de edição vetorial
Para entrar no modo de edição vetorial, selecione uma ou mais camadas vetoriais e pressione Enter. Enquanto estiver no modo de edição vetorial, você poderá ver e interagir com os pontos e caminhos existentes da camada vetorial. Você também terá acesso às seguintes ferramentas de edição vetorial na barra de ferramentas secundária:
- Laço
- Construtor de formas
- Pintar
- Curvar
Editar redes vetoriais
Enquanto estiver no modo de edição vetorial, você pode interagir com os pontos e caminhos existentes de uma rede vetorial:
- Deslocar pontos: para deslocar um ponto existente, selecione a Ferramenta de deslocamento na barra de ferramentas secundária ou pressione V. Em seguida, clique e arraste um ponto para reposicioná-lo na tela de trabalho.
- Adicionar pontos: para adicionar mais pontos, selecione a ferramenta Caneta na barra de ferramentas ou pressione P. Em seguida, clique ao longo do caminho da rede vetorial para começar a adicionar mais pontos.
- Editar várias camadas vetoriais: você pode editar várias camadas vetoriais de uma só vez pressionando Shift e clicando em uma camada para adicioná-la à sua seleção atual.
-
Alternar camadas vetoriais:para mudar para uma camada vetorial diferente fora de sua seleção atual, pressione a tecla modificadora e clique na camada:
- Mac: Command
- Windows: Control
Crie caminhos curvos com alças de bézier
A ferramenta Dobrar permite que você adicione alças de bézier para criar uma curva em um caminho.
Para adicionar alças de bézier a uma rede vetorial:
- Selecione a ferramenta Dobrar na barra de ferramentas secundária.
- Clique em um ponto ou caminho onde você deseja adicionar uma curva.
- Use as alças de bézier para ajustar o comprimento e a inclinação da curva.
Dica: recomendamos que você confira The Bezier Game para praticar o uso da ferramenta Caneta e dominar as curvas de bézier.
Lidar com opções de espelhamento
Você pode usar as configurações de Espelhamento para especificar como um conjunto de alças de bézier se espelha:
- Sem espelhamento: cada alça pode ser movida de forma independente
- Ângulo do espelho: a alça não selecionada espelhará o ângulo da alça selecionada
- Ângulo e comprimento do espelho: a alça não selecionada espelhará o ângulo e o comprimento da alça selecionada
Selecionar pontos e trajetos com a ferramenta laço
Você pode selecionar pontos e caminhos específicos dentro de uma rede vetorial usando a ferramenta laço.
- Selecione a ferramenta Laço na barra de ferramentas secundária ou pressione Q.
- Clique e arraste para desenhar uma forma em torno dos pontos e caminhos que você deseja selecionar. Então, você pode manipular os pontos selecionados ou excluí-los da rede vetorial.
Adicionar preenchimentos a regiões fechadas.
Você pode adicionar preenchimentos a qualquer região fechada de uma rede vetorial. Se houver várias regiões fechadas em uma rede vetorial, é possível ajustar o preenchimento de cada região individualmente.
Para adicionar um preenchimento a uma região fechada:
- Selecione a ferramenta Tinta na barra de ferramentas secundária ou pressione Shift B.
- Passe o mouse sobre a área da rede vetorial onde você deseja adicionar um preenchimento. Um padrão de faixas diagonais indica qual região está atualmente selecionada.
- O cursor mudará para um ícone de gota com um:
- um sinal de mais se você puder adicionar um preenchimento a essa região
- um sinal de menos se houver um preenchimento existente que você pode remover
- Clique para adicionar ou remover um preenchimento à forma ou região.
O Figma usa um preenchimento cinza por padrão. Você pode alterar o preenchimento usando as configurações na seção Preenchimento da barra lateral direita. Saiba mais sobre propriedades de preenchimento.
Arredondar os cantos de uma forma
Você pode arredondar os cantos individuais de uma rede vetorial usando a configuração Raio do canto na barra lateral direita. Se a rede vetorial for um caminho aberto, você pode usar tampas para arredondar os pontos de extremidade. Saiba mais sobre raio do canto e suavização.