Por mais impressionante que uma imagem possa ser, o tipo de letra certo pode acrescentar um carácter distintivo. Ao utilizar a tipografia propositadamente no seu design, não só cria impacto visual, como também deixa uma mensagem que será recordada. Neste tutorial, vou mostrar-lhe como utilizar o Photoshop para criar um banner apelativo com um excelente efeito tipográfico.

Principais lições

  • Utilização eficiente de técnicas de recorte
  • Combinação de modos de mistura e máscaras de camada
  • Utilização de letras de mão e padrões geométricos
  • Ideal para campanhas, angariação de fundos ou publicidade

Guia passo-a-passo

Passo 1: Criar um novo projeto

Comece por abrir o Photoshop. Prima Ctrl + N (Windows) ou Cmd + N (Mac) para criar uma nova área de trabalho. Defina as dimensões para 3500 x 3500 pixéis para um formato quadrado.

Conceção de uma faixa tipográfica em Photoshop

Passo 2: Adicionar linhas de orientação

Para facilitar o design, adicione linhas de orientação. Para o fazer, vá a "Ver" e selecione "Novo esquema de guia". Active a caixa de verificação para as margens e defina uma distância de 100 pixels em todo o lado.

Passo 3: Criar um fundo

Agora, selecione um gradiente de cor suave como fundo. Vá à sua camada de ajuste, selecione "Gradiente" e abra a caixa de diálogo do gradiente. Defina um código hexadecimal para um tom de cor suave, como #E7F4F8.

Conceção de uma faixa tipográfica em Photoshop

Passo 4: Adicionar um padrão

Agora vem a parte criativa! Vai precisar de um padrão de fundo para adicionar ao seu desenho. Visite www.tutkit.com para encontrar padrões geométricos que darão vida ao desenho. Transfira o seu padrão e importe-o para o Photoshop.

Conceção de uma faixa tipográfica em Photoshop

Passo 5: Aplicar o padrão

Selecione novamente a camada de mistura ou de ajuste e clique em "Padrão". Percorra a pré-seleção até encontrar o ícone de engrenagem e selecione "Importar padrão". Selecione o padrão transferido. Certifique-se de que utiliza a escala correta, por exemplo, 15%. Defina o modo de mistura para "Dividir" para obter um efeito limpo.

Conceção de uma faixa tipográfica em Photoshop

Passo 6: Criar vinheta

Agora, pretende que o padrão seja visível apenas nas extremidades. Selecione a ferramenta de seleção "Ellipse" e defina uma margem suave de 200 pixels. Crie uma seleção e prima Alt + Backspace para criar uma vinheta.

Passo 7: Recortar o objeto

O próximo objetivo é adicionar um tema principal. Encontre uma imagem adequada no Unsplash, descarregue-a e abra-a no Photoshop. Utilize a ferramenta de seleção rápida para selecionar o motivo. O trabalho cuidadoso é crucial aqui!

Conceção de uma faixa tipográfica em Photoshop

Passo 8: Ajustar a cor

Para criar um aspeto harmonioso na imagem, deve ajustar as cores do motivo. Vá a "Matiz/Saturação" e reduza a saturação dos tons vermelhos em -32 e dos tons amarelos em -61, enquanto aumenta os tons azuis para +54.

Conceção de uma faixa tipográfica em Photoshop

Passo 9: Adicionar texto

Agora, a tipografia entra em ação. Selecione a ferramenta de texto, defina o tipo de letra como "Futura Bold" e defina-o para um tamanho de 874 pontos. Adicione o seu texto como "Donate helps" e ajuste a cor (por exemplo, #9D5B9A).

Conceção de uma faixa tipográfica em Photoshop

Passo 10: Mascarar as letras

Para otimizar ainda mais o seu efeito textual, mascare algumas letras. Certifique-se de que mascara principalmente as vogais (por exemplo, "E" e "I"). Isto aumenta a legibilidade e o efeito dinâmico.

Conceção de uma faixa tipográfica em Photoshop

Passo 11: Criar um segundo campo de texto

Adicione outro campo de texto e defina o tamanho da letra para 50 pontos e a cor para um tom de lavanda que combine com o seu motivo. Também pode adicionar outra mensagem aqui.

Conceção de uma faixa tipográfica em Photoshop

Passo 12: Adicionar um rodapé

Para completar o design, crie um rodapé com a ferramenta retângulo para apoiar toda a faixa na parte inferior. Defina a altura e a cor da barra no tom de azul selecionado e adicione um contorno.

Conceção de uma faixa tipográfica em Photoshop

Passo 13: Toques finais

Para aperfeiçoar, pode aplicar uma redução de opacidade para 90% ao rodapé para criar uma certa transparência.

Conceção de uma faixa tipográfica em Photoshop

Passo 14: Adicionar letras à mão

Por fim, adicione algumas letras de mão. Procure um gráfico de letras de mão adequado, copie-o e cole-o no seu documento. Certifique-se de que o dimensiona e posiciona bem.

Conceção de uma faixa tipográfica em Photoshop

Passo 15: Finalizar a faixa

Coloque o seu logótipo no canto superior esquerdo para dar um toque profissional. Agora tem uma faixa impressionante que pode utilizar nas suas campanhas!

Conceção de uma faixa tipográfica em Photoshop

Resumo - Criação de banners com tipografia no Photoshop

Neste tutorial, aprendeu a criar eficazmente um banner no Photoshop que se destaca pelo seu design tipográfico apelativo. Aprendeu técnicas de recorte, utilização de padrões e modos de mistura, bem como a adicionar letras à mão. Quer seja para angariação de fundos ou para estratégias de publicidade, estas competências são universalmente aplicáveis.

Conceção de uma faixa tipográfica em Photoshop
663,346,731,591,653,691