Ferramenta de seleção Parte 2: Dominar a barra de controlo e o painel Transformar
Introdução
Esta continuação da nossa série de Ferramentas de seleção mergulha na Barra de controle e em sua companheira mais precisa - o Painel de transformação. Você aprenderá a aplicar edições numéricas e exatas para tamanho, rotação, posição, inclinação e visibilidade, para que seus logotipos, ícones e layouts se encaixem no lugar com confiança.
Visão geral da barra de controle
A barra de controle (lado direito na área de trabalho, parte inferior em telefones) se adapta à ferramenta ativa. Com a Ferramenta Seleção ativa, você verá:
Objeto: ordem da camada, agrupar/desagrupar, inverter, máscara de clipe.
Alinhar: alinhar à tela ou a um objeto de destino.
Ampliar: espaçamento linear ou layouts de grade.
Os painéis comuns (disponíveis em todas as ferramentas) incluem Boolean, Stroke, Shadow, Layers, Settings, Document e Export.
Painel de transformação: Controles de precisão
Use o painel Transformar para fazer edições numéricas exatas na sua seleção:
Bloquear (cadeado): Quando bloqueado, alterar a Largura atualiza a Altura proporcionalmente (e vice-versa). Desbloqueie para definir livremente cada dimensão.
Largura e Altura: Digite valores exatos para um dimensionamento perfeito em pixels. Combine com o cadeado para obter um dimensionamento proporcional.
Rotação: O Vetor Ink trata o ângulo armazenado do objeto como zero na queda. Use o campo para deslocar ou aplicar um delta exato (por exemplo, digite 90 para girar 90°). O campo retorna a 0 posteriormente por design.
Posição (X, Y): Coordenadas relativas ao documento. Defina X=0 para se ajustar à borda esquerda, Y=0 para a borda superior. A seta controla o deslocamento em incrementos de 10 pixels.
Enviesamento: Aplica inclinação horizontal/vertical através de setas de incremento. Assim como a rotação, a inclinação é aplicada como um delta (não é rastreada permanentemente como um ângulo ativo).
Visibilidade: Defina a opacidade de 0 (oculto) para 1 (totalmente visível) para foco rápido e revele fluxos de trabalho.
Receitas rápidas
Dimensionar um logótipo proporcionalmente: Bloquear o cadeado → definir a Largura exacta (por exemplo, 512) → A altura é actualizada automaticamente.
Rotar por um valor exato: Em Rotação, digite 45 (ou use setas) → a rotação se aplica; o campo é redefinido para 0 (comportamento esperado).
Snap to canvas edges: Defina X=0 para a borda esquerda, Y=0 para o topo. Combine com o painel Alinhar para a centralização final.
Criar um efeito itálico sutil: Aplique pequenos incrementos de Skew (por exemplo, alguns toques) para inclinar texto ou formas de forma consistente.
Foco editar uma camada: defina temporariamente a Visibilidade de objetos próximos como 0,2-0,4 enquanto ajusta o elemento herói e, em seguida, restaure para 1.
Dicas profissionais e truques
A zeragem de rotação é intencional: Trate o campo como um controlo de "rodar por". Precisa de precisão do pivô? Defina um Anchor primeiro (menu de ação da Ferramenta de seleção) e, em seguida, gire.
Grelhas perfeitas para pixels: Use os incrementos de Posição (toques de 10 px) para colocar rapidamente as linhas/colunas no lugar; finalize com Arranjo → Grade.
Proporções à deriva? Verifique se o padlock está ativado ou use a ação Constrain da Ferramenta de seleção enquanto arrasta.
Desvio para perspetiva: A inclinação leve + deltas de rotação menores podem falsificar a perspetiva em cartões ou emblemas de interface plana sem efeitos complexos.
Prática de 2 minutos
Desenhe um retângulo. Em Transform, bloqueie as proporções e defina W=320. Digite 15 em Rotation.
Defina X=0, Y=0 para encaixar no canto superior esquerdo e, em seguida, pressione as setas X/Y duas vezes para deslocar 20 px.
Aplique dois toques no Skew horizontal para obter uma inclinação sutil e defina Visibilidade como 0,8 para visualizar um layout ocupado.
Desenhe com números, não com suposições
Combine o painel Transformar com os recursos Seleção de destino, Alinhar e Ancoragem da ferramenta Seleção para criar sistemas limpos e repetíveis. Pronto para experimentá-lo em um projeto ativo? Abra o Vetor Ink e defina seu próximo logotipo ou layout de interface do usuário com controle numérico preciso.