Neste tutorial eu mostrarei a você como criar um fácil efeito de texto inspirado no Homem-Aranha, usando padrão e estilo de camada (layer style).

O efeito de texto do Homem-Aranha é parte dos Estilos do Photoshop - Super-Heróis do meu portfólio no Envato Market.

Materiais do Tutorial

Os seguintes materiais foram usados durante este tutorial:

• Fonte Aero Matics
  
• Padrão parede escura
  
• Padrão spidy

Antes de começar a criar seu efeito de texto baseado no Homem-Aranha, baixe e instale as fontes e padrões no seu Photoshop.

1. Crie o Fundo

Eu vou mostrar a você como fazer o fundo para a imagem final, mas se você quiser usar a sua própria imagem de fundo, então pule esta parte.

Passo 1

Comece criando um novo documento de 850 x 500 px com resolução de 72 Pixels/Inch (pixels por polegada) e Background Contents em white (branco).

Passo 2

Clique duas vezes na layer (camada) Background no painel Layers para desbloqueá-la. Agora clique com o bortão direito na camada desbloqueada e escolha Blending Options no menu. Outra forma de abrir estas opções é selecionar a camada e ir em Layers > Layer Style > Blending Options.

Então adicione um Gradient Overlay com as seguintes configurações:

• Blend Mode: Linear Burn
• Opacity: 20%
• Clique na caixa Gradient para criar um preenchimento de gradiente usando as cores branca à esquerda e preta à direita.
  
• Style: Radial
• Angle: 0º
• Marque a caixa Dither.

Passo 3

Adicione um Pattern Overlay com as seguintes configurações:

• Clique na caixa Pattern e escolha o padrão parede escura.
  
• Opacity: 100%
• Scale: 100%

Isso criará uma textura escura com uma vinheta.

2. Crie o Efeito de Texto do Homem-Aranha

Esse efeito de texto é feito em uma camada, assim você pode salvá-lo como um novo estilo na sua paleta Styles para uso futuro.

Passo 1

Pegue a ferramenta Type Tool (T) e selecione a fonte Aero Matics. Defina Font Style (estilo da fonte) para Bold Italic e Font Size (tamanho da fonte) em cerca de 200 pt. Escreva "SPIDER" em letras versais.

Passo 2

Selecione a camada do seu texto no painel Layers, clique com o botão direito do mouse na camada e escolha Blending Options no menu.

Adicione Pattern Overlay com as seguintes configurações:

• Clique na caixa Pattern e escolha o padrão Spidy.
• Scale: 25%

Isso adicionará o padrão vermelho principal do Homem-Aranha. 

Passo 3

Adicione Gradient Overlay com estas configurações:

• Blend Mode: Multiply
• Opacity: 14%
• Clique na caixa Gradient para criar um preenchimento de gradiente usando as cores preta à esquerda e branca à direita.
  
• Style: Linear
• Angle: -90º
• Marque a caixa Dither.

Passo 4

Adicione Color Overlay com as seguintes configurações:

• Blend Mode: Multiply
• Clique na caixa Color e escolha a cor #e10505.
• Opacity: 100%

Ambas, cores e gradient overlay irão escurecer um pouco a textura principal.

Passo 5

Adicione Satin com as configurações:

• Blend Mode: Linear Dodge (Add) com a cor #ffeb0d
  
• Opacity: 100%
• Angle: 0º
• Distance: 4px
• Size: 16 px
• Desmarque a caixa Invert, se ela estiver marcada.

Satin adiciona um brilho amarelo e vermelho dentro da textura do Homem-Aranha.

Passo 6

Adicione um Outer Glow com as configurações:

• Blend Mode: Normal
• Opacity: 100%
• Technique: Precise
• Spread: 0%
• Size: 8 px
• Range: 55%
• Jitter: 0%
• Selecione o botão radio, próximo ao gradiente e então edite os Stops de gradiente.
• Primeira cor de gradient stop #111111 e Location em 21%.
  
• Segunda cor de gradient stop #177ece e Location em 48%.
• Terceira cor de gradient stop #9adaff e Location em 73%.

Isso adicionará um gradiente azul ao redor do texto com um azul-escuro no centro.

Passo 7

Adicione Inner Shadow com as seguinte configurações:

• Blend Mode: Linear Burn com a cor #010101
  
• Opacity: 30%
• Desmarque Use Global Light antes de definir Angle em -90º
• Distance: 6 px
• Choke: 0%
• Size: 0 px

Inner Shadow adiciona um efeito 3D ao estilo.

Passo 8

Adicione Inner Glow com as seguintes configurações:

• Blend Mode: Screen
• Opacity: 71%
• Escolha a cor #ffeb0d
  
• Technique: Softer
• Source: Edge
• Choke: 0%
• Size: 5 px

Inner glow adiciona um pequeno contorno amarelo ao redor da textura.

Passo 9

Adicione Stroke com as seguintes configurações:

• Size: 2 px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Linear
• Angle: 90º
• Marque a caixa Dither
• Defina o Gradient com 5 stops:
• Primeira cor de gradient stop #003669 e Location em 12%.
  
• Segunda cor de gradient stop #bcebff e Location em 22%.
• Terceira cor de gradient stop #003669 e Location em 52%.
• Quarta cor de gradient stop #bcebff e Location em 83%.
• Quinta cor de gradient stop #003669 e Location em 96%.

O contorno adicionará pequenas linhas azuis e brilhantes ao redor do texto.

Passo 10

Adicione Bevel & Emboss com as seguintes configurações:

• Style: Inner Bevel
• Technique: Smooth
• Depth: 100%
• Direction: Up
• Size: 18 px
• Desmarque a caixa Use Global Light antes de definir Angle em 110º e Altitude em 30º
• Highlight Mode: Linear Dodge (Add) com a cor #ffc000 e Opacity em 26%.
• Shadow Mode: Linear Burn com a cor #0a2a40 e Opacity em 20%

Passo 11

Adicione Texture com as seguintes configurações:

• Clique na caixa Pattern e escolha o padrão Spidy.
• Scale: 25%
• Depth: +120%

Inner Bevel com textura adiciona mais profundidade ao padrão vermelho do Homem-Aranha.

Passo 12

Para finalizar, adicione Drop Shadow com as seguintes configurações:

• Blend Mode: Normal com a cor #001e2d
• Opacity: 100%
• Desmarque a caixa Use Global Light antes de definir Angle em 120º
• Distance: 3 px
• Spread: 100%
• Size: 11 px

Parabéns! Você terminou!

Neste tutorial você aprendeu como criar um efeito de texto baseado no Homem-Aranha no Photoshop.

Começamos criando um fundo escuro com um padrão infinito. E então criamos uma camada de texto a adicionamos diversos efeitos a fim de criar um texto ao estilo Homem-Aranha.

Espero que você tenha gostado deste tutorial. E se você gostou do efeito final, não se esqueça de salvar o estilo na sua paleta de Layer Styles para projetos futuros.

O efeito de texto do Homem-Aranha é parte dos Estilos do Photoshop - Super-Heróis do meu portfólio no Envato Market.