Etapa 1

Começamos criando um novo documento, escolha File -> New no menu principal. Meu arquivo de trabalho para este tutorial será 540px x 300px.
Antes mesmo de digitarmos nosso texto, devemos mudar a cor de fundo. Este é um passo importante para o futuro do tutorial, portanto, não o ignore! Escolha Edit -> Fill no menu principal e quando a caixa de diálogo Fill aparecer escolha 50% de cinza a partir do menu drop-down.

Tutorial Photoshop: Novo Documento

Photoshop Tutorial: Background

Etapa 2

Defina a sua cor de primeiro plano para #CAC9C9 que é um cinza claro agradável ao pressionar a tecla T para alternar para a ferramenta Type Tool. Estou usando uma fonte chamada Cooper Heavy, você pode fazer o download dela aqui, ela é uma fonte free (gratuita). É uma bela fonte em negrito e vai servir muito bem para nosso tutorial.
Defina um tamanho de letra grande e agradável e digite o texto no palco.

Photoshop Tutorial: Preparando texto

Etapa 3

Em seguida vamos adicionar uma série de estilos na nossa camada do texto. Estes estilos irão dar a forma e dimensão de que precisamos para criar nosso Displacement (deslocamento) nas etapas seguintes.
Clique com o botão direito na camada do texto e escolha Blending Options no menu. Navegue pelas seções usando a lista de estilos como apresentado nas imagens.

Preste muita atenção em todas as configurações de todos os estilos. Se o texto não termina como a da ultima imagem revise os seus estilos ou inicie tudo novamente até conseguir.

Photoshop Tutorial: Inner Shadow

Photoshop Tutorial: Inner Glow

Photoshop Tutorial: Contour Editor

Photoshop Tutorial: Contour

Photoshop Tutorial: Gradient Overlay

Etapa 4

Se você fez tudo certo sua imagem deve estar assim, caso ela não tenha ficado parecida com esta reinicie todo o processo, pois esta parte é essencial para o decorrer do tutorial.

Photoshop Tutorial: Prévia texto

Etapa 5

Agora salve uma cópia do nosso arquivo com o nome de texto-map.psd, pois iremos usar este arquivo para fazer o deslocamento de pixel (displacement), veja mais detalhes sobre este assunto aqui.

Etapa 6

Agora você deve escolher a imagem que pretende usar para preencher o texto, eu escolhi a bandeira do Brasil. Abra a imagem que deseja utilizar pressione Ctrl+A para selecionar todo o documento em seguida Ctrl+C para copiar o conteúdo. Feche o documento pois não iremos mais utilizá-lo. Volte para o arquivo do tutorial  e pressione Ctrl+V para colar  o conteúdo em uma camada que fique acima da nossa camada de texto. Coloque a camada da imagem em uma opacidade em torno de 40% para podermos ajustar a imagem para que ela cubra todo o texto, certifique-se que sobre um espaço pois como iremos deslocar os pixeis não queremos que falte preenchimento ao nosso texto.

Photoshop Tutorial: Bandeira

Etapa 7

Voltamos a opacidade da camada da bandeira para 100%. Precione Ctrl+A para selecionarmos todo o documento. Com a seleção feita vamos no menu principal Filter -> Distort -> Displace. Na caixa de diálogo que se abrir marque 10px para horizontal e vertical, certifique-se que as opções Stretch To Fit e Wrap Around estejam marcadas. Clique em OK, irá abrir uma nova janela para selecionar-mos um arquivo, procure o nosso arquivo que salvamos com o nome de texto-map.psd e clique em abrir. Terminado pressione Ctrl+D para remover a seleção, sua imagem deve se parecer com isso.

Photoshop Tutorial: Aplicando Deslocamento

Photoshop Tutorial: Prévia do Deslocamento

Etapa 8

Bom mas o que queremos é que o conteúdo da bandeira preencha o texto, então devemos mascarar a camada da bandeira para a camada do texto. Para isso clique com o botão direito na camada da bandeira e escolha a opção Create Clip Mask.

Photoshop Tutorial: Mascara

Etapa 9

Agora vamos abrir os estilos para a camada de texto clicando duas vezes sobre o ícone Layes Effects dentro da camada de texto na Paleta de Camadas. A partir do menu à esquerda, clique em Bevel and Emboss para ver as configurações. Puxe o controle deslizante Soften para 3 e mova também o controle deslizante Opacity de Highlight Mode de 0 a 100%. Isto irá adicionar os destaques que fazem o efeito do texto parecem mais brilhantes. Quando estiver pronto, clique em OK.

Photoshop Tutorial: Brilho do Texto

Photoshop Tutorial: Prévia Texto

Etapa 10

Agora vamos eliminar o fundo cinza 50%! Clique sobre a camada de Background na paleta de Layers para selecioná-lo, pressione a tecla D para redefinir a paleta de cores para preto e branco e, em seguida, basta pressionar Alt+Backspace para preencher a camada com a cor de fundo, no caso branco.

Photoshop Tutorial: Alterando o Fundo

Etapa 11

Penso que este efeito pode ficar mais agradável com um reflexo, por isso vamos criar um. Com a camada Background ainda selecionado, clique no ícone Crea a New layer na parte inferior da paleta Camadas para adicionar uma nova camada acima da camada de fundo. Vamos da o nome para esta camada de reflexo. Por padrão, a nova camada será selecionado na paleta Camadas, o que é perfeito. Agora iremos criar uma seleção com base em nosso texto, simplesmente mantendo Ctrl pressionado e clicar sobre a miniatura da camada de texto na paleta Camadas.

Photoshop Tutorial: Iniciando o reflexo

Etapa 12

Agora vamos copiar e colar a área selecionada com dois atalhos de teclado simples. Primeiro pressione Ctrl-Shift-C, isto irá copiar o que está dentro da seleção em todas as camadas, se você tivesse pressionado apenas Ctrl+C você só iria copiar a seleção da camada ativa e não é isso que queremos. Em seguida, basta pressionar Ctrl-V para colar o que você acabou de copiar para a camada de Reflexão.

Não estamos vendo nenhuma mudança pois acabamos de copiar o que já esta no palco e este conteúdo ainda está sobreposto por outras camadas. Vamos colocar de cabeça para baixo o conteúdo que acabamos de colar. No menu principal Selecione Edit -> Transform -> Flip Vertical.

Pressione a tecla V para mudar para a ferramenta Move Tool e, em seguida, mantendo pressionada a tecla Shift para mover a camada reflexo em linha reta, clique e arraste para baixo até o fundo dos dois se encontram.

Photoshop Tutorial: Invertendo a Camada

Etapa 13

Em seguida, faremos um reflexo usando uma máscara de camada e Gradiente. Com a camada reflexo selecionada na paleta de Camadas, clique no ícone Add Layer Mask na parte inferior da paleta de Camadas (parece um retângulo com um círculo no meio). Você perceberá agora que um novo Layer Mask foi adicionado à camada reflexo.

Por padrão, quando você adicionar uma nova camada de máscara, o Photoshop seleciona a máscara automaticamente. Você poderá perceber isso pois a miniatura da Layer Mask na camada de Reflexo ficará com um contorno.

Agora vamos mudar para a ferramenta Gradient Tool. pressionando a tecla G. Na barra de opções no topo do Photoshop, selecione um Gradiente de preto para transparente e selecione Linear Gradient, conforme mostrado abaixo, para criar um gradiente para a Layer Mask clique e arraste o mouse a do final do texto da camada reflexo para o início. Para terminar o reflexo, diminua a opacidade da camada de Reflexo na paleta Camadas para mais ou menos uns 40%.

Photoshop Tutorial: Criando a Transparência

Photoshop Tutorial: Prévia da imagem

Etapa 14

Para dar uma maior realidade a nossa imagem podemos criar ainda uma sombra. Para isso devemos criar uma nova camada acima da camada Reflexo chamado de Sombra e criar uma seleção do texto, assim como fizemos na Etapa 11, mantendo Ctrl pressionado e clicando no ícone da camada de texto na paleta de Camadas (tenha certeza de que sua camada Sombra esteja selecionada). Em vez de copiar qualquer coisa, iremos preencher a seleção com preto pressionando Ctrl+Backspace. Mais uma vez, você provavelmente não vai ver nada, exceto na miniatura da camada na paleta de Camadas, porque nós estamos trabalhando em uma camada que está sobreposta pela de texto.

Selecione a ferramenta Free Transform Tool pressionando Ctrl-T e, em seguida, clique e arraste a alça superior do meio da caixa Transform para baixo até o conteúdo parecer uma sombra.

Photoshop Tutorial: Criando a sombra

Etapa 15

Agora nós vamos adicionar um pouco de Blur para nossa sombra ficar mais realista, escolhendo Filter -> Blur-> Gaussian Blur no menu principal. Quando a caixa de diálogo aparecer, selecione entre 2-3 pixels para o desfoque e clique em OK. Diminua a opacidade da camada Sombra para cerca de 60% e está terminado! Espero que tenham gostado deste tutorial e que o mesmo sirva para ajudá-los de alguma forma. Obrigado e até o próximo Tutorial de Photoshop.

Photoshop Tutorial: Imagem Final

Download do Material

Download do PSD