() translation by (you can also view the original English article)
Este tutorial vai mostrar a você como usar objetos inteligentes e estilos de camada para criar um efeito de texto brilhante, retrô e 3D. Vamos começar!
Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis no Envato Market.
Arquivos do Tutorial
Os seguintes arquivos foram utilizados durante a produção deste tutorial:
- Fonte Big John
- Textura de Metal
- Freeze por AFineWar
- Pacote Grátis de 6000 degradês para o Photoshop por Supertuts007 (Carregue o arquivo CHROMES.grd)
1. Criando o Degradê do Fundo
Passo 1
Crie um novo documento de 800 x 600 px, clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Cor Sólida.
Passo 2
Use a Cor #2e363.
Passo 3
Dê um duplo-clique na camada de Cor Sólida para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) usando as seguintes configurações:
- Marque a opção Pontilhamento (Dither)
- Modo de Mesclagem (Blend Mode): Superexposição Linear
- Opacidade: 20%
- Estilo: Radial
- Escala: 150%
- Clique na caixa de Degradê (Gradient) para criar um preenchimento de degradê usando as cores
#ffffffpara a esquerda e#abababpara a direita
Isso irá criar um simples fundo com um degradê.
2. Adicionando uma Textura de Fundo
Passo 1
Coloque a Textura de Metal em cima da camada Cor Sólida e redimensione-a de acordo com o necessário.
Renomeie a camada da textura para Textura de Fundo e altere o seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light).
Passo 2
Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels) e altere o valor do Gama para 1.50.
3. Criando o Texto e Seu Objeto Inteligente
Passo 1
Crie um texto usando a fonte Big John. Defina seu Tamanho (Size) para 200 pt, sua Cor para #e8a505 e o Espaçamento entre Caracteres (Tracking) para 100.
Passo 2
Renomeie a camada de texto para Texto, clique com o Botão Direito do Mouse nela e escolha Converter em Objeto Inteligente (Convert to Smart Object).
Certifique-se de seguir a nomeação das camadas durante todo o tutorial para que as coisas não fiquem confusas.
Passo 3
Duplique a camada de Texto, deixe-a invísivel e arraste-a para cima da camada cópia.
4. Criando a Ação de Transformação
Em seguida, nós vamos duplicar o texto, transformar a camada cópia e então repetir isso para um número de camadas.
Já que estamos trabalhando com objetos inteligentes, e para evitar qualquer duplicata com problemas de transformação, nós vamos gravar uma Ação para isso.
Passo 1
Abra o painel de Ações (sob o menu Janela).
Passo 2
Clique no ícone Criar Novo Conjunto (Create New Set) na parte inferior do painel, digite Extrusão no campo Nome e clique em OK.
Passo 3
Clique no ícone Criar Nova Ação (Create New Action) na parte inferior do painel, digite Ação no campo Nome e clique em Gravar (Record).
5. Gravando a Ação
Passo 1
Duplique a camada de Texto cópia clicando e arrastando ela para o ícone de Nova Camada (New Layer) na parte inferior do painel de Camadas (Layers).
Passo 2
Pressione Command/Ctrl-T para entrar no Modo de Transformação Livre e em seguida, pressione a Seta para Baixo uma vez e a Seta para a Direita uma vez para mover a camada Texto cópia 2 1 px para baixo e 1 px para a direita.
Passo 3
Pressione Enter para aplicar as mudanças. Você deve ver que todos os passos foram gravados e adicionados à Ação que você criou.
Passo 4
Clique no ícone Interromper Gravação (Stop Recording) na parte inferior do painel de Ações.
6. Criando a Extrusão
Passo 1
Clique no ícone Executar Seleção (Play Selection) na parte inferior do painel de Ações 10 vezes para criar mais 10 cópias com a transformação.
A camada final deve ter o nome de Texto cópia 12.
Passo 2
Selecione todas as camadas Texto cópia (sem contar com a camada Texto original que está invisível) e vá para Camada > Organizar > Inverter (Layer > Arrange > Reverse).
Isso vai colocar a última camada cópia na parte inferior e vai trazer a primeira para o topo.
Passo 3
Retire a seleção da primeira e da última camada e em seguida, coloque as camadas selecionadas em um grupo e chame-o de Extrusão.
Passo 4
Renomeie a camada Texto cópia para Texto Frente e a camada Texto cópia 12 para Texto Trás.
Duplique a camada Texto Frente, altere o valor do Preenchimento da cópia para 0 e em seguida duplique-a.
7. Estilizando as Camadas de Extrusão
Dê um duplo-clique na camada Texto cópia 2 para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 0
- Modo de Sombra - Opacidade (Shadow Mode - Opacity): 15%
Passo 2
Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:
- Opacidade: 7%
- Distância: 3
- Tamanho (Size): 2
Passo 3
Isso irá estilizar a primeira camada da extrusão.
Clique com o Botão Direito do Mouse na camada estilizada e escolha Copiar Estilo de Camada (Copy Layer Style).
Passo 4
Selecione o resto das camada da extrusão, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).
Isso irá criar o efeito de extrusão 3D.
Passo 5
Duplique o grupo Extrusão, arraste a cópia para posicioná-la acima da camada Texto Frente cópia 2 e altere o valor do seu Preenchimento para 0.
8. Estilizando a Camada do Texto da Frente
Dê um duplo-clique na camada Texto Frente para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 3
- Contorno de Reflexo (Gloss Contour): Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Modo de Sombra - Opacidade (Shadow Mode - Opacity): 15%
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased).
- Escala: 100%
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 1
- Posição: Interna (Inside)
- Modo de Mesclagem (Blend Mode): Divisão (Screen)
- Tipo de Preenchimento (Fill Type): Degradê (Gradient)
- Use o preenchimento de degradê faucet 70
Passo 4
Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:
- Opacidade: 35%
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: 141
- Distância: 9
- Desfoque (Choke): 6
- Tamanho (Size): 18
Passo 5
Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:
- Modo de Mesclagem (Blend Mode): Luz Linear
- Opacidade: 100%
-
Cor:
#d1cc90 - Técnica: Precisa
- Tamanho (Size): 90
- Contorno: Cone - Assimétrico
Passo 6
Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:
- Opacidade: 100%
- Cor: Use o preenchimento de degradê faucet 140
- Expansão (Spread): 28
- Tamanho (Size): 10
- Contorno: Vale - Raso (Cove - Shallow)
Passo 7
Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:
- Opacidade: 7%
- Distância: 3
- Tamanho (Size): 2
Isso vai estilizar a camada superior do texto.
9. Estilizando a Primeira Cópia Frontal
Dê um duplo-clique na camada Texto Frontal cópia para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 10
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: 138
- Altitude: 21
- Contorno de Reflexo (Gloss Contour): Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Modo de Sombra - Opacidade (Shadow Mode - Opacity): 15%
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Escala (Range): 100%
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 1
- Posição: Interna (Inside)
- Modo de Mesclagem (Blend Mode): Divisão (Screen)
- Tipo de Preenchimento (Fill Type): Degradê
- Use o preenchimento de degradê faucet 70
Isso vai estilizar a primeira camada da parte interna da frente do texto.
10. Estilizando a Segunda Cópia da Frente
Dê um duplo-clique na camada Texto Frente cópia 2 para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Técnica: Cinzel Sólido (Chisel Hard)
- Tamanho (Size): 10
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: 110
- Altitude: 26
- Contorno de Reflexo (Gloss Contour): Cone - Assimétrico
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Modo de Sombra - Opacidade (Shadow Mode - Opacity): 15%
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Inclinação Entalhada - Arredondada (Notched Slope - Rounded)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
- Escala (Range): 100%
Isso vai estilizar a segunda camada da parte interna da frente do texto.
11. Estilizando a Camada Texto Trás
Copie e Cole o estilo de camada da camada Texto Frente para a camada Texto Trás, em seguida, dê um duplo-clique na camada Texto Trás para ajustar as seguintes configurações:
Passo 1
Chanfro e Entalhe (Bevel and Emboss):
- Tamanho (Size): 6
Passo 2
Contorno:
- Contorno: Cone - Invertido
Passo 3
Sombra Projetada (Drop Shadow):
- Opacidade: 70%
- Distância: 20
- Tamanho (Size): 50
Isso vai estilizar a camada de trás.
12. Estilizando os Grupos de Extrusão
Passo 1
Dê um duplo-clique no grupo Extrusão para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:
- Marque a opção Pontilhamento (Dither)
- Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
- Use o preenchimento de degradê stove pipe 185x
Isso vai adicionar um pouco mais de dimensão à extrusão.
Passo 2
Dê um duplo-clique no grupo Extrusão cópia para aplicar um efeito de Brilho Externo (Outer Glow) com as seguintes configurações:
- Modo de Mesclagem (Blend Mode): Luz Linear
- Opacidade: 35%
-
Cor:
#a9f6ff - Tamanho (Size): 27
- Contorno: Aro (Ring)
- Escala (Range): 75%
Passo 3
Agrupe todas as camadas texto cópia e os grupos de extrusão visíveis que você tem e chame o grupo de Efeito de Texto.
Passo 4
Dê um duplo-clique no grupo Efeito de Texto para aplicar um efeito de Brilho Externo (Outer Glow) com as seguintes configurações:
- Modo de Mesclagem (Blend Mode): Divisão (Screen)
- Opacidade: 50%
-
Cor:
#399da7 - Tamanho (Size): 150
Passo 5
Isso vai finalizar o efeito de texto.
Se você quer alterar o texto, você pode dar um duplo-clique na miniatura da camada do Texto original para abrir o arquivo do texto original, altere o texto, vá para Imagem > Revelar Todas (Image > Reveal All) e em seguida Arquivo > Salvar (File > Save) e Arquivo > Fechar (File > Close).
Isso vai atualizar o resto das camadas de objetos inteligentes e você vai conseguir ter o efeito aplicado ao novo texto digitado.
13. Adicionando uma Textura e Algumas Camadas de Ajuste
Passo 1
Coloque a textura Freeze acima de todas as camadas e renomeie sua camada para Sobreposição de Textura. Altere o Modo de Mesclagem (Blend Mode) da camada Sobreposição de Textura para Superexposição Linear (Linear Burn) e sua Opacidade para 15%.
Passo 2
Adicione uma camada de ajuste de Mapa de Degradê (Gradient Map) acima de todas as camadas e marque a opção Pontilhamento (Dither).
Crie um preenchimento de degradê usando as cores #433469 para a esquerda, #5e6474 no meio e #d4b28a para a direita.
Altere o Modo de Mesclagem (Blend Mode) da camada para Cor e sua Opacidade para 15%.
Passo 3
Duplique a camada de ajuste do Mapa de Degradê (Gradient Map) e em seguida altere o Modo de Mesclagem (Blend Mode) da cópia para Luz Suave e sua Opacidade para 50%.
Parabéns, Você Terminou!
Neste tutorial, nós criamos um simples fundo de degradê com uma sobreposição de textura.
Em seguida, nós criamos o texto, convertemos ele em um objeto inteligente e duplicamos ele. Depois disso, nós gravamos uma ação para criar a extrusão e começamos a aplicar diferentes estilos de camada às camadas para criar o efeito de texto.
Finalmente, nós adicionamos uma textura e algumas camadas de ajuste para finalizar o efeito.
Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.
