Editores

05/03/2012 19h40 - Atualizado em 28/02/2014 11h49

Como fazer tipografia no Photoshop

Isabela Catão
por
Para o TechTudo

Tipografia vem do grego typos (forma) e graphein (escrita) que quer dizer forma escrita, composição de texto, estrutura  física da palavra e por aí vai. A montagem de tipografia no Photoshop é fácil, requer somente a atenção para fazer certo os passos simples, que hoje o TechTudo deixa ainda mais mastigado pra você.

Aqui, a tipografia foi feita com o Photoshop CS5. O processo rápido, preste atenção e rumo à arte de edição!

Passo 1: Abra a sua imagem e vá em Seleção no menu e clique em Intervalo de Cores. Selecione a opção Sombras e dê OK. Pode notar que automaticamente selecionou as sombras da sua imagem.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 2: Dê ctrl + C para copiar a seleção e ctrl + J para criar uma nova camada para esta seleção. Em seguida, clique na camada de plano de fundo e vá novamente em Intervalo de Cores e dessa vez, selecione a opção Tons de Cinza e dê OK.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 3: Repita o mesmo processo. Ctrl + C para copiar a seleção e ctrl + J para criar uma nova camada para esta seleção.

Passo 4: Tire o visualização do plano de fundo e clicando nessa nova camada criada no passo 3, vá em Editar > Preencher e selecione 50% Cinza. Não se esqueça de preservar a transparência.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 5: Agora com a camada de cima clicada, vá novamente em Editar > Preencher, mas selecione o Preto.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 6: Feito isso, você irá selecionar as duas camadas que criou e irá mesclár-las. Basta clicar com o botão direito em cima delas e selecionar a opção Mesclar Camadas.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 7: Agora precisamos do texto e isso fica ao seu critério. Neste tutorial, vamos usar o mesmo texto várias vezes. Crie um novo documento e cole seu texto com a ferramenta Texto (T), escolha a fonte e o tamanho que quiser.

Passo 8: Feito o seu texto, selecione seu texto com a Ferramenta Letreiro Retangular e em seguida vá em Editar > Definir Predefinição de Pincel e dê um nome qualquer ao seu novo pincel.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 9: Agora, volte para a imagem que estávamos usando, crie 2 novas camadas e selecione a camada 2 e dê Ctrl + Backspace para preencher esta camada de branco. Em seguida tire a visibilidade desta camada também.

Passo 10: Selecione a camada 3 e use o pincel que criou para fazer o efeito desejado. Se você quiser, pode mudar a opacidade deste pincel para que fique mais suave, mas não é necessário.

Passo 11: No exemplo, clicamos várias vezes para que ficasse um efeito bem carregado. Terminado de fazer isto, tire a visibilidade desta camada e selecione a camada 1.

Passo 12: Pressione Ctrl + A para selecionar a imagem inteira e Ctrl + C para copiar esta seleção, em seguida tire a visibilidade desta camada. Voltando para a 3ª camada novamente, deixa a visibilidade clicada e crie uma máscara.

Passo 13: Clique com o Alt pressionado na camada que está em branco e dê Ctrl + V para colar a seleção feita anteriormente. Ctrl + D para tirar a seleção e Ctrl + I para inverter as cores.

Passo 14: Selecione a imagem do texto nesta mesma camada e deixa a visibilidade da camada 2 aparecer para que fique um fundo branco.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Passo 15: Para finalizar, clique 2 vezes na 3ª camada e selecione Sobreposição de Degradê. Escolha um degradê de sua preferência e mude o modo de mesclagem para Divisão.

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)

Pronto, seu efeito está feito! Veja como ficou o antes e o depois:

Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)Tipografia no Photoshop (Foto: Reprodução/Isabela Catão)
Seja o primeiro a comentar

Os comentários são de responsabilidade exclusiva de seus autores e não representam a opinião deste site. Se achar algo que viole os termos de uso, denuncie. Leia as perguntas mais frequentes para saber o que é impróprio ou ilegal.

recentes

populares

  • Jean Tristão
    2014-03-06T18:45:36

    Muito legal, pra quem é iniciante na área já é uma "mão na roda".

  • Rafael Korn
    2013-05-18T01:43:45

    Isso é uma besteira. Só os preguisosos fazem isso, na Tipografia, você deve posicionar as palavras a mão! E citar palavras, e não pegar palavras prontas! Não aprovo esse modo.

  • Ricardo Bezerra
    2012-08-02T18:59:54

    Me perdi... Depois de criar o pincel, não sei como achar onde ficou criado o pincel para utilizar!