How to create Glitch text effects in Photoshop

11/03/2024 217

Photoshop is a very popular image editing tool of the Adobe brand. In addition to basic color adjustments, you can completely combine Photoshop tools to create extremely magical and strange designs. In today's article, Sadesign will show you how to create Glitch text effects in Photoshop, let's find out below!

How to create Glitch text effects in Photoshop

Photoshop is a very popular image editing tool of the Adobe brand. In addition to basic color adjustments, you can completely combine Photoshop tools to create extremely magical and strange designs. In today's article, Sadesign will show you how to create Glitch text effects in Photoshop, let's find out below! 

Glitch is a digital noise effect. When using this effect, your text will appear with horizontal or vertical lines.

Glitch text effects in Photoshop

This interference is inspired by noisy TV screens and flickering audio. Glitch effect will make your design magical, attractive, and mysterious. 

To be able to create a Glitch text effect in Photoshop, we need to combine many tools together. You can follow these basic steps: 

Step 1: Start by launching Photoshop software and creating a new document. This effect needs to be quite large to get all the details, so make the document large. Here I create a new document with dimensions of 2800 x 1400 px.

I create a new document with dimensions of 2800 x 1400 px.

Step 2: Use the Horizontal Type Tools to enter the word Glitch. A simple sans-serif typeface works well for this effect. Here I am using the Montserrat font with a font size of 480px and a spacing between letters of 140.

Use the Horizontal Type Tools

Step 3: Right click on the text layer and select Convert to Smart Object.

select Convert to Smart Object.

Step 4: On the menu bar, select Filter => Distort => Wave then set the following parameters:

  • Type: Square

  • Number of Generators: 2

  • Wavelength Min: 178 Max: 756

  • Amplitude Min: 1 Max: 52

  • Scale Horiz: 20% Vert: 1%

Wave then set the following parameters:

This is the first stage of the Glitch text effect in Photoshop. Feel free to tweak the effect a bit, but don't make any drastic changes.

Feel free to tweak the effect a bit

Step 5: Press Ctrl+J to duplicate the Smart Object layer, then expand the menu drop down fx.

Press Ctrl+J to duplicate the Smart Object layer

Step 6: On the toolbar, select Filter => Distort => Wave... then set the following parameters:

  • Type: Square

  • Number of Generators: 2

  • Wavelength Min: 97 Max: 372

  • Amplitude Min: 1 Max: 283

  • Scale Horiz: 10% Vert: 1%

Wave... then set the following parameters:

When combined with the basic effect, the text will start to look very random and messy.

When combined with the basic effect

Step 7: Press Ctrl+J to duplicate the Smart Object layer

Press Ctrl+J

Step 8: On the toolbar, select Filter => Distort => Wave... then set the following parameters:

  • Type: Square

  • Number of Generators: 3

  • Wavelength Min: 1 Max: 33

  • Amplitude Min: 4 Max: 33

  • Scale Horiz: 60% Vert: 1%

Wave... then set the following parameters:

These are the blurred distortion lines that help perfect the Glitch text effect in Photoshop. Experiment with the Horizontal Scale setting to get the right amount of blur.

the Horizontal Scale setting

Step 9: When you are satisfied with the effect, select all 3 Smart Object layers and group them. Name the group “Glitch”. Fill the background with color #242424.

Step 10: Double click on the group (or Smart Object) to add a Layer Style to this layer. Select Color Overlay and set it to white.

Double click on the group (or Smart Object)

At this point we will get the result as shown in the image below.

At this point we will get the result as shown in the image below.

Step 11: Press Ctrl+J 3 times to duplicate the Glitch group (or Smart Object) so you have a total of 4 groups. In the bottom 3 groups, label Red, Green and Blue then set the Opacity of all 3 labeled groups to 25%.

Press Ctrl+J 3 times

Step 12: Double click on the Red group and change the Color Overlay to #ff2700.

Double click on the Red group and change the Color Overlay

Step 13: Double click on the Green group and change the Color Overlay to #00fa00.

Double click on the Green group and change the Color Overlay

Step 14: Double click on the Blue group and change the Color Overlay to #1833ff.

Double click on the Blue group and change the Color Overlay

Step 15: Use the arrow keys to randomly move the Red, Green and Blue groups (move them about 10-20 pixels in each group) to get red and blue hues in the text borders.

Use the arrow keys to randomly move the Red, Green and Blue groups

Step 16: (Optional) To complete the Glitch text effect in Photoshop, I will now add a cool Glitch effect background. Here I used an astronaut background image.

add a cool Glitch effect background

Step 17: Finally, copy and paste your glitch background image behind the Glitch text effect in Photoshop. Now we will have the following result:

copy and paste your glitch background image behind the Glitch text effect in Photoshop

Above is a summary of how to perform the Glitch text effect in Photoshop. You can customize parameters to get unique effects. Try this effect to make your design more unique.

 
Hotline

Buy Now

Confirm Reset Key/Change Device

Are you sure you want to Reset Key/Change Device on this Key?

The computer that has this Key activated will be removed and you can use this Key to activate it on any computer.