Hello, guys today we are going to show you “How to Create a Text Glitch Effect in Photoshop”. In this tutorial, you will learn how to apply the glitch effect to your text. Don’t worry if you are new this is a step by step tutorial also have a screenshot of each step so you can know about each step that how did it do.
Text effects are a great way to practice and check your Photoshop skills. In this tutorial, learn how to design a text glitch effect using Marquee Tools, the Gaussian Blur, and more!
Resources
Fonts used:
- Calibri Bold
Step 01
- Open the Photoshop software.
- Go to the “File” menu and click on the “New” option.
- Select the size according to your requirement.
- Now go to “Tool Bar” and select “Rectangular Marquee Tool”.
- Select “Black” color.
- Make a rectangle around the canvas and press “Alt+Backspace” keys to fill the background with black color.
- Open new “Layer” and again fill it with any color.
![1.0](https://designoptimal.com/wp-content/uploads/2019/05/1.0-1-1024x545.jpg)
![1.1](https://designoptimal.com/wp-content/uploads/2019/05/1.1-6.jpg)
![1.2](https://designoptimal.com/wp-content/uploads/2019/05/1.2-6-1024x546.jpg)
![1.3](https://designoptimal.com/wp-content/uploads/2019/05/1.3-6-1024x545.jpg)
![1.4](https://designoptimal.com/wp-content/uploads/2019/05/1.4-5-1024x545.jpg)
![1.5](https://designoptimal.com/wp-content/uploads/2019/05/1.5-4-1024x546.jpg)
Step 02
- Select “Rectangular Marquee Tool” from the “Tool Bar”.
- Make a thin rectangular selection (as shown in screenshot 2.2).
- Now add “Layer Mask” to the same layer.
- Duplicate the mask layer and unlink the mask from the layer.
- Select the “Mask” and use upper “Arrows” key to make the background as ripples shape.
- Again duplicate the mask layer unlink the mask from the layer then select the mask and again use the arrow key to create ripple shape.
- Follow the same steps until the whole background looks like a ripple shape background.
![2.1](https://designoptimal.com/wp-content/uploads/2019/05/2.1-6-1024x546.jpg)
![2.2](https://designoptimal.com/wp-content/uploads/2019/05/2.2-6-1024x545.jpg)
![2.3](https://designoptimal.com/wp-content/uploads/2019/05/2.3-6-1024x546.jpg)
![2.4](https://designoptimal.com/wp-content/uploads/2019/05/2.4-5-1024x545.jpg)
![2.5](https://designoptimal.com/wp-content/uploads/2019/05/2.5-5-1024x545.jpg)
![2.6](https://designoptimal.com/wp-content/uploads/2019/05/2.6-4-1024x546.jpg)
![2.7](https://designoptimal.com/wp-content/uploads/2019/05/2.7-4-1024x546.jpg)
Step 03
- Go to “Tool Bar” and select the “Ellipse Tool”.
- Make a circle at the center of the ripple background.
- Now we have to do the same process as we did for the background.
- Select “Rectangular Marquee Tool” from the “Tool Bar”.
- Make a selection with the help of the “Rectangular Marquee Tool”.
- Add “Layer Mask” then unlink the mask from the layer and again make same ripple shape as we did before for background.
- Check the screenshot that you will understand very well.
![3.1](https://designoptimal.com/wp-content/uploads/2019/05/3.1-6-1024x545.jpg)
![3.2](https://designoptimal.com/wp-content/uploads/2019/05/3.2-6-1024x546.jpg)
![3.3](https://designoptimal.com/wp-content/uploads/2019/05/3.3-6-1024x545.jpg)
![3.4](https://designoptimal.com/wp-content/uploads/2019/05/3.4-6-1024x546.jpg)
![3.5](https://designoptimal.com/wp-content/uploads/2019/05/3.5-5-1024x544.jpg)
![3.6](https://designoptimal.com/wp-content/uploads/2019/05/3.6-3-1024x546.jpg)
![3.7](https://designoptimal.com/wp-content/uploads/2019/05/3.7-1024x546.jpg)
![3.8](https://designoptimal.com/wp-content/uploads/2019/05/3.8-1024x545.jpg)
Step 04
- Now we have to make “Glitchy Effect” to the circle.
- Select the circle each layer one by one and uses your arrows key to move right or left.
- Do the same process for the whole circle that it will look like “Glitchy”.
- Group the whole layer of the circle.
- Now duplicate the circle group by pressing the “Ctrl+J” keys. Keep the duplicate layer below the original group layer.
- Double click on circle group “Layer Style” window will be opened.
- Tick “Overlay” option and select the color as you want to use then click on “ok”.
- Use arrow keys to move the color right or left it’s up to you guys.
- Now make three duplicate groups of the one which we duplicate earlier.
- Select all the three groups by pressing the “Ctrl” key and click on each layer.
- Right click on any selected layer and click on “Merge Group ” option.
- Now go to “Filter” menu.
- Go to the “Blur” option and select the “Gaussian Blur”.
- Gaussian blur window will be opened, Adjust the blur effect according to your point of view.
- Now apply the same steps for light color as shown in the screenshots.
![4.1](https://designoptimal.com/wp-content/uploads/2019/05/4.1-6-1024x545.jpg)
![4.2](https://designoptimal.com/wp-content/uploads/2019/05/4.2-6-1024x546.jpg)
![4.3](https://designoptimal.com/wp-content/uploads/2019/05/4.3-6-1024x546.jpg)
![4.4](https://designoptimal.com/wp-content/uploads/2019/05/4.4-5-1024x545.jpg)
![4.5](https://designoptimal.com/wp-content/uploads/2019/05/4.5-4-1024x545.jpg)
![4.6](https://designoptimal.com/wp-content/uploads/2019/05/4.6-1-1024x546.jpg)
![4.7](https://designoptimal.com/wp-content/uploads/2019/05/4.7-1-1024x545.jpg)
![4.8](https://designoptimal.com/wp-content/uploads/2019/05/4.8-1024x546.jpg)
![4.9](https://designoptimal.com/wp-content/uploads/2019/05/4.9-1024x546.jpg)
Step 05
- Go to the “Tool Bar” and select the “Horizontal Tool”.
- Write whatever you want, Here I wrote “DesignOptimal”.
- First I write “Design”.
- Now select the “Rectangular Marquee Tool” and follow the same steps as we did for ripple background and for ripple circle.
- So to do so the “Design” text will be also changed to ripple text.
- Now group the “Design” text layers and duplicate it.
- Double click on duplicate layer a window will be opened, Tick the “Overlay” option then click on “Ok”.
- Now use the arrow keys to adjust the red color.
- Do the same for “Optimal” text follow each step for this which we did for “Design” text.
- And finally here is your “Glitchy Effected Text”.
![5.1](https://designoptimal.com/wp-content/uploads/2019/05/5.1-5-1024x545.jpg)
![5.2](https://designoptimal.com/wp-content/uploads/2019/05/5.2-5-1024x545.jpg)
![5.3](https://designoptimal.com/wp-content/uploads/2019/05/5.3-5-1024x545.jpg)
![5.4](https://designoptimal.com/wp-content/uploads/2019/05/5.4-4-1024x545.jpg)
![5.5](https://designoptimal.com/wp-content/uploads/2019/05/5.5-4-1024x546.jpg)
This is how the final result looks like
![Final Outcome](https://designoptimal.com/wp-content/uploads/2019/05/Final-Outcome-2-1024x576.jpg)