How to Create a Brain Text Effect in Adobe Photoshop

It’s almost Halloween! In this tutorial I will show you how to create a brain text effect in Adobe Photoshop.

How to Create a Brain Text Effect in Adobe Photoshop

How to Create a Brain Text Effect in Adobe Photoshop
This effect is a part of my Halloween Text Effectson GraphicRiver.

How to Create a Brain Text Effect in Adobe Photoshop

Tutorial Assets

The following assets will be used during this tutorial:

Before you start, download and install these assets. It will help you to get the same result.

Introduction

If you are a beginner and are not good at painting, you can download and install thepattern, and skip the next part of the tutorial. To do that, go to Edit > Presets > Preset Manager. Change Preset Type to Patterns.

How to Create a Brain Text Effect in Adobe Photoshop

After that, click on the Load button, find our pattern file on your device, and press Load. That’s all—now the patterns have been added. Also, you can drag and drop the pattern file to Photoshop.

1. How to Create the Brain Pattern

First of all we need to create the brain pattern. It will be the base of our text effect.

Step 1

Open Photoshop (I use Photoshop CS6),go to File > New, and create a new 314 x 374 px document.

How to Create a Brain Text Effect in Adobe Photoshop

Step 2

Rename the layer as Background. Fill this one using #d88364 color.

How to Create a Brain Text Effect in Adobe Photoshop

Step 3

Create a New Layer (Layer > New > Layer) with the name Lines. Move it above the Background.

How to Create a Brain Text Effect in Adobe Photoshop

Step 4

Pick the Brush Tool (B), select aHard Round brush, and go to Window > Brush to change some settings:

  • Size: 8 px
  • Spacing: 7%

If you are working with a graphics tablet, also check the Transfer and make sure that Opacity Jitter and Flow Jitter are controlled by Pen Pressure.

How to Create a Brain Text Effect in Adobe Photoshop

Step 5

Set the Foreground Color to #7f2b16. Make sure you are on theLines layer. Let’s start drawing the lines of the convolutions. You can use Eraser Tool (E) to clean or delete part of the image. My result:

How to Create a Brain Text Effect in Adobe Photoshop

Step 6

Duplicate the Lines layer.Change the layer name to Shadow.This layer should be between Background and Lines.

How to Create a Brain Text Effect in Adobe Photoshop

Step 7

Right-click the Lines layer and choose Blending Options to create the Layer Style.

Add an Outer Glow:

  • Blend Mode:Normal
  • Opacity: 34%
  • Noise: 0%
  • Color: #7f2b16
  • Technique: Softer
  • Spread: 0%
  • Size: 4 px
  • Contour: Linear
  • Uncheck Anti-aliased
  • Range: 50%
  • Jitter: 0%

How to Create a Brain Text Effect in Adobe Photoshop

Step 8

Right-click the Shadow layer and choose Blending Options to create the Layer Style.

Add an Outer Glow:

  • Blend Mode:Normal
  • Opacity: 100%
  • Noise: 0%
  • Color: #c05648
  • Technique: Softer
  • Spread: 34%
  • Size: 16 px
  • Contour: Linear
  • Uncheck Anti-aliased
  • Range: 100%
  • Jitter: 0%

How to Create a Brain Text Effect in Adobe Photoshop

Step 9

Create a New Layer (Layer > New > Layer) with the name Highlight. Move it between the Lines and Shadow layers. Set the Blending Mode for the layer to Vivid Light. Pick the Brush Tool (B) and draw the highlights using #e9a186 color. If your result doesn’t look smooth, go to Filter > Blur > Gaussian Blur and set the Radiusto 3 px.

How to Create a Brain Text Effect in Adobe Photoshop

Step 10

Now we need to make sure that our image works as a pattern. To do that, stay on the Lines layer, go to Select > All(Control-A) to select the picture, go to Edit > Copy Merged to copy all layers as one, and go to Edit > Paste(Control-V) to paste this layer as a new one. Rename itPattern. Now select this layer, and go to Layer > Smart Objects > Convert to Smart Object (or right-click on the layer and choose Convert to Smart Object).

How to Create a Brain Text Effect in Adobe Photoshop

Step 11

Pick this Smart Object, go to Filter > Other > Offset, and set these values:

How to Create a Brain Text Effect in Adobe Photoshop

Step 12

As you can see, our future pattern has some issues. To fix it, create a New Layer (Layer > New > Layer), pick the Brush Tool (B), change the Hardness to 30%, and paint over it using the Eyedropper Tool (I) topick the colors. Result:

How to Create a Brain Text Effect in Adobe Photoshop

Step 13

Create a new Hue/Saturation adjustment layer and decrease the Saturation to -20.

How to Create a Brain Text Effect in Adobe Photoshop

Step 14

Our image is ready, and all you need to do is to create a pattern. Go to Edit > Define Pattern. Type Brain Pattern in the Name field.

How to Create a Brain Text Effect in Adobe Photoshop

2. How to Create the Text Smart Object

The main goal of this part is the creation of a Smart Object with a text layer inside. It will help you to make fast changes in the future.

Step 1

Set the Foreground Colorto #454545. After that, pickSwitch Foreground and Background Colors (X).

Create a new 4000 x 1420 px document with resolution of 300 pixels/inch. Set Background Content as Background Color.

How to Create a Brain Text Effect in Adobe Photoshop

Step 2

Pick the Type Tool (T) and select theRounds Black font. Set the Font Size around 250 pt and Font Color #ffa81f. Write “BRAIN” in capital letters.

How to Create a Brain Text Effect in Adobe Photoshop

Step 3

Select the Brain layer, press Control-A, pick the Move Tool, and press Align vertical center and Align horizontal center to move the layer to the center of the document.

How to Create a Brain Text Effect in Adobe Photoshop

Step 4

Go to Layer > Smart Objects > Convert to Smart Object to convert the text layer to aSmart Object(or right-click on the layer and chooseConvert to Smart Object).

How to Create a Brain Text Effect in Adobe Photoshop

Step 5

Double-click with your mouse on the layer icon to open theSmart Object.

Go to Edit > Transform Free Path (Control-T) and change some settings of the text layer:

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

How to Create a Brain Text Effect in Adobe Photoshop

Step 6

Create the stain effect of the text using the Pen Tool (P). As you can see, I have filled the background with gray color to differentiate better. This layer is temporary and will be deleted before closing. My result:

How to Create a Brain Text Effect in Adobe Photoshop

Now you need to save it. Go to File > Save (or press Control-S) to do it and File > Close to close this file. After that, you will get an updated Smart Object with a new word.

Step 7

Pick this Smart Object and duplicate it four times. As a result, there will be five copies of the Smart Object. I suggest renamingeach layer from the top to the bottom using the following names:

  • Volume
  • Pattern
  • Stroke
  • Shadow
  • Outer Stroke

How to Create a Brain Text Effect in Adobe Photoshop

It will help you to navigate the document during the following steps.

3. How to Create the Volume Layer Style

Step 1

Change the Fill of the layer to 0.Double-clickwith your mouse on theVolumelayer to apply the following layer styles. Add aBevel & Embossusing the following values:

  • Style:Inner Bevel
  • Technique:Smooth
  • Depth:103%
  • Direction:Up
  • Size:103 px
  • Soften:16 px
  • Uncheck theUse Global Light boxbefore setting anAngle:120°
  • Altitude:60°
  • Gloss Contour:Linear
  • Uncheck theAnti-aliased
  • Highlight Mode:Color Dodge
  • Highlight Color:#ffffff
  • Opacity:65%
  • Shadow Mode:Color Dodge
  • Shadow Color:#ffffff
  • Opacity:87%

How to Create a Brain Text Effect in Adobe Photoshop

Step 2

Add aContour:

  • Contour:Half Round
  • UncheckAnti-aliased
  • Range:73%

How to Create a Brain Text Effect in Adobe Photoshop

Step 3

Add anInner Shadowwith these settings:

  • Blend Mode:Difference
  • Color:#7adafa
  • Uncheck theUse Global Lightbox before setting anAngle: -60°
  • Distance:29 px
  • Choke:20%
  • Size:125 px
  • Contour:Linear
  • Uncheck theAnti-aliased
  • Noise:2%

How to Create a Brain Text Effect in Adobe Photoshop

Step 4

Now add anInner Glow:

  • Blend Mode:Overlay
  • Opacity: 72%
  • Noise: 0%
  • Color:#ffffff
  • Technique:Softer
  • Source:Edge
  • Choke:4%
  • Size: 33px
  • Uncheck theAnti-aliased
  • Range:55%
  • Jitter:0%

How to Create a Brain Text Effect in Adobe Photoshop

Step 5

Add aSatinstyleusing these settings:

  • Blend Mode:Multiply
  • Color:#000000
  • Opacity:36%
  • Angle: 0°
  • Distance:25 px
  • Size:66 px
  • Contour:Linear
  • Uncheck theAnti-aliasedandInvert

How to Create a Brain Text Effect in Adobe Photoshop

Step 6

Add anOuter Glow:

  • Blend Mode: Multiply
  • Opacity:57%
  • Noise:0%
  • Color:#000000
  • Technique:Softer
  • Spread: 0%
  • Size:25 px
  • Contour:Linear
  • UncheckAnti-aliased
  • Range:100%
  • Jitter:0%

How to Create a Brain Text Effect in Adobe Photoshop

Step 7

Don’t forget about aDrop Shadow:

  • Blending Mode: Multiply
  • Color:#000000
  • Opacity:41%
  • Uncheck theUse Global Light boxbefore setting anAngle:120°
  • Distance: 25 px
  • Spread: 0%
  • Size:25 px

How to Create a Brain Text Effect in Adobe Photoshop

As a result, you will have the following image:

How to Create a Brain Text Effect in Adobe Photoshop

4.How to Create the Pattern Layer Style

Step 1

Double-clickon the Patternlayer to apply theLayer Styles. Add aStroke:

  • Size:2 px
  • Position: Outside
  • Blend Mode:Normal
  • Opacity:100%
  • Fill Type:Color
  • Color:#a8262d

How to Create a Brain Text Effect in Adobe Photoshop

Step 2

Now add anInner Glow:

  • Blend Mode:Normal
  • Opacity:100%
  • Noise: 0%
  • Color:#f15d62
  • Technique:Softer
  • Source:Edge
  • Choke:100%
  • Size:10 px
  • Uncheck theAnti-aliased
  • Range:100%
  • Jitter:0%

How to Create a Brain Text Effect in Adobe Photoshop

Step 3

Also add aColor Overlaywith these settings:

  • Blend Mode:Soft Light
  • Color:#f59088
  • Opacity:100%

How to Create a Brain Text Effect in Adobe Photoshop

Step 4

Add aPattern Overlay:

  • Blend Mode:Normal
  • Opacity:80%
  • Click onPatternand select the pattern that we created earlier
  • Scale:240%

How to Create a Brain Text Effect in Adobe Photoshop

As a result, you will have the following image:

How to Create a Brain Text Effect in Adobe Photoshop

5.How to Create the Stroke Layer Style

This is a simple step. All you need to do is to add aStrokewith these settings:

  • Size:20 px
  • Position: Outside
  • Blend Mode:Normal
  • Opacity: 100%
  • Fill Type: Color
  • Color:#fb705c

How to Create a Brain Text Effect in Adobe Photoshop

As a result, you have the following image:

How to Create a Brain Text Effect in Adobe Photoshop

6.How to Create the Shadow Layer Style

Step 1

Double-clickonShadowlayer to apply the following layer styles. Add aBevel & Embossusing the following values:

  • Style:Outer Bevel
  • Technique:Smooth
  • Depth:1000%
  • Direction:Up
  • Size:21 px
  • Soften:0 px
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Altitude:30°
  • Gloss Contour:Linear
  • Uncheck theAnti-aliased
  • Highlight Mode:Normal
  • Highlight Color:#ffffff
  • Opacity:0%
  • Shadow Mode:Multiply
  • Shadow Color:#000000
  • Opacity:50%

How to Create a Brain Text Effect in Adobe Photoshop

Step 2

Add aStrokewith these settings:

  • Size:20 px
  • Position: Outside
  • Blend Mode:Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Gradient:from#c88206to#753104
  • Style:Linear
  • Angle: -90°
  • Scale:100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create a Brain Text Effect in Adobe Photoshop

Step 3

Add aDrop Shadow:

  • Blending Mode: Normal
  • Color:#000000
  • Opacity:75%
  • Uncheck theUse Global Light boxbefore setting anAngle:90°
  • Distance: 11 px
  • Spread:47%
  • Size:38 px

How to Create a Brain Text Effect in Adobe Photoshop

As a result, you will have the following image:

How to Create a Brain Text Effect in Adobe Photoshop

7.How to Create the Outer Stroke Layer Style

Add aStrokewith these settings:

  • Size:30 px
  • Position:Outside
  • Blend Mode:Normal
  • Opacity:100%
  • Fill Type:Gradient
  • Gradient:from#bc1526to#c72435
  • Style:Linear
  • Angle:90°
  • Scale:100%
  • UncheckReverseandDither
  • CheckAlign with Layer

How to Create a Brain Text Effect in Adobe Photoshop

As a result, you will have the following image:

How to Create a Brain Text Effect in Adobe Photoshop

Congratulations, You’re Done!

The brain text effect is ready. Here is the final image. I hope you enjoyed the tutorial.

How to Create a Brain Text Effect in Adobe Photoshop

Don’t forget to share your result with us.

By the way, if you want to change the text,double-clickon theSmart Objecticon,andPhotoshop will open a new PSB file. Change the text, go toFile > Saveto save changes andFile > Closeto close this file.After that, you will get an updated file with a new word.

You can purchase this effect as a part of my Halloween Text Effectson GraphicRiver.

How to Create a Brain Text Effect in Adobe Photoshop