Pular para o tutorial
lil cactus

Como usar guias, grade e ajuste no Lil Cactus

Iniciante7 minutosAtualizado em

Resposta rápida

No Lil Cactus, escolha Exibir e depois Réguas para mostrar as medidas e Exibir e depois Nova guia… para posicionar uma guia em uma coordenada exata em pixels. Ative Exibir e depois Ajustar e escolha os alvos em Exibir e depois Ajustar a. Para uma fileira de objetos, selecione as camadas deles e use Camada e depois Alinhar e depois Arestas superiores e depois Camada e depois Distribuir e depois Espaçamento horizontal.

O design de café antes e depois de alinhar as três amostras de cor em uma fileira com espaços iguais
As três amostras compartilham a mesma aresta superior, com 150 px entre elas. A foto e o título ficam no lugar. Cada amostra tem 120 × 80 px, em x = 140, 410 e 680 px e y = 500 px. Arraste a alça para comparar.
Tempo
7 minutos
Nível
Iniciante
Você precisa de
Um design com os objetos em camadas separadas
Funciona com
Imagens e projetos com camadas, inclusive camadas de texto e de forma
Abrir o exemplo no Lil CactusUsar uma foto sua

Grátis, sem cadastro. Sua foto fica no seu computador.

Guias são linhas que você posiciona para marcar uma aresta ou uma margem. A grade é um padrão repetido sobre a área de trabalho. O ajuste ajuda um objeto em movimento a se encaixar em um alvo escolhido quando você o arrasta para perto.

Use as três camadas de forma do exemplo para montar uma fileira de cores organizada abaixo do título.

Alinhe uma fileira de cores em sete passos

  1. Mostre as réguas

    Abra o projeto de prática desta página. Escolha Exibir e depois Réguas. As medidas aparecem no alto e à esquerda da área de trabalho.

    O menu Exibir com Réguas circulado
    Uma marca de seleção ao lado de Réguas indica que elas estão visíveis.
    As réguas superior e esquerda em volta da parte superior esquerda do design de café
    As réguas marcam as coordenadas do documento em pixels.
  2. Posicione uma guia vertical em 140 px

    Escolha Exibir e depois Nova guia… Defina Orientação como Vertical, digite 140 px em Posição e clique em Criar. Essa será a aresta esquerda da amostra marrom.

    Você também pode arrastar a partir de uma régua para dentro da imagem e posicionar uma guia a olho; Nova guia… serve para uma posição exata.

    O menu Exibir com Nova guia circulado
    Nova guia posiciona uma linha pela coordenada numérica.
    A caixa de diálogo Nova guia com Vertical, Posição 140 px e Criar circulados
    A posição de uma guia vertical é medida a partir da borda esquerda da imagem.
  3. Posicione uma guia horizontal em 500 px

    Escolha Exibir e depois Nova guia… de novo. Selecione Horizontal, digite 500 px em Posição e clique em Criar. Essa linha define a aresta superior da fileira.

    A caixa de diálogo Nova guia com Horizontal, Posição 500 px e Criar circulados
    A posição de uma guia horizontal é medida a partir da borda superior.
  4. Mostre a grade e escolha os alvos do ajuste

    Ative Exibir e depois Mostrar e depois Grade para ver a grade. Ative Exibir e depois Ajustar e confira Exibir e depois Ajustar a: neste exercício, Guias deve estar marcado e Grade, desmarcado.

    Mostrar a grade e ajustar a ela são opções separadas. Aqui, quem controla o posicionamento são as guias.

    O submenu Exibir › Mostrar com Grade circulado
    Mostrar › Grade controla o padrão visível.
    O menu Exibir com Ajustar marcado e circulado
    Ajustar é a chave geral do ajuste.
    O submenu Exibir › Ajustar a com Guias marcado e Grade desmarcado, ambos circulados
    Use as guias como alvo e mantenha desativado o ajuste à grade.
  5. Ajuste a amostra marrom às guias

    Clique com o botão direito (ou mantenha pressionado) o botão do alto da barra de ferramentas e escolha Mover. Clique em Brown swatch no painel Camadas. Pegue o retângulo marrom perto da aresta inferior, longe da guia. Arraste um pouco para a direita e para baixo até o canto superior esquerdo encontrar a interseção das guias. Solte quando as arestas esquerda e superior se encaixarem nas linhas.

    O botão do alto da barra de ferramentas ao lado do menu suspenso aberto, com esse botão e Mover circulados
    Escolha Mover no menu suspenso do botão do alto da barra de ferramentas.
    O painel Camadas com Brown swatch selecionada e circulada
    Selecione a camada antes de mover o retângulo dela.
    O retângulo marrom com a aresta esquerda na guia vertical e a aresta superior na guia horizontal
    Detalhe a 100%: o canto superior esquerdo está em (140, 500) px.
  6. Alinhe as três arestas superiores

    No painel Camadas, clique em Brown swatch, mantenha pressionada a tecla Shift e clique em Rust swatch. As três linhas das amostras devem ficar selecionadas. Escolha Camada e depois Alinhar e depois Arestas superiores. As formas creme e ferrugem sobem até a aresta superior da forma marrom.

    Dica Deixe as camadas Text e Background fora da seleção.

    O painel Camadas com Brown swatch, Cream swatch e Rust swatch selecionadas e circuladas
    Clicar com Shift seleciona o intervalo contínuo das três camadas de amostra.
    O submenu Camada › Alinhar com Arestas superiores circulado
    Com várias camadas selecionadas, Arestas superiores usa a aresta mais alta entre elas.
  7. Deixe os espaços iguais

    Mantenha as três camadas selecionadas. Escolha Camada e depois Distribuir e depois Espaçamento horizontal. As formas das pontas ficam no lugar e a do meio se move para deixar os espaços iguais.

    O submenu Camada › Distribuir com Espaçamento horizontal circulado
    A distribuição exige pelo menos três camadas selecionadas.

Ocultar, bloquear ou remover guias

Exibir e depois Mostrar e depois Guias oculta as guias sem excluí-las. Para removê-las, escolha Exibir e depois Limpar guias (antes, desative Exibir e depois Bloquear guias se estiver marcado); Editar e depois Desfazer as traz de volta.

Próximos passos

Guias, grade e ajuste: perguntas e respostas

As guias ou a grade aparecem na imagem exportada?

Não. No Lil Cactus, as réguas, as guias e a grade são sobreposições da área de trabalho. Elas não aparecem em um PNG ou JPEG exportado.

Por que o ajuste à grade ignora algumas linhas visíveis da grade?

No Lil Cactus, o ajuste à grade usa um espaçamento próprio, que muda com o zoom e pode ser maior que a grade que você vê; aplique mais zoom para deixá-lo mais fino. Para usá-lo, ative Exibir › Ajustar e Exibir › Ajustar a › Grade, e use guias quando precisar de uma aresta exata.

Por que Nova guia não está disponível?

No Lil Cactus, Exibir › Bloquear guias impede criar ou alterar guias. Desative essa opção para usar Exibir › Nova guia…

Por que Espaçamento horizontal não está disponível?

No Lil Cactus, selecione pelo menos três camadas para usar Camada › Distribuir › Espaçamento horizontal. Cada objeto precisa estar em uma camada separada que possa ser movida.

O que acontece se eu alinhar só uma camada?

No Lil Cactus, uma única camada selecionada é alinhada aos limites do documento. Com duas ou mais camadas selecionadas, o alinhamento usa os limites dessas camadas.

As guias são salvas com o design?

Sim. No Lil Cactus, Arquivo › Salvar como › Projeto do Lil Cactus… preserva as guias e as camadas editáveis. Um PNG ou JPEG achatado contém a imagem, sem guias editáveis.