Monday, November 18, 2019

How to Create VHS Glitch Art in Adobe Photoshop

How to Create VHS Glitch Art in Adobe Photoshop
Final product image
What You'll Be Creating

Learn how to create a glitch effect in Photoshop in this tutorial. 

Do you like that grunge, glitched look on old VHS tapes? There are different ways to add such effects to your images and even create an animation from a static photo using an Animated VHS Creation Kit.

This tutorial will show you how to convert your image to a VHS frame in simple steps using only standard Photoshop tools.

Looking for more glitches? Why not check out our favourite retro glitch Photoshop actions from Envato Elements and Envato Market:

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

1. Prepare the Document

Step 1

Use Control-N to create a new document and use the following settings: 1500 x 1000 px; 300 dpi.

Creation of document VHS effect Photoshop

Step 2

Go to File > Place and put your image inside the document.

Adding your image

Step 3

Resize your image to the borders of the document and click Enter.

Resizing of image

Step 4

Click T and create a new text layer in the top right corner.

Creation of text layer

Step 5

Click U and select Polygon Tool, and create a triangle shape. Then place it as shown in the image below:

Creation of play icon

Step 6

Select your layers by holding Shift and then Right Click > Merge Layers.

Merging all layer to one

Step 7

Now Right Click on the layer and then Convert to Smart Object.

Creation of Smart Object

Step 8

Create four duplicates of your smart object using Right Click > Duplicate.

Creation of duplicates of layers

2. Create the Effects

Step 1

Make all layers except the first two invisible, and then Double Click on the second layer and Uncheck the Green and Blue channels.

Step 2

Click V and Move your second layer, holding Shift, 30 px to the right.

Creation of first color shift effect

Step 3

Make the third layer visible and Uncheck the Red and Green channels the same way as listed above. Then move it, holding Shift20 px to the left.

Creation of second color shift effect

Step 4

Make the fourth layer visible, and go to Layer > New Adjustments Layer > Hue/Saturation.

Creation of color distortion effect

Step 5

Double Click on the adjustments layer and change the Saturation setting to +100.

Creation of color distortion effect

As you can see, the saturation effect is applied on the entire image, but we need to crop it to only a few areas.


Step 6

Right Click on the “Hue/Saturation” layer and select Clipping Mask, so this effect will be applied only on the necessary layer.

Applying color distortion to only one layer

Step 7

Now Add Mask to the fourth layer.

Applying color distortion to only one layer

Step 8

Alt-Left Click to open the mask layer. Fill it with black.

Applying color distortion to only one layer

Step 9

Click M and select the areas on the mask where you want to reveal the effect, and Fill it with white.

Creation of mask for color distortion effect

Now the saturation effect is applied only on a few areas:

Step 10

Add a Mask to the fifth layer and Fill it with black. Then create a big white area a little above the center.

Creation of mask for mirror effect

Step 11

Move this layer 600 px down, while holding Shift.

Creation of mirror effect

Step 12

Go to Filter > Blur > Motion Blur and use the following settings: Angle: 15°; Distance: 15.

Creation of mirror effect

Step 13

Let's add some more distortion to the image. Go to Filter > Distortion > Twirl and use the following settings: Angle: 50°.

Creation of mirror effect

Step 14

Right Click on the Hue/Saturation layer and select Duplicate. Then put it above the fifth layer and Create A Clipping Mask.

Creation of mirror effect

This is how our image will look after all the manipulations listed above:

3. Create the VHS Textures

Step 1

Create a new layer using Shift-Control-N, and Fill it with white.

Creation of First TV texture

Step 2

Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: Size: 2; Contrast: 2.

Creation of First TV texture

Step 3

Double Сlick on the layer and set the following settings: Blending Mode: Overlay; Opacity: 25%Uncheck the Red and Blue channels.

Creation of First TV texture

Step 4

Duplicate the texture layer and then use Control-T while holding Shift to rotate it 90° and resize to the borders.

Creation of second TV texture

Step 5

Double Click on the layer and set the following settings: Blending Mode: Normal; Opacity: 15%Uncheck the Green and Blue color channels.

Creation of second TV texture

Step 6

Click U and select Rectangle Tool. Then create a shape with the following settings: Width: 1800 px; Height: 120.

Creation of noise stripe

Step 7

Right Click on the rectangle layer and select Rasterize Layer.

Creation of noise stripe

Step 8

Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.

Creation of noise stripe

Step 9

Go to Filter > Blur > Motion Blur and use the following settings: Angle: 0°; Distance: 20 px.

Creation of noise stripe

Step 10

Go to Image > Adjustments > Brightness/Contrast and use the following settings: Brightness: 150; Contrast: 100.

Creation of noise stripe

Step 11

Use Control-I on the rectangle layer to invert the colors of the noise texture, and then change the Blending Mode to Color Dodge.

Creation of noise stripe

Step 12

Duplicate your noise stripe layer a few times and move it, holding Shift, to different places. 

Adding more noise stripes

Step 13

Create a new layer using Shift-Control-N, and Fill it with black.

Creation of confetti texture

Step 14

Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.

Creation of confetti texture

Step 15

Now add the Patchwork effect using Filter > Filter Gallery > Patchwork and use the following settings: Square Size: 0; Relief: 0.

Creation of confetti texture

Step 16

Go to Image > Adjustments, select Threshold, and set it to 240.

Creation of confetti texture

Step 17

Double Click on the layer and use the following settings: Blending Mode: Screen; Opacity: 100%Uncheck the Red and Blue channels.

Creation of confetti texture

Step 18

Now you will need to Duplicate the layer, Check the Red and Blue channels, and Uncheck the Green channel.

Creation of confetti texture

Step 19

Move this new layer, holding Shift60 px to the right.

Creation of confetti texture

Step 20

Create a new layer using Shift-Control-N and Fill it with black. Change the Fill option to 0%.

Step 21

Double Click on the layer and select the Stroke parameter. Use the following settings: Size: 25 px; Position: Inside; Color: Black.

Creation of tv frame

Step 22

Now you need to rasterize the layer style: Right Click > Rasterize Layer Style.

Creation of tv frame

Step 23

Go to Filter > Blur > Gaussian Blur and use the following settings: Radius: 4px.

Creation of tv frame

Step 24

Resize your frame to fill the canvas using Control-T and holding Shift.

Creation of tv frame

4. Color Corrections

Step 1

Now you will need to create color correction layers to make our image look more "VHS". Go to Layer > New Adjustment Layer > Curves.

Creation of curves for VHS color correction

Step 2

 Duplicate your curves layer and put it above the first layer.

Creation of curves for VHS color correction

Step 3

Double click on the first curves layer icon and use the following settings:

Creation of curves for VHS color correction

Step 4

Now Double Click on the curves layer and change the Opacity of the curves to 35%.

Creation of curves for VHS color correction

Step 5 

Double click on the second curves layer and select the standard Photoshop preset “Strong Contrast”.

Creation of curves for VHS color correction

Awesome Work, You're Now Done!

In this simple way, we can create VHS-style glitch artworks from any photo using only standard Photoshop tools.

Final product image VHS effect Photoshop

You can also check the animation created with the Animated VHS Creation Kit from the same picture.



Looking for more glitches? Why not check out our favourite retro glitch Photoshop actions from Envato Elements and Envato Market:

Want to learn more? Check out these awesome glitch tutorials:



No comments:

Post a Comment