Glitch Text Effect- Photoshop Tutorial

Glitch Text Effect in Photoshop

In this Photoshop Tutorial, you will learn to create an easy Glitch Text Effect. You will also learn the use of Photoshop’s filters, Layer Styles, and Selection Tool. Glitch means an unexpected minor imperfection or malfunction. In today’s tutorial, we will create a sudden minor imperfection effect in typography.

Glitch Text Effect in Photoshop is an easy and attractive effect. You can follow this free online step-by-step Photoshop tutorial to create the Glitch Text Effect.

Step 1
Text Over Image Effect in Photoshop x

Launch Adobe Photoshop and create a new document with Black as Background Content.

Create New document
Create New Document
Step 2

Select the Type Tool from the Tool Panel and type the text. With the help of the Move Tool, place the text at the center of the artboard.

Type the text
Place the text at the center with the help of the Move Tool
Step 3

Select the Text Layer in the Layers Panel and right-click to open the options menu. Then select Convert To Smart Object. The text will get converted into a Smart Object.

Convert the Text into Smart Object
Convert the Text into Smart Object
Step 4

Now create a duplicate layer of the Smart Object Layer. Make sure that the layer is selected and click on Layer in the Menu Bar. Then select Duplicate Layer from the options list. A Duplicate Layer dialogue box will appear where you can give a name to the layer.

Select Duplicate Layer from the Menu
Create Duplicate Layer
Glitch Text Effect
Step 5

Double-click on the second layer (GLITCH layer) in the Layers Panel to open the Layer Style. In the Advanced Blending, uncheck R (Red color) to remove the red color from the layer.

Apply Layer Style

Now, double-click on the top layer (GLITCH copy layer), and the Layer Style dialogue box will appear. Under Advanced Blending, uncheck G (Green) and B (Blue), and only Red color will be visible in the Preview box.

Apply Layer Style
Step 6

Let the top layer be selected and then select the Move Tool from the Tool Panel. Now move the text slightly towards left to create a Glitch Text.

Glitch Text Effect

Press Alt + Ctrl + Shift + E to merge the layers.

Merge Layers
Step 7

Now we will apply filters to the Glitch Text. Press Ctrl + J to create a copy of the merge layer (Layer 1).

Create a copy of merged layer

We will apply Wave Filter to the copied layer (Layer 1 copy).

Filter > Distort > Wave

Select Wave Filter
Apply Wave Filter
Glitch Text Effect
Step 8

Again press Ctrl + J to copy the top layer (Layer 1 copy) in the Layers Panel.

Create a copy of the layer

Select the Rectangular Marquee Tool from the Tool Panel and make a thin rectangular selection of the text. (See the images below)

Select Rectangular Marquee Tool
Make a Selection

After making the selection, press Ctrl + T to activate Free Transform. Then transform the selection by dragging it slightly towards left.

Transform the layer to create Glitch effect

Again, make a selection with the help of the Rectangular Marquee Tool. Then transform the selection by dragging it towards right.

Glitch Text Effect

Similarly, create few more selections and transform them by moving in alternate directions. This will help in creating a Glitch Text Effect in Photoshop.

Glitch Text Effect
Step 9

Again create a copy of the top layer by pressing Ctrl + J.

Create a copy of the top layer

Now we will apply Mezzotint filter to the layer.

Filter > Pixelate > Mezzotint

Select Mezzotint Filter
Apply Mezzotint Filter

After applying the Mezzotint filter, you will notice the stroke lines on the whole document. So, to make the stroke lines visible only on the text, we will change the blending mode to Darken.

Select Darken Blending Mode.
Glitch Text Effect
Step 10

In this step, we will apply a Pattern to make the Glitch Text Effect.

Click on the fx icon at the bottom of the Layers Panel and select Pattern Overlay.

Select Pattern Overlay

Select Horizontal Line 1 Pattern and set the Blending Mode as Darken. Also reduce the Scale of Pattern to 65%.

Select Horizontal Line Pattern
Reduce the size of the pattern
Glitch Text Effect in Photoshop
Step 11

In this last step, we will apply Gaussian Blur and Stain Layer Style to our Glitch Text Effect in Photoshop.

Filter > Blur > Gaussian Blur

Select Gaussian Blur
Apply Gaussian Blur

Now click on fx icon in the Layers Panel and select Stain.

Select Satin Layer Style
Apply Satin Layer Style

You can also add a Glitch Background Image to your Glitch Text Effect.

Glitch Text Effect

So this is how you can create Glitch Text Effect in Photoshop. Practice this tutorial and share your views in the comment section. Also, share this Photoshop tutorial with others.

Leave a Reply

Price Based Country test mode enabled for testing United States (US). You should do tests on private browsing mode. Browse in private with Firefox, Chrome and Safari

%d bloggers like this: