[Ρhoenix]

What will I learn from this tutorial?

In this tutorial you will be learning how to create a glitch effect in Adobe Photoshop.

---

Preview

Spoiler (Click to View)

Resources

Spoiler (Click to View)Glitch Effect Stock

---

Tutorial

1 - Pick a finished design that you want to perform this effect on, keep in mind this usually looks better on normal to bigger sized images.

2 - Once you've found your desired image open it up in Adobe Photoshop.

3 - Make sure you unlock the layer by double clicking the lock icon.
Spoiler (Click to View)

4 - Once you've unlocked the layer duplicate it by pressing CTRL+J.
Spoiler (Click to View)

5 - If you haven't already, go above and download the glitch effect stock I provided in the resources tab of this thread.

6 - Once it's downloaded open it up in Adobe Photoshop.
Spoiler (Click to View)

7 - Now you can either drag and drop or copy the layer into the project with your final image.
Spoiler (Click to View)

8 - Make sure that this layer covers the final image, feel free to resize or rotate the image to any size as it will not lose it's quality.

9 - Now that you have the layer set up double click the layer we duplicated earlier.

10 - You will see the blending options, now look for the channels.
Spoiler (Click to View)

11 - Untick any one of these boxes, each one will provide a different colored effect. I typically untick the R box as it provides the red and blue effect.
Spoiler (Click to View)

12 - Once that's done click "Ok" and now click on the eye next to the glitch effect stock to make it invisible.
Now hold CTRL and click on the thumbnail of the glitch effect in the layers section. It should outline the layer.

Spoiler (Click to View)

13 - Now make sure you have the duplicated layer selected and select the rectangular marquee tool.
Spoiler (Click to View)

14 - Right click anywhere in the workspace and click layer via cut.

15 - A new layer will be created, make sure you select it and now select the selection tool.
Spoiler (Click to View)

16 - Move the new layer slightly by using the arrow keys on your keyboard right or left, slight movement will make the effect look better as anything too drastic will make it look unrealistic.

Spoiler (Click to View)

17 - Now we are done, feel free to modify the affect to your liking by trying to use different type of filters on it such as a radial blur.
Save the project by clicking file at the top left corner of Adobe Photoshop and select "save for web" and now you're done.

[PiraX]

Nice tutorial. I'll probably use that glitch effect sometime in the future.

[Quinn. TEMP]

Great tutorial, I shall be using it. Bookmarked.

[Tʀᴀᴜᴍᴀ]

Posting to remind myself, dope tutorial!

[Rafis]

Sexy tutorial bro, will definitely be using this effect soon.

[Ordium]

Thanks for this! Is it the same concept for animations?

[Fiber]

Nice tutorial man, extremely helpful!

[Music Helps]

DAMN SON, Looks like a good tutorial. Easy to follow, I'll be using this effect in some works soon. Appreciate it.

[Mcbride]

good tutorial, i'll be sure to add this into some of my work

[Band1to]

Very nice tutorial i am doing it atm will post my results when i am done

[G9Slim]

This is a very simple, but powerful effect to use, and a lot of big name gfx designers in the gaming community use this!

[gacel]

Very helpful and good tutorial, creating more tuts plz

[Herbert]

Amazing job!

HQ tutorial.

[KingHarold]

Thanks for that glitch effect 😉

[Asuncion]

Thanks, I got a great idea for this!!