Como alinhar automaticamente no Photoshop

Hoje, veremos como usar as ferramentas de alinhamento automático no Photoshop, bem como guias e encaixe! As ferramentas de alinhamento automático do Photoshop são simples, mas poderosas, e impedirão que você envie um design com o sempre irritante texto descentralizado ou palavras desalinhadas.

Se você deseja acelerar seu fluxo de trabalho, experimente uma das centenas de plugins, ações e complementos profissionais que o Envato Elements tem a oferecer! E se você quiser aprender mais dicas úteis, aqui está um vídeo do canal Envato Tuts+ no YouTube com 10 dicas essenciais de design para Photoshop:

O que você aprenderá neste tutorial de alinhamento automático do Photoshop

  • Como alinhar automaticamente no Photoshop
  • Como usar guias no Photoshop
  • O que está encaixando no Photoshop
  • Como desativar o snap no Photoshop
  • Como alinhar camadas no Photoshop

O que você precisará

Para concluir este projeto, você precisará dos seguintes recursos:

Encontre mais recursos no Envato Elements!

1. Como alinhar automaticamente no Photoshop

Passo 1

Usando o Jogada ferramenta, selecione as camadas que deseja alinhar. Você pode segurar Mudança e clique para selecionar várias camadas de uma só vez.

selecionar textoselecionar textoselecionar texto

Passo 2

Com o Jogada ferramenta ativa, olhe para a parte superior Opções bar. Você verá dois tipos de opções de alinhamento. Um grupo Alinhaenquanto o outro Distribui.

alinhamento automático photoshopalinhamento automático photoshopalinhamento automático photoshop

etapa 3

Primeiro, vamos alinhar. Temos um total de seis opções:

  1. Bordas esquerdas: Alinha o pixel esquerdo nas camadas selecionadas ao pixel esquerdo na camada mais à esquerda.
  2. Centro horizontal: Alinha o pixel central horizontal nas camadas selecionadas ao pixel central horizontal de todas as camadas selecionadas.
  3. Bordas direitas: Alinha o pixel direito nas camadas vinculadas ao pixel mais à direita em todas as camadas selecionadas.
  4. Bordas superiores: Alinha o pixel superior das camadas selecionadas ao pixel superior de todas as camadas selecionadas.
  5. Centro Vertical: Alinha o pixel central vertical em cada camada ao centro vertical das camadas selecionadas.
  6. Bordas Inferiores: Alinha o pixel inferior das camadas selecionadas ao pixel inferior.

Nesse caso, quero que todo o texto fique alinhado ao centro, então vamos escolher a segunda opção, Alinhar o centro horizontal.

como alinhar automaticamente no photoshopcomo alinhar automaticamente no photoshopcomo alinhar automaticamente no photoshop

Passo 4

Isso é como alinhar automaticamente as camadas no Photoshop, mas ainda queremos distribuir o texto uniformemente. Para Distribuir camadas, selecione três ou mais camadas. Se menos de três camadas forem selecionadas, as ferramentas de Distribuição ficarão esmaecidas.

Com o Jogada ferramenta ativa, olhe para a parte superior Opções bar.

Aqui temos dois Distribuir espaçamento opções:

  1. Horizontalmente: Distribui o espaçamento horizontal entre as camadas uniformemente.
  2. Verticalmente: Distribui o espaçamento vertical entre as camadas uniformemente.

Queremos escolher Distribuir verticalmentepara que haja espaçamento igual entre cada linha de texto.

como distribuir camadas como distribuir camadas como distribuir camadas

Etapa 5

Você pode selecionar o Elipses ícone para ver todos os seis Distribuir opções, bem como uma lista de todas as outras Alinhar opções:

  • Bordas superiores: Espaça as camadas uniformemente, começando do topo de cada camada.
  • Centro Vertical: Espaça as camadas a partir do pixel central vertical de cada camada.
  • Bordas Inferiores: Espaça as camadas a partir do pixel inferior de cada camada.
  • Bordas esquerdas: Espaça as camadas a partir do pixel esquerdo de cada camada.
  • Centro horizontal: Espaça as camadas a partir do centro horizontal de cada camada.
  • Bordas direitas: Espaça as camadas a partir do pixel direito em cada camada.
todas as opções de camada de distribuição todas as opções de camada de distribuição todas as opções de camada de distribuição

2. Como usar guias no Photoshop

Passo 1

Guias são uma ótima maneira de ajudá-lo a posicionar todos os seus elementos de design com precisão.

Primeiro, certifique-se Guias são ativados indo para Visualizar > Mostrar > Guias ou Exibir > Extras.

ativar guias ativar guias ativar guias

Passo 2

Precisamos ligar nosso Governantes usando Visualizar > Réguas colocar um Guia.

ligue as réguas ligue as réguas ligue as réguas

etapa 3

Agora, arraste da horizontal governante para criar um Guia horizontal e arraste da vertical governante para criar um Guia Vertical.

Você pode segurar Alt para alternar para o oposto de qualquer guia selecionado no momento. Eu escureci o design para que você possa ver melhor os guias.

guia de lugar guia de lugar guia de lugar

Passo 4

Para mover seu Guias, basta clicar e arrastar. Calma Mudança e arraste do governante para criar um Guia que se encaixa nos tiques da régua. Use guias para alinhar elementos de design e manter o espaçamento consistente.

colocar vários guias colocar vários guias colocar vários guias

Etapa 5

Para remover uma guia, arraste a guia para fora da Tela. Ou, para excluir todos Guias, escolher Exibir > Limpar guias de tela.

limpar guias atuais limpar guias atuais limpar guias atuais

3. O que é Snapping no Photoshop?

Passo 1

Ao mover as camadas, você pode ter notado que elas se puxam ou se alinham com as camadas e guias existentes; isso é chamado Encaixe.

Para ver se Encaixe está ligado, vá para Exibir > Snap. Uma marca de seleção mostra que o snap está ativo.

ativar Snap ativar Snap ativar Snap

Passo 2

O encaixe é automático, mas você pode especificar o que quer e o que não vai encaixar. Vá para Exibir > Ajustar para, e escolha uma ou mais opções.

O que você escolher vai depender do trabalho que você faz. Se você estiver trabalhando em um panfleto com muita tipografia, talvez queira que tudo permaneça. No entanto, se você estiver editando uma foto, talvez queira apenas que as camadas se encaixem nas Guias.

Opções de encaixe Opções de encaixe Opções de encaixe

Você Terminou!

E é assim que alinhar automaticamente as camadas no Photoshop! Certificar-se de que tudo está devidamente alinhado em um design é fundamental. E, na maioria das vezes, nossos próprios olhos não percebem quando algo está desalinhado por alguns pixels, mas felizmente as ferramentas de alinhamento automático do Photoshop sim!

como alinhar automaticamente no photoshopcomo alinhar automaticamente no photoshopcomo alinhar automaticamente no photoshop

Quer plugins, ações e recursos premium?

Agora, se você deseja sobrecarregar seu fluxo de trabalho e tornar as ferramentas de alinhamento automático do Photoshop ainda melhores, experimente uma das centenas de plugins, ações e complementos no Envato Elements!

Reordenar: Kit de classificação do painel de camadas (ZXP)

Reordenar - Kit de classificação do painel de camadasReordenar - Kit de classificação do painel de camadasReordenar - Kit de classificação do painel de camadas

Acabamos de abordar como alinhar automaticamente no Photoshop, mas por que não manter suas camadas organizadas? O ReOrder está repleto de soluções de um botão para classificar, organizar e limpar sua pilha de camadas.

The Ultimate 1001 Text Effects (PSD)

Os Efeitos de Texto Ultimate 1001Os Efeitos de Texto Ultimate 1001Os Efeitos de Texto Ultimate 1001

Tipografia e alimento de camada andam de mãos dadas. Portanto, este pacote de mais de 1.000 efeitos de texto é o companheiro perfeito para suas novas ferramentas de alinhamento!

Corte fácil: Kit de divisão de camadas (ZXP)

Corte Fácil - Kit de Divisão de CamadasCorte Fácil - Kit de Divisão de CamadasCorte Fácil - Kit de Divisão de Camadas

As guias são ótimas para manter suas bordas limpas e consistentes, então por que não supercarregá-las usando o complemento Easy Cut para Photoshop? O Easy Cut permite transformar guias e caminhos em ferramentas de corte instantâneas. É ótimo para fazer linhas e formas limpas!

Extensão de imagem: Kit de recorte e expansão (ZXP)

Extensão de Imagem - Kit de Recorte e ExpansãoExtensão de Imagem - Kit de Recorte e ExpansãoExtensão de Imagem - Kit de Recorte e Expansão

Criando um design e esqueceu de adicionar espaço extra para erros de sangramento ou corte? Não é um problema se você tiver este complemento de extensão de imagem para o Photoshop! Basta adicionar sua quantidade e estender instantaneamente as bordas de suas imagens.

Plugin do Photoshop Gerador de Colagem Geométrica (ABR, ATN, PAT, ZXP)

Gerador de Colagem Geométrica - Plugin do PhotoshopGerador de Colagem Geométrica - Plugin do PhotoshopGerador de Colagem Geométrica - Plugin do Photoshop

Agora que você sabe como alinhar camadas no Photoshop, crie pôsteres instantâneos usando o plugin Geometrical Collage Generator! Ótimo para pôsteres, panfletos ou material promocional, este plugin faz quase todo o trabalho para você. Apenas adicione o texto e pronto!

Deixe um comentário

O seu endereço de e-mail não será publicado.