Como Criar Um Texto Com Efeito Inspirado no Homem-Aranha no Adobe Photoshop
Portuguese (Português) translation by Felipe Code (you can also view the original English article)

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 epreta
à 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 ebranca
à 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.

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post