1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Como Criar um Efeito de Texto de Cérebro no Adobe Photoshop

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

É quase Halloween! Neste tutorial eu vou mostrar a você como criar um efeito de texto de cérebro no Adobe Photoshop.

Este efeito é parte dos meus Efeitos de Texto de Halloween na GraphicRiver.

GraphicRiver ItemGraphicRiver ItemGraphicRiver Item

Arquivos do Tutorial

Os seguintes arquivos serão utilizados durante este tutorial:

Antes de começar, baixe e instale esses arquivos. Eles vão ajudar você a obter o mesmo resultado.

Introdução

Se você é iniciante e não é tão bom em pintar, você pode baixar e instalar o padrão, e pular a próxima parte do tutorial. Para fazer isso, vá para Editar > Predefinições > Gerenciador de Predefinição (Edit > Presets > Preset Manager). Altere o Tipo de Predefinição (Preset Type) para Padrões (Patterns).

Load PatternLoad PatternLoad Pattern

Depois disso, clique no botão Carregar (Load), procure pelo arquivo do nosso padrão no seu dispositivo, e pressione Carregar (Load). Isso é tudo - agora os padrões foram adicionados. Além disso, você pode arrastar e soltar o arquivo do padrão no Photoshop.

1. Como Criar o Padrão de Cérebro

Antes de tudo, precisamos criar o padrão de cérebro. Ele será a base do nosso efeito de texto.

Passo 1

Abra o Photoshop (Eu uso o Photoshop CS6), vá para Arquivo > Novo (File > New) e crie um documento novo de 314 x 374 px.

Create New DocumentCreate New DocumentCreate New Document

Passo 2

Renomeie a camada para Fundo. Preencha-a usando a cor #d88364.

Fill BackgroundFill BackgroundFill Background

Passo 3

Crie uma Nova Camada (Camada > Nova > Camada) (Layer > New > Layer) com o nome Linhas. Mova-a para cima do Fundo.

Create Lines LayerCreate Lines LayerCreate Lines Layer

Passo 4

Pegue a Ferramenta Pincel (B), selecione um pincel Duro e Arredondado (Hard Round Brush) e vá para Janela > Pincel (Window > Brush) para alterar algumas configurações:

  • Tamanho (Size): 8 px
  • Espaçamento (Spacing): 7%

Se você tem uma mesa digitalizadora, também pode marcar a opção Transferência (Transfer) e garantir que a Tremulação de Opacidade (Opacity Jitter) e a Tremulação de Fluxo (Flow Jitter) estão sendo controlados pela Pressão da Caneta (Pen Pressure).

Brush SettingsBrush SettingsBrush Settings

Passo 5

Defina a Cor do Primeiro Plano para #7f2b16. Certifique-se de que você está na camada Linhas. Vamos começar a desenhar as linhas das convoluções. Você pode usar a Ferramenta Borracha (E) para limpar ou excluir parte da imagem. Meu resultado:

Simple LinesSimple LinesSimple Lines

Passo 6

Duplique a camada Linhas. Altere o nome da camada para Sombra. Esta camada deve estar entre o Plano de Fundo e as Linhas.

Shadow LayerShadow LayerShadow Layer

Passo 7

Clique com o Botão Direito do Mouse na camada Linhas e escolha Opções de Mesclagem (Blending Options) para criar o Estilo de Camada.

Adicione um Brilho Externo (Outer Glow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 34%
  • Ruído (Noise): 0%
  • Cor: #7f2b16
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 4 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 50%
  • Tremulação (Jitter): 0%

Passo 8

Dê um clique com o Botão Direito do Mouse na camada Sombra e escolha Opções de Mesclagem (Blending Options) para criar o Estilo de Camada.

Adicione um Brilho Externo (Outer Glow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Ruído (Noise): 0%
  • Cor: #c05648
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 34%
  • Tamanho (Size): 16 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 100%
  • Tremulação (Jitter): 0%
Outer Glow of Shadow LayerOuter Glow of Shadow LayerOuter Glow of Shadow Layer

Passo 9

Crie uma Nova Camada (Camada > Nova > Camada) com o nome Realce (Highlight). Mova ela para que fique entre as camadas Linhas e Sombra. Defina o Modo de Mesclagem (Blend Mode) da camada para Luz Brilhante (Vivid Light). Pegue a Ferramenta Pincel (B) e desenhe os realces usando a cor #e9a186. Se o seu resultado não ficar suave, vá para Filtro > Desfoque > Desfoque Gaussiano e defina o Raio para 3 px.

Highlight LayerHighlight LayerHighlight Layer

Passo 10

Agora precisamos garantir que nossa imagem funcione como um padrão. Para fazer isso, continue na camada Linhas, vá para Selecionar > Tudo (Ctrl-A) (Select > All) para selecionar a imagem, vá para Editar > Copiar Mesclado (Edit > Copy Merged) para copiar todas as camadas em uma só, e vá para Editar > Colar (Ctrl-V) (Edit > Paste) para colar esta camada em uma nova camada. Renomeie ela para Padrão (Pattern). Agora selecione esta camada, e vá para Camada > Objetos Inteligentes > Converter em Objeto Inteligente (Layer > Smart Objects > Convert to Smart Object) (ou clique com o Botão Direito do Mouse na camada e escolha Converter em Objeto Inteligente).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 11

Pegue este Objeto Inteligente, vá para Filtro > Outros > Deslocamento (Filter > Other > Offset) e defina esses valores:

OffsetOffsetOffset

Passo 12

Como você pode ver, nosso futuro padrão tem alguns problemas. Para corrigi-los, crie uma Nova Camada (Camada > Nova > Camada) (Layer > New > Layer), pegue a Ferramenta Pincel (B), altere a Dureza (Hardness) para 30% e pinte sobre ela usando a Ferramenta Conta-Gotas (I) (Eyedropper Tool) para escolher as cores. Resultado:

Fix IssuesFix IssuesFix Issues

Passo 13

Crie uma nova camada de ajuste de Matiz/Saturação (Hue/Saturation) e reduza a Saturação para -20:

Change SaturationChange SaturationChange Saturation

Passo 14

Nossa imagem está pronta, e tudo o que você precisa faze é criar um padrão. Vá para Editar > Definir Padrão. Digite Padrão de Cérebro no campo Nome.

New PatternNew PatternNew Pattern

2. Como Criar o Objeto Inteligente do Texto

O objetivo principal desta parte é a criação de um Objeto Inteligente com uma camada de texto dentro. Isso vai ajudar você a fazer alterações rápidas no futuro.

Passo 1

Defina a Cor do Primeiro Plano para #454545. Depois disso, Alterne a Cor do Primeiro e Segundo Plano (X).

Crie um novo documento de 4000 x 1420 px com a resolução de 300 px/pol (px/inch). Defina o Conteúdo do Plano de Fundo (Background Content) para Cor do Plano de Fundo (Background Color).

New DocumentNew DocumentNew Document

Passo 2

Pegue a Ferramenta Texto (T) e escolha a fonte Rounds Black. Defina o Tamanho da Fonte (Font Size) para algo em torno de 250 pt e a Cor da Fonte para #ffa81f. Escreva "CÉREBRO" (BRAIN) em letras maiúsculas.

Brain TextBrain TextBrain Text

Passo 3

Selecione a camada Cérebro (Brain), pressione Ctrl-A. Pegue a Ferramenta Mover (V) e pressione Alinhar Centros Verticais e Alinhar Centros Horizontais para mover a camada para o centro do documento.

Align TextAlign TextAlign Text

Passo 4

Vá para Camada > Objetos Inteligentes > Converter em Objeto Inteligente (Layer > Smart Objects > Convert to Smart Object) para converter a camada do texto em um Objeto Inteligente (ou clique com o Botão Direito do Mouse na camada e escolha Converter em Objeto Inteligente).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 5

Dê um duplo-clique com o seu mouse no ícone da camada para abrir o Objeto Inteligente (Smart Object).

Vá para Editar > Transformação Livre (Ctrl-T) (Edit > Transform Free Path) e altere algumas configurações da camada do texto:

  • X: 2012 px
  • Y: 483 px
  • W: 93%
  • H: 111%
Transform TextTransform TextTransform Text

Passo 6

Crie o efeito de mancha do texto usando a Ferramenta Caneta (P). Como você pode ver, eu preenchi o fundo com a cor cinza para diferenciar melhor. Esta camada é temporária e será excluída antes de terminarmos. Meu resultado:

Create ShapesCreate ShapesCreate Shapes

Agora você precisa salvá-la. Vá para Arquivo > Salvar (File > Save) (ou pressione Ctrl-S) para fazer isso e Arquivo > Fechar (File > Close) para fechar este arquivo. Depois disso, você vai obter um Objeto Inteligente com uma nova palavra.

Passo 7

Pegue este Objeto Inteligente (Smart Object) e duplique-o quatro vezes. Como resultado, teremos cinco cópias do Objeto Inteligente. Eu sugiro renomear cada camada de cima para baixo usando os seguintes nomes:

  • Volume
  • Padrão
  • Traçado
  • Sombra
  • Traçado Externo
List of LayersList of LayersList of Layers

Isso vai ajudar você a navegar pelo documento durante os passos seguintes.

3. Como Criar o Estilo de Camada de Volume

Passo 1

Altere o Preenchimento (Fill) da camada para 0. Dê um duplo-clique com o seu mouse na camada Volume para aplicar os seguintes estilos de camada. Adicione um Chanfro e Entalhe (Bevel and Emboss) usando os seguintes valores:

  • Estilo: Chanfro Interno (Inner Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 103%
  • Direção: Acima (Up)
  • Tamanho (Size): 103 px
  • Suavização (Soften): 16 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Altitude: 60º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Subexposição de Cores
  • Cor do Realce: #ffffff
  • Opacidade: 65%
  • Modo de Sombra: Subexposição de Cores (Color Dodge)
  • Cor da Sombra: #ffffff
  • Opacidade: 87%
Part Three - Bevel and EmbossPart Three - Bevel and EmbossPart Three - Bevel and Emboss

Passo 2

Adicione um Contorno:

  • Contorno: Meia-Volta (Half Round)
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 73%
Part Three - ContourPart Three - ContourPart Three - Contour

Passo 3

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

  • Modo de Mesclagem (Blend Mode): Diferença
  • Cor: #7adafa
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 60º
  • Distância: 29 px
  • Desfoque (Choke): 20%
  • Tamanho (Size): 125 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Ruído (Noise): 2%
Part Three - Inner ShadowPart Three - Inner ShadowPart Three - Inner Shadow

Passo 4

Agora adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
  • Opacidade: 72%
  • Ruído (Noise): 0%
  • Cor: #ffffff
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 4%
  • Tamanho (Size): 33 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 55%
  • Tremulação (Jitter): 0%
Part Three - Inner GlowPart Three - Inner GlowPart Three - Inner Glow

Passo 5

Adicione um Acetinado (Satin) usando as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 36%
  • Ângulo:
  • Distância: 25 px
  • Tamanho (Size): 66 px
  • Contorno: Linear
  • Desmarque as opções Suavização de Serrilhado (Anti-aliased) e Reverter
Part Three - SatinPart Three - SatinPart Three - Satin

Passo 6

Adicione um Brilho Externo (Outer Glow)

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Opacidade: 57%
  • Ruído (Noise): 0%
  • Cor: #000000
  • Técnica: Mais Suave (Softer)
  • Expansão (Spread): 0%
  • Tamanho (Size): 25 px
  • Contorno: Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Escala (Range): 100%
  • Tremulação (Jitter): 0%
Part Three - Outer GlowPart Three - Outer GlowPart Three - Outer Glow

Passo 7

Não se esqueça da Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Cor: #000000
  • Opacidade: 41%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 120º
  • Distância: 25 px
  • Expansão (Spread): 0%
  • Tamanho (Size): 25 px
Part Three - Drop ShadowPart Three - Drop ShadowPart Three - Drop Shadow

Como resultado, você verá a seguinte imagem:

Result of the Part ThreeResult of the Part ThreeResult of the Part Three

4. Como Criar o Estilo de Camada do Padrão

Passo 1

Dê um duplo-clique na camada do Padrão (Pattern) para aplicar os Estilos de Camada. Adicione um Traçado (Stroke):

  • Tamanho (Size): 2 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #a8262d
Part Four - StrokePart Four - StrokePart Four - Stroke

Passo 2

Agora adicione um Brilho Interno (Inner Glow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Ruído (Noise): 0%
  • Cor: #f15d62
  • Técnica: Mais Suave (Softer)
  • Origem (Source): Aresta (Edge)
  • Desfoque (Choke): 100%
  • Tamanho (Size): 10 px
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Intervalo (Range): 100%
  • Tremulação (Jitter): 0%
Part Four - Inner GlowPart Four - Inner GlowPart Four - Inner Glow

Passo 3

Adicione também uma Sobreposição de Cor (Color Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
  • Cor: #f59088
  • Opacidade: 100%
Part Four - Color OverlayPart Four - Color OverlayPart Four - Color Overlay

Passo 4

Adicione uma Sobreposição de Padrão (Pattern Overlay):

  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 80%
  • Clique em Padrão (Pattern) e selecione o padrão que criamos anteriormente.
  • Escala: 240%
Part Four - Pattern OverlayPart Four - Pattern OverlayPart Four - Pattern Overlay

Como resultado, você verá a seguinte imagem:

Result of the Part FourResult of the Part FourResult of the Part Four

5. Como Criar o Estilo de Camada do Traçado

Este é um passo simples. Tudo o que você precisa fazer é adicionar um Traçado (Stroke) com as seguintes configurações:

  • Tamanho (Size): 20 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Cor
  • Cor: #fb705c
Part Five - StrokePart Five - StrokePart Five - Stroke

Como resultado, você verá a seguinte imagem:

Result of the Part FiveResult of the Part FiveResult of the Part Five

6. Como Criar o Estilo de Camada da Sombra

Passo 1

Dê um duplo-clique na camada Sombra para aplicar o seguintes estilos de camada. Adicione uma Chanfro e Entalhe (Bevel and Emboss) usando os seguintes valores:

  • Estilo: Chanfro Externo (Outer Bevel)
  • Técnica: Suave (Smooth)
  • Profundidade (Depth): 1000%
  • Direção: Acima (Up)
  • Tamanho (Size): 21 px
  • Suavização (Soften): 0 px
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Altitude: 30º
  • Contorno de Reflexo (Gloss Contour): Linear
  • Desmarque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Normal
  • Cor do Realce: #ffffff
  • Opacidade: 0%
  • Modo de Sombra (Shadow Mode): Multiplicação (Multiply)
  • Cor da Sombra: #000000
  • Opacidade: 50%
Part Six - Bevel and EmbossPart Six - Bevel and EmbossPart Six - Bevel and Emboss

Passo 2

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

  • Tamanho (Size): 20 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Degradê: de #c88206 para #753104
  • Estilo: Linear
  • Ângulo: -90º
  • Escala: 100%
  • Desmarque a opção Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Part Six - StrokePart Six - StrokePart Six - Stroke

Passo 3

Adicione uma Sombra Projetada (Drop Shadow):

  • Modo de Mesclagem (Blend Mode): Normal
  • Cor: #000000
  • Opacidade: 75%
  • Desmarque a opção Utilizar Luz Global (Use Global Light) antes de configurar o Ângulo para 90º
  • Distância: 11 px
  • Expansão (Spread): 47%
  • Tamanho (Size): 38 px
Part Six - Drop ShadowPart Six - Drop ShadowPart Six - Drop Shadow

Como resultado, você verá a seguinte imagem:

Result of the Part SixResult of the Part SixResult of the Part Six

7. Como Criar o Estilo de Camada do Traçado Externo

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

  • Tamanho (Size): 30 px
  • Posição: Externa (Outside)
  • Modo de Mesclagem (Blend Mode): Normal
  • Opacidade: 100%
  • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
  • Degradê: de #bc1526 para #c72435
  • Estilo: Linear
  • Ângulo: 90º
  • Escala: 100%
  • Desmarque as opções Reverter e Pontilhamento (Dither)
  • Marque a opção Alinhar à Camada (Align with Layer)
Part Seven - StrokePart Seven - StrokePart Seven - Stroke

Como resultado, você verá a seguinte imagem:

Result of the Part SevenResult of the Part SevenResult of the Part Seven

Parabéns, Você Terminou!

O efeito de texto de cérebro está pronto. Aqui está a imagem final. Eu espero que você tenha gostado do tutorial.

Final ResultFinal ResultFinal Result

Não se esqueça de compartilhar o seu resultado com a gente.

A propósito, se você quer alterar o texto, dê um duplo-clique no ícone do Objeto Inteligente (Smart Object) e o Photoshop vai abrir um novo arquivo PSB. Altere o texto, vá para Arquivo > Salvar (File > Save) para salvar as mudanças e Arquivo > Fechar (File > Close). Depois disso, você vai obter um arquivo atualizado com um novo nome.

Você pode comprar este efeito como parte dos meus Efeitos de Texto de Halloween na GraphicRiver.

Style PackStyle PackStyle Pack
Advertisement
Did you find this post useful?
Want a weekly email summary?
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.
One subscription. Unlimited Downloads.
Get unlimited downloads