Criando efeito imagem em texto (básico) no Photoshop CS6

  • Publicado em: 18/02/2013
  • Revisado em: 10/07/2014
  • Categoria(s)Edição de Imagens
  • Autor: Nathan Almeida
  • Newsletter: Inscreva-se

Sejam bem vindos(as) ao meu primeiro tutorial em texto aqui para o blog e hoje eu quero mostrar para vocês uma forma muito rápida de se fazer o efeito imagem em texto no Photoshop CS6. Dependendo de como tudo ocorrer, pretendo trazer um tutorial que a forma é mais longa, porém com o resultado melhor. Bons estudos!

Passo 1

Primeiramente precisamos ter a imagem que vamos usar para fazer o efeito e importar ela para o Photoshop, eu escolhi uma imagem que é bem simples de se fazer o efeito. Já importei para o Photoshop e aqui está:

Imagem importada

Passo 2

Selecione a ferramenta de texto na barra lateral do seu Photoshop, ou simplesmente pressione a tecla "T" e faça um texto que ultrapasse tanto horizontalmente quanto verticalmente o tamanho da sua tela de pintura. Eu simplesmente escrevi várias vezes o meu nome sobre a imagem e cheguei neste resultado:

Escreva o texto

Passo 3

Para dar um efeito mais "destacado" ao nosso texto, eu resolvi rotacionar o mesmo. Isto vai da sua escolha, eu resolvi rotacionar -15º (graus). Para fazer essa rotação eu pressionei as teclas CTRL+T e após isso com o SHIFT pressionado girei o texto para a esquerda, ou como eu falei -15º. Depois de ter girado o texto, cheguei neste resultado:

Rotacione o seu texto

Passo 4

Agora que já fizemos a rotação no nosso texto, vamos jogar a camada do texto para baixo da camada da nossa imagem e fazer uma seleção nele. Na camada do texto pressione CTRL e clique em cima da miniatura, como na imagem abaixo:

Fazer a seleção

Depois, vamos no menu Selecionar > Inverter ou também teclas de atalho SHIFT+CTRL+I, para poder inverter a seleção que fizemos no nosso texto, e vamos ter este "resultado":

Inverter seleção

Passo 5

Neste passo, vamos fazer a nossa camada do coração virar uma máscara de corte. Então, sem desfazer a seleção que já temos vamos nas nossas camadas e clicando com o botão direito em cima da camada do coração, vá em "Criar máscara de corte", como na imagem abaixo:

Criar máscara de corte

Transformando ela em Máscara de corte, vamos ter este resultado:

Máscara de corte 2

Passo 6

Neste passo vamos criar um fundo para a nossa camada. Primeiramente, crie uma nova camada como segue na imagem abaixo:

Camada de fundo

Após a criação da nossa camada, vamos arrastar ela para debaixo das outras camadas e vamos escolher uma cor para o nosso fundo. Eu escolhi a cor #CCCCCC, que é um cinza claro... Após escolhar a cor, vamos pintar a nossa camada de fundo. Selecionamos a mesma e com as teclas de atalho SHIFT+BACKSPACE (tecla de apagar) vamos pintar a nossa camada de fundo.

Passo 7

Neste passo, vamos adicionar os efeitos ao nosso texto! Clique com o botão direito em cima da camada de texto e vá em opções de mesclagem, como na imagem abaixo:

Opções de mesclagem

Após abrir as opções de mesclagem adicione um traçado e uma sombra projetada ao seu texto, como nas duas imagens abaixo (se você quiser copiar as parâmetros que usamos, fique a vontade ou se preferir faça do seu jeito):

Traçado

Sombra projetada

Com os nossos efeitos no texto, chegamos ao resultado final do nosso efeito, que é este:

Efeito final

Como eu falei no início do post, este é o método mais simples de se fazer o efeito de imagem em texto. A questão final é a seguinte: Você acha que vale a pena continuar com tutoriais escritos aqui no blog ou prefere única e exclusivamente vídeo aulas? Lembrando que as vídeo aulas irão continuar, somente preciso de mais um tempo. Comentem abaixo o que vocês preferem!

Espero que o post tenha ajudado a todos e que vocês tenham gostado do tutorial. Muito obrigado pela leitura!

Compartilhe esse post:

Sobre o autor

Nathan Almeida

Trabalho como diretor de arte e gerente de projetos de uma das maiores agências da região sul. Gosto de compartilhar conhecimentos e de produzir conteúdo para internet. No blog de consultoria eu sou o redator/editor dos vídeos.

Comentários

Atualmente temos 2 comentários para este post. Participe você também, clique aqui e comente sobre o assunto.

Deixe seu comentário