Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Criar um Efeito de Texto Inspirado em Aquaman no Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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).

Gradient Fill Layer

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.

HueSaturation

Passo 3

Altere o Modo de Mesclagem (Blend Mode) da camada da textura para Subexposição de Cores (Color Dodge).

Change the Blend Mode

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.

Warp Mode

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).

Add a Layer Mask

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ê.

Create a Gradient Mask

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%.

Create the Light Rays Layer

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.

Duplicate the Layer Mask

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.

Free Transform Mode

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).

Calculations Settings

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.

Add the Top Fizz Texture

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%
    Bevel and Emboss

    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)
    Contour

    Passo 5

    Reduza a Opacidade para 50%.

    Opacity Value

    Passo 6

    Coloque todas as camadas exceto pela camada do Fundo (Background) em um grupo e chame-o de Fundo.

    Background Group

    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.

    Create the Text

    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).

    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.

    New Action Set

    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).

    Create New Action

    Passo 3

    Pressione Command/Ctrl-J para duplicar a camada de Texto.

    Duplicate the Layer

    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.

    Scale Down

    Passo 5

    Clique no ícone Interromper Gravação (Stop Recording) na parte inferior do painel de Ações.

    Stop Recording

    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.

    Create the Extrusion

    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.

    Reverse Layer Order

    Passo 3

    Desselecione a primeira e a última camada de Textos e coloque o resto em um grupo e chame-o de Centro.

    Center Group

    Passo 4

    Renomeie a camada superior de Texto para Frente e a última para Trás.

    Front and Back Layers

    Passo 5

    Duplique a camada Frente duas vezes.

    Duplicate Layers

    Passo 6

    Arraste a camada Frente para cima de todas as camadas dentro do grupo Centro.

    Move Layer

    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)
    Bevel and Emboss

    Passo 2

    Adicione um Contorno com as seguintes configurações:

    • Contorno: Cone - Assimétrico
    • Marque a opção Suavização de Serrilhado (Anti-aliased)
    Contour

    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 #7e662e para a esquerda e #cfb765 com o valor da Localização (Location) por volta de 86%.
    Stroke

    Passo 4

    Altere o valor do Preenchimento (Fill) para 0%.

    Change the Fill Value

    Passo 5

    Converta a camada para um Objeto Inteligente (Smart Object).

    Convert to a 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%
    Pattern Overlay

    Isso vai estilizar a parte frontal do texto.

    Styled Front

    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)
    Bevel and Emboss

    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)
    Contour

    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 #7ee662e para a esquerda e para a direita e #d4c591 no meio.
    Stroke

    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).

    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).

    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)
    Bevel and Emboss

    Passo 2

    Adicione um Contorno com as seguintes configurações:

    • Contorno: Cone - Assimétrico
    • Marque a opção Suavização de Serrilhado (Anti-aliased)
    Contour

    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 #7e662e para a esquerda e para a direita e #fdcb1c no meio.
    Stroke

    Passo 4

    Altere o valor do Preenchimento (Fill) da camada Trás para 0%.

    Change the Fill Value

    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
    Gradient Overlay

    Isso vai finalizar a estilização do texto.

    Styled Text

    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).

    Extrusion Texture

    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.

    Render Fibers

    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.

    Motion Blur

    Passo 4

    Use a Ferramenta Letreiro Retangular (M) para selecionar uma pequena área aleatória da textura.

    Create Selection

    Passo 5

    Pressione Command/Ctrl-J para duplicar a área selecionada em uma nova camada e oculte a camada Textura de Extrusão.

    Duplicate the Layer

    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).

    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.

    Transform the Texture

    Passo 3

    Você pode adicionar uma máscara e usar uma ponta redonda de pincel para remover quaisquer áreas que você não goste.

    Erase Unwanted Areas

    Passo 4

    Assim que você terminar, altere o Modo de Mesclagem (Blend Mode) da camada da textura para Luz Suave (Soft Light).

    Blend Mode

    Passo 5

    Para as partes arredondadas das letras, você pode usar o modo Deformar (Warp) para ajustar a textura.

    Warp the Texture

    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.

    Add and Group the Textures

    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.

    Add Highlights

    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.

    Stroke Highlights

    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.

    Add the Color Texture

    Passo 4

    Clique no ícone Adicionar Máscara de Camada (Add Layer Mask).

    Add Layer Mask

    Passo 5

    Coloque todas as camadas da frente em um grupo e chame-o de Frente.

    Front Group

    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.

    Add a Grunge Texture

    Passo 2

    Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere o valor da Saturação para -100.

    HueSaturation

    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.

    Scale Down

    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.

    Levels

    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.

    Grunge Texture Overlays

    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.

    Duplicate and Group the Textures

    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).

    Add the Lens Flare

    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.

    Add a Black Background

    Passo 3

    Selecione ambas as camadas e pressione Command/Ctrl-E para mesclá-las. Salve e feche o arquivo.

    Merge Layers

    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.

    Flare Layers Settings

    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.

    HueSaturation

    Passo 6

    Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels) e altere o valor do Gama para 0.61.

    Levels

    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%.

    Water Splash Layer

    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%
    Bevel and Emboss

    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)
    Contour

    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.

    Add Water Splash Brushes

    Passo 5

    Você também pode adicionar alguns respingos ao fundo por trás do texto.

    Add Water Splashes to the Background

    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%.

    Add a Texture Overlay

    Passo 2

    Adicione uma camada de ajuste de Filtro de Fotos (Photo Filter) acima de todas camadas e use os valores padrões.

    Photo Filter

    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.

    Image Size

    Passo 4

    Você pode usar também a Ferramenta Corte Demarcado (C) para controlar ainda mais o tamanho final.

    Crop the Image

    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.

    Final Result
    Advertisement
    Advertisement
    Looking for something to help kick start your next project?
    Envato Market has a range of items for sale to help get you started.