Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Galáctico no Adobe Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:
This post is part of a series called Text Effects .
How to Create an 80s-Inspired Silver Text Effect in Adobe Photoshop

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 irá mostrar a você como usar um alguns estilos de camada, texturas e configurações de pincel para criar um efeito de texto galáctico brilhante. 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 usados durante a produção deste tutorial:

1. Como Criar um Fundo

Passo 1

Crie um novo documento de 960 x 720 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), escolha Cor Sólida e use a Cor #0c0e22.

Solid Color Layer

Passo 2

Vá para Arquivo > Colocar Vinculados (File > Place Linked) para abrir a imagem Cosmos. Redimensione-a de acordo com o necessário, e renomeie sua camada para Imagem de Fundo.

Add the Background Image

Passo 3

Adicione uma camada de ajuste (adjustment layer) de Matiz/Saturação (Hue/Saturation) e altere seu Modo de Mesclagem (Blend Mode) para Cor.

Altere o valor da Matiz (Hue) para 23 e a Saturação para -45.

HueSaturation

2. Como Criar as Camadas de Texto

Passo 1

Crie um texto em Caixa Alta (All Caps) usando a fonte Bungee. Defina o Tamanho (Size) para 230 pt, e se você usar mais de uma linha de texto, altere o valor das Entrelinhas (Leading) para 210.

Create the Text

Passo 2

Altere o Preenchimento (Fill) da camada de texto para 0.

Fill Value

Passo 3

Duplique a camada de texto duas vezes.

Duplicate the Text Layer

3. Como Estilizar a Primeira Camada de Texto

Dê um duplo-clique na camada de texto original para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Tamanho (Size): 20
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
    • Cor: #47fcc7
    • Opacidade: 70%
Bevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
Contour

Passo 3

Adicione um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 1
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Use o preenchimento de degradê faucet 30
Stroke

Passo 4

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

  • Opacidade: 100%
  • Distância: 5
  • Expansão (Spread): 30
  • Tamanho (Size): 10
Drop Shadow

Isto estilizará a primeira camada de texto.

Styled Text Layer 1

4. Como Estilizar a Segunda Camada de Texto

Dê um duplo-clique na primeira cópia da camada de texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

  • Tamanho (Size): 35
  • Desmarque a opção Utilizar Luz Global
  • Ângulo: 107
  • Altitude: 37
  • Contorno de Reflexo (Gloss Contour): Pico - Duplo (Ring - Double)
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode):
    • Cor: #ef1d58
    • Opacidade: 70%
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
    • Cor: #a81227
    • Opacidade: 70%
Bevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Cone - Invertido
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
Contour

Passo 3

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Divisão (Screen)
  • Cor: #b2b412
  • Opacidade: 50%
  • Desmarque a opção Utilizar Luz Global
  • Ângulo: 90
  • Distância: 25
  • Tamanho (Size): 30
Inner Shadow

Passo 4

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Cor mais Clara (Lighter Color)
  • Opacidade: 25%
  • Degradê (Gradient): Crie um preenchimento de degradê usando as Cores #4c1061 para a esquerda, #3e2b6a no meio, e #504b71 para a direita.
  • Tamanho (Size): 18
Inner Glow

Isso irá estilizar a segunda camada de texto.

Styled Text Layer 2

5. Como Estilizar a Terceira Camada de Texto

Dê um duplo-clique na camada de texto segunda 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): 55
  • Desmarque a opção Utilizar Luz Global
  • Ângulo: -39
  • Altitude: 58
  • Contorno de Reflexo (Gloss Contour): Pico (Ring)
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Sobrepor (Overlay)
    • Cor: #e3dc26
  • Modo de Sombra (Shadow Mode): Subexposição de Cores (Color Dodge)
    • Cor: #0eb483
    • Opacidade: 70%
Bevel and Emboss

Passo 2

Adicione um Contorno com as seguintes configurações:

  • Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
Contour

Passo 3

Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Subexposição de Cores
  • Cor: #ab60f1
  • Opacidade: 35%
  • Distância: 10
  • Tamanho (Size): 20
Inner Shadow

Passo 4

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

  • Opacidade: 35%
  • Cor: #ff1d48
  • Origem (Source): Centro
  • Tamanho (Size): 65
  • Contorno: Cone - Invertido
Inner Glow

Passo 5

Adicione um efeito Acetinado (Satin) com estas configurações:

  • Modo de Mesclagem (Blend Mode): Subexposição de Cores (Color Dodge)
  • Cor: #ae8010
  • Opacidade: 10%
  • Ângulo: 90
  • Distância: 143
  • Tamanho (Size): 95
  • Contorno: Pico - Duplo (Ring - Double)
  • Marque a caixa de Suavização de Serrilhado (Anti-aliased)
  • Marque a opção Inverter
Satin

Passo 6

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Subexposição Linear (Adicionar) (Linear Dodge (Add))
  • Opacidade: 25%
  • Cor: #53abde
  • Tamanho (Size): 25
Outer Glow

Isso irá estilizar a camada de texto final.

Styles Text Layer 3

6. Como Traçar um Demarcador de Trabalho

Passo 1

Clique com o Botão Direito do Mouse em qualquer camada de texto e escolha Criar Demarcador de Trabalho (Create Work Path).

Pegue a Ferramenta Pincel (B) e abra o painel Pincel (Brush) (Janela > Pincel (Window > Brush)). É importante fazer todo o trabalho dentro do painel Pincel, especialmente a escolha das pontas.

Create Work Path

Passo 2

Pegue uma ponta redonda suave e use as configurações mostradas abaixo nas abas de Forma da Ponta do Pincel (Brush Tip Shape) e Dinâmica da Forma (Shape Dynamics):

Brush Settings

Passo 3

Crie uma nova camada acima de todas as camadas, chame-a de Traçado Desvanecedor (Fade Stroke), e defina a cor de Primeiro Plano para #29ecee.

Pressione a tecla Enter uma vez para traçar o demarcador de trabalho. Se você quer um resultado diferente, você pode alterar o Tamanho (Size) da ponta, ou o valor do Desvanecimento (Fade) sob a aba de Dinâmica de Forma (Shape Dynamics).

Stroke the Work Path

Passo 4

Altere o Modo de Mesclagem (Blend Mode) da camada Traçado Desvanecedor para Sobrepor (Overlay).

Change the Blend Mode

7. Como Criar uma Camada de Traçado de Textura e uma Ponta para o Pincel

Passo 1

Coloque a textura de Estrelas em cima de todas as camadas, redimensione-a de acordo com o necessário, renomeie sua camada para Textura do Traçado e altere seu Modo de Mesclagem (Blend Mode) para Subexposição Linear (Adicionar) (Linear Dodge (Add)).

Add the Texture

Passo 2

Alt/Option-clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers) para adicionar uma máscara invertida que esconde os conteúdos da camada.

Add an Inverted Layer Mask

Passo 3

Com a Ferramenta Pincel (B) ativa, pegue uma ponta com um Ângulo Plano de 32 px, e use as seguintes configurações nas abas de Forma da Ponta do Pincel (Brush Tip Shape) e Dinâmica da Forma (Shape Dynamics):

Brush Settings

8. Como Traçar um Demarcador de Trabalho em uma Máscara de Camada

Passo 1

Selecione a miniatura da camada Traçado de Textura, defina a cor de Primeiro Plano para Branca e pegue a Ferramenta de Seleção Direta (A).

Clique com o Botão Direito do Mouse no demarcador de trabalho e escolha Traçar Demarcador (Stroke Path). Defina a Ferramenta (Tool) para Pincel (Brush), marque a opção Simular Pressão e clique em OK.

Stroke the Work Path

Nós vamos repetir este passo para traçar o resto das texturas neste tutorial, mas com a opção Simular Pressão desmarcada.

Stroked Mask

Passo 2

Pressione Ctrl/Command-clique na miniatura de qualquer uma das camadas de texto para criar uma seleção.

Create a Selection

Passo 3

Certifique-se de que a miniatura da camada Traçado de Textura ainda está selecionada e que a Cor de Segundo Plano seja Preta, e pressione Ctrl/Command-Backspace para preencher a seleção com Preto.

Pressione Ctrl/Command-D para desselecionar.

Fill the Layer Mask Selection

9. Como Criar um Grupo de Texturas de Traçado

Passo 1

Coloque a imagem da Galáxia abaixo da camada de texto original, redimensione-a como necessário e renomeie a camada para Fundo Traçado 1.

Add the Stroke Texture

Passo 2

Adicione uma máscara invertida à camada Fundo Traçado 1, e então coloque a camada em um grupo e chame-o de Fundo Traçado.

BG Stroke Group

Passo 3

Duplique a camada Fundo Traçado 1 três vezes, e renomeie as cópias adicionando os números 2, 3 e 4.

Duplicate the BG Stroke Layer

10. Como Criar Pontas de Pincel de Partículas Grandes

Passo 1

Pegue a Ferramenta Pincel (B), escolha a ponta de Ponto Erodível de 9 px, e use as seguintes configurações:

Forma da Ponta do Pincel (Brush Tip Shape)

Brush Tip Shape

Dinâmica da Forma (Shape Dynamics)

Shape Dynamics

Dispersão (Scattering)

Scattering

Passo 2

Selecione a miniatura da máscara da camada Fundo Traçado 2 e trace o demarcador usando a Ferramenta de Seleção Direta (A).

Certifique-se de desmarcar a opção Simular Pressão para todas as camadas Fundo Traçado.

Stroke the BG Stroke 1 Layer Mask

Passo 3

Altere as configurações da mesma ponta do pincel para conseguir um resultado diferente, desmarcando a aba Dinâmica da Forma (Shape Dynamics) e usando as seguintes configurações nas abas Forma da Ponta do Pincel (Brush Tip Shape) e Dispersão (Scattering):

Brush Settings

Passo 4

Use a ponta modificada para traçar o demarcador na máscara da camada Fundo Traçado 2 e altere o Modo de Mesclagem (Blend Mode) da camada para Cor mais Clara (Lighter Color).

Stroke the BG Stroke 2 Layer Mask

11. Como Criar Pontas de Pincel de Poeira

Passo 1

Escolha a ponta Aerógrafo (Airbrush) abaixo, e use as seguintes configurações nas abas Forma da Ponta do Pincel (Brush Tip Shape) e Dispersão (Scattering):

Brush Settings

Passo 2

Clique no ícone Criar Novo Pincel (Create New Brush) no canto inferior direito do painel Pincel, defina seu Nome para Pincel de Sujeira e clique em OK.

Save the Brush Tip

Passo 3

Selecione a miniatura da máscara da camada Fundo Traçado 3, trace o demarcador de trabalho com a ponta Pincel de Sujeira e altere o Modo de Mesclagem (Blend Mode) da camada para Subexposição de Cores (Color Dodge). 

Stroke the BG Stroke 3 Layer Mask

Passo 4

Altere as configurações da Forma da Ponta do Pincel (Brush Tip Shape) e da Dispersão (Scattering) da mesma ponta do pincel, assim como vemos abaixo:

Brush Settings

Passo 5

Trace o demarcador de trabalho na miniatura da camada Fundo Traçado 4 e altere o Modo de Mesclagem (Blend Mode) da camada para Subexposição de Cores (Color Dodge).

Com a Ferramenta de Seleção Direta (A) ativa, pressione a tecla Enter para se livrar do demarcador de trabalho.

Stroke the BG Stroke 4 Layer Mask

12. Como Adicionar Listras de Luz

Passo 1

Coloque uma das imagens do Conjunto P-Series.Black-BG - C4D acima da camada Traçado de Textura, redimensione-a de acordo com o necessário, e altere o Modo de Mesclagem (Blend Mode) da camada para Divisão (Screen).

Add a Light Image

Passo 2

Pressione Command/Ctrl-T para entrar no Modo de Transformação Livre e clique no ícone Deformar (Warp) na barra de Opções.

Clique-e-arraste os pontos e/ou seções para deformar a luz na forma que você preferir. Quando tiver terminado, pressione a tecla Enter para aplicar as mudanças.

Você pode redimensionar, rotacionar e ajustar a imagem enquanto estiver no Modo de Transformação Livre (Ctrl-T).

Warp the Light

Passo 3

Você pode adicionar uma máscara de camada e usar um pincel redondo de ponta macia com a cor de Primeiro Plano definida para Preto, para pintar sobre qualquer área indesejada e escondê-la.

Hide Unwanted Areas

Passo 4

Adicione mais imagens e deforme-as.

Se o fundo de luz é visível, você pode ir para Imagem > Ajustes > Níveis (Image > Adjustments > Levels), clicar no ícone Fazer uma amostra da imagem para definir ponto preto (Sample in image to set black point) e clique na área do fundo que você quer deixar preto.

Adjust the Lights Background

Passo 5

Adicione várias imagens de acordo com o necessário e coloque-as onde você quiser.

Add More Light Images

13. Como Ajustar o Fundo e a Colorização Geral

Passo 1

Adicione uma máscara de camada à camada Imagem de Fundo, pegue a Ferramenta Pincel (B), escolha o Pincel de Sujeira que salvamos anteriormente, e clique-e-arraste suavemente no centro do documento para apagar a parte do centro da imagem.

Mask Out the Background Image Center

Passo 2

Adicione um Mapa de Degradê (Gradient Map) acima de todas as camadas, marque a opção Pontilhamento (Dither) e crie um preenchimento de degradê usando as Cores #5c3d69 para a esquerda, #94516a no meio e #e8977a para a direita.

Altere o Modo de Mesclagem (Blend Mode) da camada Mapa de Degradê (Gradient Map) para Luz Suave (Soft Light) e sua Opacidade para 30%.

Gradient Map

Passo 3

Adicione uma camada de ajuste de Pesquisa de Cores (Color Lookup) acima de todas as camadas, e use a tabela FoggyNight.3DL do menu Arquivo 3DLUT.

Color Lookup

Passo 4

Pressione Command/Ctrl-A para selecionar tudo, vá para Editar > Copiar Especial > Copiar Mesclado (Edit > Copy Especial > Copy Merged) e logo depois, Editar > Colar Especial > Colocar no Local (Edit > Paste Special > Paste in Place).

Renomeie a camada colada para Sobreposição e oculte a camada de Pesquisa de Cores (Color Lookup).

Create the Overlay Layer

Passo 5

Reduza a Opacidade da camada de Sobreposição (Overlay) para o valor que você quiser.

Decrease the Opacity

Parabéns! Você Terminou

Neste tutorial, nós usamos uma simples textura para o fundo e criamos algumas camadas de texto. Logo depois, nós estilizamos as camadas de texto para criar o efeito principal.

Depois disso, nós usamos texturas e configurações do pincel para criar algumas camadas de traçado. Finalmente, nós usamos camadas de ajuste para aperfeiçoar o resultado final.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.

Final Result
Advertisement
Advertisement
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.