Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Go Unlimited Maybe Later
How to Create a Glitch Effect in Photoshop
  • By Design Bundles
  • 13 Mar 2019
  • 8 Mins
  • Intermediate
  • Photoshop Tutorials

How to Create a Glitch Effect in Photoshop

In this Photoshop tutorial, discover how to create a glitch effect using multiple different filters.

In this tutorial, you will learn how to create a cool glitch effect in Photoshop. You can do this in many different ways, but we’ll use the Shear, Wind, Wave, and Halftone filters in Photoshop to achieve the glitch effect.

How to Create a Glitch Effect in Photoshop

A photo like the one we’ll be using of a clock tower from this pack of Greek travel photos is perfect for this. When picking an image, you want an image that doesn’t have too busy of a background.

Now, let’s first open our image in Photoshop.

Step 1 - Duplicate and Rename Layers

Duplicate Image Layer Twice

Right-click on Background layer and select Duplicate Layer. Make two copies of your image.

Right-click on Background layer and select Duplicate Layer in Photoshop

Rename the Layers

For organization, we will rename the layers. Double-click on the current layer names to rename them. Change the top layer to RGB and the second layer to Glitch.

Rename top layer to RGB and second layer to Glitch in Photoshop

Step 2 - Apply Filters to RGB Layer’s Channels

Apply a Shear Filter to the Red Channel

Select RGB layer and go to the Channels panel. If the panel is not already open, you can click on Windows > Channels.

Hide all the channels besides the Red channel. You can do this by clicking on the Red channel in the Channels panel or by clicking on the eye icons of the channels you want to hide. The only channel that should still have an eye icon showing is the Red channel.

Click Red channel to select only the Red channel in Channels panel.

With the Red channel selected, go to Filter > Distort > Shear.

Click on Filter, Distort, then Shear in Photoshop

Very slightly click + drag the center of the line to the right. Click the Repeat Edge Pixels radio button and click OK.

Slightly move center of line to right and select Repeat Edge Pixels

Show all the channels by clicking on the RGB channel or the empty eye icon slots, and check how the image currently looks.

Click RGB channel to view all channels and check how the image looks currently

Apply a Wind Filter to the Red Channel

Again, select only the Red channel and go to Filter > Stylize > Wind. Pick Stagger for the Method and From the Right for the Direction in the Wind dialog, then click OK.

Select Stagger and From the Right in the Wind dialog

Show all the channels again to see how the image currently looks.

Click RGB channel to show all the channels again in Photoshop

Apply a Wind Filter to the Green Channel

Now select the Green channel and apply a Wind filter, as we did above for the Red channel, but this time, select From the Left for the Direction.

Select only the Green channel and apply a Wind filter with From the Left for the Direction

You can check the image again as we did before. Notice that a little bit of green is visible in the image now.

Image shows the results of the Wind filter applied on the Green channel

Step 3 - Change Blending Mode of RGB Layer

In the Layers panel, change RGB layer's Blending Mode to Lighter Color.

Change RGB layer's Blending Mode to Lighter Color in the Layer's panel

Step 4 - Convert Glitch Layer to a Smart Object

Right-click on Glitch layer and select Convert to Smart Object.

Right-click on Glitch layer and select Convert to Smart Object

Step 5 - Apply Filters to Glitch Layer

Apply a Wave Filter

Select Glitch layer and click on Filter > Distort > Wave.

Select Glitch layer and click on Filter, Distort, then Wave

You can use the same settings as ours in the Wave dialog or pick your own. We went with the following settings:

  • Number of Generators: 2
  • Wavelength Min: 1
  • Wavelength Max: 999
  • Amplitude Min: 1
  • Amplitude Max: 152
  • Scale Horizontal: 25%
  • Scale Vertical: 1%
  • Type: Square
  • Undefined Areas: Repeat Edge Pixels

Then click on Randomize to apply random values to the filter based on the settings you picked. You can continue clicking Randomize until you’re happy with what you see in the preview, then click OK.

Image shows the settings for the Wave filter in Photoshop

If you don’t like the results of the Wave filter, you can always double-click on the Smart Wave filter under Glitch layer to open the Wave dialog and apply a different set of random values.

Image shows the results of the applied Wave filter

Apply a Halftone Pattern Filter

Reset the Foreground and Background colors by clicking the small Default Colors icon in the left toolbar. Then go to Filter > Filter Gallery.

Reset Foreground and Background colors and click on Filter and then Filter Gallery

Select Halftone Pattern found in the Sketch folder, and use the following options:

  • Size: 2
  • Contrast: 5
  • Pattern Type: Line

You can pick different values for Size and Contrast, if you’d like, depending on your image, then click OK.

Note: depending on your image, you may have to change the Blending Mode of your RGB layer after applying the Halftone Pattern filter.

Select Halftone Pattern and its filter settings

Your glitch effect is complete!

Image shows the finished glitch effect in Photoshop

You have finished learning how to create a glitch effect in Photoshop. If you had fun using filters in this tutorial, you should try creating an oil paint effect in Photoshop. You may also enjoy learning how to change an image from day to night in Photoshop.


6 Related Photoshop Tutorials

For this Tutorial, we are going to use a couple of images of (animals or people) to apply the effect to and a “Glitch” image to enhance it.1 - In Photoshop, open the file you chose as “Background”. Make it 2000 x 2000 Pixels @ 300 dpi and use “Black” as “Background Contents”.2 - ...

1- Open Photoshop.2- Open a black and white image.3- Duplicate the background (Ctrl J)4- Rename the duplicate layer to red.5- Uncheck the background layer.6-With the red layer selected select the FX icon and then click on Blending options.7- In the new window uncheck then ...

In this tutorial, we will learn how to add realistic smoke to an image in Photoshop. The smoke effect will be created by applying a smoke brush to a path. The path is then manipulated to make it more realistic. Adding a smoke effect is useful for projects where you ...

Did you know that you can use filters and layer styles to make a holographic text effect in Photoshop? In this tutorial, we'll be showing you how to create a holographic text effect from scratch. With the finished design, you can use it on social media posts, posters, sublimation designs, ...

Today, we will create a cracked skin effect in Photoshop. It looks really cool, and it’s fairly easy to achieve by just overlapping some textures on the skin and blending them onto your subject using Photoshop tools. You can apply this effect to your friend’s photos and turn ...

For this tutorial we need an image to apply the effect to.1 - In Photoshop, open the image you chose to work with.2 - To adjust the image a bit, go to Image > Auto Contrast.3 - “Duplicate” your layer (Command/Control + J), right-click on top of its Thumbnail and ...

photoshop photo effects photoshop filters

You may also like

Help Center
ol image