Glitch Text Effect in Adobe Illustrator

Glitch Text Effect in Adobe Illustrator
 
In today’s Adobe Illustrator tutorial you will learn to create Glitch Text Effect with the help of few tools and pre-set effects.
Open Adobe Illustrator and create a new document. Now follow the below steps to create Glitch Text Effect:
Step 1
Select the Rectangle Tool from the Tool Panel and create a background. Press Ctrl + 2 to lock the background.
Now select the Type Tool and type the text.
Glitch Text Effect in Adobe Illustrator
Step 2
Select the text and press Shift + Ctrl + O to make it an editable text.
Glitch Text Effect in Adobe Illustrator
Step 3
Again select the Rectangle Tool and draw thin rectangles over the text as shown in the below image.
Glitch Text Effect in Adobe Illustrator
Step 4
Press Ctrl + A to select all the layers and then go to the Pathfinder Panel. In the Pathfinder Panel, click on Divide and then press Shift + Ctrl + G to Ungroup.
Glitch Text Effect in Adobe Illustrator
Step 5
Now remove all the unwanted layers from the Layer Panel and at last, you will get the following result-
Glitch Text Effect in Adobe Illustrator
Step 6
 
Now select the parts of the thin rectangle which are on the text and slightly shift them towards the left. (See the below image)
Glitch Text Effect in Adobe Illustrator
Now move the remaining rectangles.
Glitch Text Effect in Adobe Illustrator
Select all the shapes and group them by pressing Ctrl + G.
Step 7
Select the group and then press Ctrl + C to copy the group. Now press Ctrl + B to paste in back.
Go to the Layer Panel and hide the upper layer of the group. Then fill the lower layer with the color #00aeef.
Glitch Text Effect in Adobe Illustrator
Now we will apply the Outer Glow Effect to this layer. Click on Effect in the Menu Bar and then place the cursor on Stylize and select Outer Glow.
Glitch Text Effect in Adobe Illustrator
In the Outer Glow dialogue box, set the Mode as Screen and select the color of glow same as the fill color.
Glitch Text Effect in Adobe Illustrator
Check the Preview and click OK.
Step 8
Select this lower layer of the group and again create a duplicate copy at the back. After creating a duplicate copy at the back, hide the middle layer.
Glitch Text Effect in Adobe Illustrator
Fill this layer with the color #be1e2d. The same color will be used in the Outer Glow Effect.
Go in the Appearance Panel and select the Outer Glow layer. The dialogue box will appear on the artboard. In that dialogue box make the required changes and then click OK.
Glitch Text Effect in Adobe Illustrator
.
Glitch Text Effect in Adobe Illustrator
Step 9
Now unhide all the layers and then select the middle layer. Move the text towards the left and then select the lower layer and move the text towards the right.
Glitch Text Effect in Adobe Illustrator
This is how you can create the Glitch Text Effect in Adobe Illustrator.
 
Glitch Text Effect in Adobe Illustrator
 
 
Share your views and suggestions in the comment section and share this tutorial with others.

Leave a Reply

%d bloggers like this: