Quantcast
Viewing all articles
Browse latest Browse all 8959

How to Create VHS Glitch Art in Adobe Photoshop

Image may be NSFW.
Clik here to view.
Final product image
What You'll Be Creating

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.

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.

Image may be NSFW.
Clik here to view.
Creation of document

Step 2

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

Image may be NSFW.
Clik here to view.
Adding your image

Step 3

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

Image may be NSFW.
Clik here to view.
Resizing of image

Step 4

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

Image may be NSFW.
Clik here to view.
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:

Image may be NSFW.
Clik here to view.
Creation of  play icon

Step 6

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

Image may be NSFW.
Clik here to view.
Merging all layer to one

Step 7

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

Image may be NSFW.
Clik here to view.
Creation of Smart Object

Step 8

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.

Step 2

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

Image may be NSFW.
Clik here to view.
Creation of first color shift effect

Step 3

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

Image may be NSFW.
Clik here to view.
Creation of second color shift effect

Step 4

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

Image may be NSFW.
Clik here to view.
Creation of color distortion effect

Step 5

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.

Step 6

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

Image may be NSFW.
Clik here to view.
Applying color distortion to only one layer

Step 7

Now Add Mask to the fourth layer.

Image may be NSFW.
Clik here to view.
Applying color distortion to only one layer

Step 8

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of mask for color distortion effect

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

Image may be NSFW.
Clik here to view.

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.

Image may be NSFW.
Clik here to view.
Creation of mask for mirror effect

Step 11

Move this layer 600 px down, while holding Shift.

Image may be NSFW.
Clik here to view.
Creation of mirror effect

Step 12

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

Image may be NSFW.
Clik here to view.
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°.

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of mirror effect

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

Image may be NSFW.
Clik here to view.

3. Create the VHS Textures

Step 1

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of second TV texture

Step 6

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

Image may be NSFW.
Clik here to view.
Creation of noise stripe

Step 7

Right Click on the rectangle layer and select Rasterize Layer.

Image may be NSFW.
Clik here to view.
Creation of noise stripe

Step 8

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

Image may be NSFW.
Clik here to view.
Creation of noise stripe

Step 9

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

Image may be NSFW.
Clik here to view.
Creation of noise stripe

Step 10

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of noise stripe

Step 12

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

Image may be NSFW.
Clik here to view.
Adding more noise stripes

Step 13

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

Image may be NSFW.
Clik here to view.
Creation of confetti texture

Step 14

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of confetti texture

Step 16

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of confetti texture

Step 19

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

Image may be NSFW.
Clik here to view.
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%.

Image may be NSFW.
Clik here to view.

Step 21

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

Image may be NSFW.
Clik here to view.
Creation of tv frame

Step 22

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

Image may be NSFW.
Clik here to view.
Creation of tv frame

Step 23

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

Image may be NSFW.
Clik here to view.
Creation of tv frame

Step 24

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Creation of curves for VHS color correction

Step 2

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

Image may be NSFW.
Clik here to view.
Creation of curves for VHS color correction

Step 3

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

Image may be NSFW.
Clik here to view.
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%.

Image may be NSFW.
Clik here to view.
Creation of curves for VHS color correction

Step 5 

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

Image may be NSFW.
Clik here to view.
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.

Image may be NSFW.
Clik here to view.
Final product image

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


Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.

Viewing all articles
Browse latest Browse all 8959

Trending Articles