Portuguese (Português) translation by Wesley Sales (you can also view the original English article)
Este tutorial vai mostrar a você como usar estilos de camada, texturas, pincéis, com um monte de ferramentas e ajustes para criar um efeito de texto inspirado pelo pôster do filme do Aquaman. Vamos começar!
Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na GraphicRiver.
Arquivos do Tutorial
Os seguintes arquivos foram utilizados durante a produção deste tutorial:
- Fonte Lato Heavy
- Under water texture por dadrian
- Light Rays por spiritsighs-stock
- Phineas F. Texture Stock por redwolf518stock
- Metal seamless textures por jojo-ojoj
- out of the blue por darkwood67
- Grunge-Backgrounds por Chrisdesign
- Ur gravel por DivsM-stock
- 30 Awesome Lens Flare por mbarekamsoftgfx
- Free Water Splash Photoshop Brushes por Brusheezy.com
- Water Splash Brushes por Serkenil
- Concrete Rough 5 por artboy2007
1. Como Criar um Fundo
Passo 1
Crie um novo documento de 3000 x 2071 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 Degradê (Gradient).
Crie o preenchimento de degradê usando as Cores #297f82 para a esquerda, #1a3344 no meio e #0d1018 para a direita.
Altere o Estilo para Radial, e clique-e-arraste o centro do degradê para colocá-lo na parte superior do documento.
Aumente o valor da Escala para 200 e marque a opção Pontilhamento (Dither).
Passo 2
Vá até Arquivo > Colocar Vinculados (File > Place Linked), abra a imagem Under water texture, e vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) para alterar o valor da Saturação para -100.
Passo 3
Altere o Modo de Mesclagem (Blend Mode) da camada da textura para Subexposição de Cores (Color Dodge).
Passo 4
Vá para Editar > Transformação > Deformar (Edit > Transform > Warp), escolha Arco (Arc) do menu Deformar (Warp) na barra de Opções, e clique-e-arraste o ponto de controle para obter um resultado de sua preferência.
Passo 5
Pressione a tecla Enter para salvar as mudanças, e clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers).
Passo 6
Pegue a Ferramenta Degradê (G), defina a Cor do Primeiro e Segundo Planos para Branco e Preto, escolha o preenchimento de degradê do Primeiro para o Segundo Plano (Foreground to Background) e clique no ícone de Degradê Radial na barra de Opções.
Selecione a miniatura da máscara, e clique-e-arraste da parte superior do documento para sua parte inferior para criar a máscara de degradê.
2. Como Adicionar o Pincel de Raios de Luz
Passo 1
Pegue a Ferramenta Pincel (B), crie uma nova camada e chame-a de Raios de Luz (Light Rays).
Altere o Modo de Mesclagem (Blend Mode) da camada para Sobrepor (Overlay) e sua Opacidade para 50%.
Passo 2
Segure a tecla Option/Alt e clique-e-arraste a miniatura da máscara de camada da textura para a camada Raios de Luz para duplicá-la.
Passo 3
Desvincule a máscara clicando no ícone de vínculo (link) entre a camada e as miniaturas das máscaras.
Selecione a miniatura da camada e adicione um pincel de raios de luz do pacote Light Rays. Você pode então pressionar Command/Ctrl-T para entrar no Modo de Transformação Livre e rotacionar, redimensionar e deformar os raios.
3. Como Adicionar uma Textura de Bolhas
Passo 1
Abra a imagem Phineas F. Texture Stock e vá para Imagem > Cálculos (Image > Calculations).
Altere os valores de ambos os Canais para Vermelho, a Mesclagem (Blending) para Sobrepor (Overlay) e o Resultado para Seleção. Clique em OK e vá para Editar > Copiar (Edit > Copy).
Passo 2
Volte ao documento original, vá para Editar > Colar (Edit > Paste), renomeie a camada para Bolhas Superiores e altere o valor do Preenchimento (Fill) para 0%.
Coloque a textura no topo do documento e redimensione-a de acordo com o necessário.
Dê um duplo-clique na camada Bolhas Superiores para aplicar o seguinte estilo de camada:
Passo 3
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 2
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: 122
- Altitude: 42
- Contorno de Reflexo (Gloss Contour): Aro (Ring)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
-
Modo de Realce (Highlight Mode): Luz Linear (Linear Light)
-
Modo de Sombra (Shadow Mode):
- Opacidade: 35%
Passo 4
Adicione um Contorno com as seguintes configurações:
- Contorno: Aro - Duplo (Ring - Double)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 5
Reduza a Opacidade para 50%.
Passo 6
Coloque todas as camadas exceto pela camada do Fundo (Background) em um grupo e chame-o de Fundo.
4. Como Criar uma Camada de Texto de Objeto Inteligente
Passo 1
Crie o texto com Todas em Maiúsculas (All Caps) usando a fonte Lato Heavy. Defina o Tamanho (Size) para 250 pt e o Espaçamento entre Caracteres (Tracking) para 645.
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).
5. Como Gravar uma Simples Ação de Extrusão
Passo 1
Abra o painel de Ações (Actions), 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 2
Clique no ícone Criar Nova Ação (Create New Action) na parte inferior do painel, digite Ação no campo Nome e clique em Início da Gravação (Record).
Passo 3
Pressione Command/Ctrl-J para duplicar a camada de Texto.
Passo 4
Pressione Command/Ctrl-T para entrar no Modo de Transformação Livre.
Na barra de Opções, clique no ícone Manter as Proporções (Maintain Aspect Ratio) entre os campos L (W) e A (H), e defina os seus valores para 99.9%.
Pressione a tecla Enter para salvar as alterações. Você deve ver todos os passos gravados e adicionados na ação que você criou.
Passo 5
Clique no ícone Interromper Gravação (Stop Recording) na parte inferior do painel de Ações.
6. Como Criar uma Extrusão
Passo 1
Clique no ícone Executar Seleção (Play Selection) na parte inferior do painel de Ações (Actions) dez vezes para criar mais dez cópias com a transformação.
Passo 2
Selecione todas as camadas de Texto e vá até Camada > Organizar > Inverter (Layer > Arrange > Reverse). Isso vai colocar a última camada cópia embaixo e trazer a camada original para cima.
Passo 3
Desselecione a primeira e a última camada de Textos e coloque o resto em um grupo e chame-o de Centro.
Passo 4
Renomeie a camada superior de Texto para Frente e a última para Trás.
Passo 5
Duplique a camada Frente duas vezes.
Passo 6
Arraste a camada Frente para cima de todas as camadas dentro do grupo Centro.
7. Como Estilizar as Camadas de Texto Frontais
Dê um duplo-clique na camada 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:
- Estilo: Traçar Entalhe (Stroke Emboss)
- Profundidade (Depth): 300
- Tamanho (Size): 5
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: -176
- Altitude: 21
- Contorno de Reflexo (Gloss Contour): Gaussiana
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Cone - Assimétrico
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 3
- Posição: Interna (Inside)
- Tipo de Preenchimento (Fill Type): Degradê (Gradient)
- Estilo: Refletido
- Crie o Degradê (Gradient) usando as Cores
#7e662epara a esquerda e#cfb765com o valor da Localização (Location) por volta de 86%.
Passo 4
Altere o valor do Preenchimento (Fill) para 0%.
Passo 5
Converta a camada para um Objeto Inteligente (Smart Object).
Passo 6
Dê um duplo-clique na camada Frente cópia para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:
- Padrão (Pattern): 1.jpg (Abra a imagem do pacote Metal seamless textures, e vá para Editar > Definir Padrão (Edit > Define Pattern) para adicioná-lo às predefinições)
- Escala: 50%
Isso vai estilizar a parte frontal do texto.
8. Como Estilizar a Extrusão
Dê um duplo-clique na camada Frente para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Estilo: Traçar Entalhe (Stroke Emboss)
- Profundidade (Depth): 230
- Tamanho (Size): 5
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: -90
- Altitude: 50
- Contorno de Reflexo (Gloss Contour): Vale - Profundo (Cove - Deep)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 3
- Posição: Central
- Tipo de Preenchimento (Fill Type): Degradê (Gradient)
- Estilo: Linear
- Crie um Degradê (Gradient) usando as Cores
#7ee662epara a esquerda e para a direita e#d4c591no meio.
Passo 4
Altere o valor do Preenchimento (Fill) da camada Frente para 0%, clique com o Botão Direito do Mouse nela e escolha Copiar Estilo de Camada (Copy Layer Style).
Passo 5
Selecione as outras camadas dentro do grupo Centro, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).
9. Como Estilizar a Camada do Texto de Trás
Dê um duplo-clique na camada de texto Trás para aplicar o seguinte estilo de camada:
Passo 1
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Estilo: Traçar Entalhe (Stroke Emboss)
- Tamanho (Size): 4
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: -164
- Altitude: 53
- Contorno de Reflexo (Gloss Contour): Gaussiana
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 2
Adicione um Contorno com as seguintes configurações:
- Contorno: Cone - Assimétrico
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 3
Adicione um Traçado (Stroke) com as seguintes configurações:
- Tamanho (Size): 2
- Posição: Externa (Outside)
- Tipo de Preenchimento (Fill Type): Degradê (Gradient)
- Estilo: Refletido
- Crie um Degradê (Gradient) usando as Cores
#7e662epara a esquerda e para a direita e#fdcb1cno meio.
Passo 4
Altere o valor do Preenchimento (Fill) da camada Trás para 0%.
Passo 5
Dê um duplo-clique no grupo Centro 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): Superexposição de Cores (Color Burn)
- Estilo: Refletido
- Use o preenchimento de degradê Silver 30
Isso vai finalizar a estilização do texto.
10. Como Criar uma Simples Textura Usando Filtros
Passo 1
Crie uma nova camada acima de todas as camadas, preencha-a com a cor Preta, chame-a de Textura de Extrusão e converta-a para um Objeto Inteligente (Smart Object).
Passo 2
Defina a Cor do Primeiro e Segundo Planos para Preto e Branco, e vá para Filtro > Renderização > Fibras (Filter > Render > Fibers).
Altere a Variação (Variance) para 20 e a Intensidade (Strength) para 5.
Passo 3
Vá para Filtro > Desfoque > Desfoque de Movimento (Filter > Blur > Motion Blur) e altere o Ângulo para 90 e a Distância para 25.
Passo 4
Use a Ferramenta Letreiro Retangular (M) para selecionar uma pequena área aleatória da textura.
Passo 5
Pressione Command/Ctrl-J para duplicar a área selecionada em uma nova camada e oculte a camada Textura de Extrusão.
11. Como Adicionar a Textura da Extrusão
Passo 1
Mova a camada da textura duplicada para cima do grupo Centro, clique com o Botão Direito do Mouse nela e escolha Criar Máscara de Corte (Create Clipping Mask).
Passo 2
Coloque a textura afetada pela máscara de corte acima da letra que você deseja aplicá-la e pressione as teclas Command/Ctrl-T para transformar a textura para que ela combine com a parte que você quer que ela cubra.
Passo 3
Você pode adicionar uma máscara e usar uma ponta redonda de pincel para remover quaisquer áreas que você não goste.
Passo 4
Assim que você terminar, altere o Modo de Mesclagem (Blend Mode) da camada da textura para Luz Suave (Soft Light).
Passo 5
Para as partes arredondadas das letras, você pode usar o modo Deformar (Warp) para ajustar a textura.
Passo 6
Mostre a camada Textura de Extrusão, selecione uma nova área e repita os passos para adicionar a textura para todas as suas letras.
Assim que você terminar, coloque o grupo Centro e suas camadas de textura em outro grupo com o nome Centro + Texturas.
12. Como Adicionar os Realces e uma Textura de Cor
Passo 1
Crie uma nova camada acima de todas as camadas dentro do grupo Centro + Texturas, chame-a de Realces (Highlights) e crie uma máscara de corte dela para o grupo Centro.
Altere o Modo de Mesclagem (Blend Mode) da camada Realces (Highlights) para Luz Linear (Linear Light) e sua Opacidade para 30%.
Defina a Cor do Primeiro Plano para #b5aa98 e use uma ponta de pincel suave e redonda para pintar alguns realces sobre áreas brilhantes da extrusão.
Passo 2
Crie uma nova camada acima da camada Frente cópia 2, chame-a de Realces do Traçado (Stroke Highlights), e altere o seu Modo de Mesclagem (Blend Mode) para Luz Brilhante (Vivid Light).
Crie uma máscara de corte da camada Realces do Traçado para a camada Frente cópia 2, e adicione alguns realces ao traçado.
Passo 3
Coloque a imagem out of the blue acima da camada Frente cópia, redimensione-a de acordo com o necessário, renomeie sua camada para Textura de Cor e altere o seu Modo de Mesclagem (Blend Mode) para Cor (Color).
Dê um Command/Ctrl-clique na camada Frente cópia para criar uma seleção.
Passo 4
Clique no ícone Adicionar Máscara de Camada (Add Layer Mask).
Passo 5
Coloque todas as camadas da frente em um grupo e chame-o de Frente.
13. Como Adicionar Sobreposições de Textura
Passo 1
Coloque a imagem grunge-background8 do pacote Grunge-Backgrounds acima do grupo Frente, crie uma máscara de corte da textura para o grupo, altere o Modo de Mesclagem (Blend Mode) da camada para Luz Suave (Soft Light) e redimensione-a de acordo com o necessário.
Passo 2
Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere o valor da Saturação para -100.
Passo 3
Se você preferir uma sobreposição de textura menor, você pode criar cópias para cobrir todo o texto, ao invés de aumentar a escala da textura.
Passo 4
Adicione a textura Ur gravel acima das camadas grunge-background8 e vá até Imagem > Ajustes > Níveis (Image > Adjustments > Levels).
Altere o valor dos Níveis de Entrada das Sombras (Input Levels Shadows) para 50 e o valor dos Níveis de Saída dos Realces (Output Levels Highlights) para 150.
Passo 5
Crie uma máscara de corte da camada para o grupo Frente, altere o seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light) e redimensione a textura para cobrir a primeira letra.
Passo 6
Duplique para adicionar a textura para cada uma de suas letras restantes, e então coloque o grupo Frente e suas camadas de textura em outro grupo e chame-o de Frente + Texturas.
14. Como Adicionar um Reflexo de Lente
Passo 1
Coloque a imagem Lens Flare 02 do pacote 30 Awesome Lens Flare acima de todas as camadas e vá para Editar > Transformação > Girar 90º em Sentido Horário (Edit > Transform > Rotate 90º Clockwise).
Passo 2
Dê um duplo-clique na miniatura da camada do reflexo de lente para abrir seu arquivo original. Crie uma nova camada abaixo da camada do reflexo e preencha-a com a cor Preta.
Passo 3
Selecione ambas as camadas e pressione Command/Ctrl-E para mesclá-las. Salve e feche o arquivo.
Passo 4
Altere o Modo de Mesclagem (Blend Mode) da camada do reflexo para Divisão (Screen) e sua Opacidade para 70%. Coloque o reflexo acima de uma das letras no centro do texto e redimensione-o de acordo com o necessário.
Passo 5
Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation), marque a opção Colorir (Colorize) e altere a Matiz (Hue) para 180 e a Saturação para 50.
Passo 6
Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels) e altere o valor do Gama para 0.61.
15. Como Adicionar os Respingos D'água
Passo 1
Crie uma nova camada acima da camada brilho e chame-a de Respingo de Água 01 e altere o valor do Preenchimento (Fill) para 0%.
Dê um duplo-clique na camada Respingo de Água 01 para aplicar o seguinte estilo de camada:
Passo 2
Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:
- Tamanho (Size): 3
- Desmarque a opção Utilizar Luz Global (Use Global Light)
- Ângulo: -48
- Altitude: 21
- Contorno de Reflexo (Gloss Contour): Aro (Ring)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
-
Modo de Realce (Highlight Mode): Luz Linear (Linear Light)
- Opacidade: 35%
-
Modo de Sombra (Shadow Mode):
- Opacidade: 20%
Passo 3
Adicione um Contorno com as seguintes configurações:
- Contorno: Aro - Duplo (Ring - Double)
- Marque a opção Suavização de Serrilhado (Anti-aliased)
Passo 4
Use os pacotes de pontas de pincéis Free Water Splash Photoshop Brushes e Water Splash Brushes para adicionar os respingos d'água na letra com o reflexo.
Para resultados melhores, adicione uma camada separada para cada respingo e copie e cole o estilo de camada para cada cópia.
Passo 5
Você também pode adicionar alguns respingos ao fundo por trás do texto.
16. Como Fazer os Ajustes Globais
Passo 1
Coloque a textura Concrete Rough 5 acima de todas as camadas, renomeie sua camada para Sobreposição de Textura, e altere o seu Modo de Mesclagem (Blend Mode) para Luz Suave (Soft Light) e sua Opacidade para 10%.
Passo 2
Adicione uma camada de ajuste de Filtro de Fotos (Photo Filter) acima de todas camadas e use os valores padrões.
Passo 3
Salve o arquivo como uma imagem, abra a imagem e vá para Imagem > Tamanho da Imagem (Image > Image Size) para alterar o tamanho para 1500 x 1063 px.
Passo 4
Você pode usar também a Ferramenta Corte Demarcado (C) para controlar ainda mais o tamanho final.
Parabéns! Você Terminou!
Neste tutorial, nós criamos um simples fundo e uma camada de objeto inteligente de texto. Depois disso, nós gravamos uma ação para criar a extrusão e estilizamos todas as partes do texto.
Então, nós criamos e adicionamos um monte de sobreposições de textura diferentes, reflexos e camadas de ajuste para o texto. Finalmente, nós adicionamos alguns pincéis de respingos de água para finalizar o efeito.
Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.
