![Final product image](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/final_image/FINAL IMAGE-min.jpg)
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
- Any photo you want to use for this manipulation.
You can find some free photos on Unsplash and Pixabay or buy high-quality photos on PhotoDune. I chose
this photo from
Pixabay.
- Free font: VCR-OSD-Mono font.
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/1 Final s.jpg)
Step 2
Go to File > Place and put your
image inside the document.
![Adding your image](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/2 Final s.jpg)
Step 3
Resize your image to the borders of the document and click Enter.
![Resizing of image](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/03 final S S)-min-min.jpg)
Step 4
Click T and create a new text layer in the top right corner.
![Creation of text layer](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/04 01-min.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/05 (01)-min.jpg)
Step 6
Select your layers by holding Shift and then Right Click > Merge Layers.
![Merging all layer to one](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/6 Final s.jpg)
Step 7
Now Right Click on the layer and then Convert to Smart Object.
![Creation of Smart Object](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/7 Final s.jpg)
Step 8
Create four duplicates of your smart object using Right Click > Duplicate.
![Creation of duplicates of layers](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/8 final s.jpg)
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.
![](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/9 final s-min (1) 2.jpg)
Step 2
Click V and Move your second layer, holding Shift, 30 px to the right.
![Creation of first color shift effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/10 final s-min.jpg)
Step 3
Make the third layer visible and Uncheck the
Red and Green channels the same way as listed above. Then move it, holding Shift, 20 px to the left.
![Creation of second color shift effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/11 final s-min.jpg)
Step 4
Make the fourth layer visible, and go to Layer > New Adjustments Layer > Hue/Saturation.
![Creation of color distortion effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/13 final s-min.jpg)
Step 5
Double Click on the adjustments
layer and change the Saturation setting to +100.
![Creation of color distortion effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/14 final S S 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/15 final s.jpg)
Step 7
Now Add Mask to the fourth layer.
![Applying color distortion to only one layer](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/16 final S S 3.jpg)
Step 8
Alt-Left Click to
open the mask layer. Fill it with black.
![Applying color distortion to only one layer](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/17 final S S 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/18 final s.jpg)
Now the saturation effect is applied only on a few areas:
![](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/19 final s-min.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/20 final s.jpg)
Step 11
Move this layer 600 px down, while holding Shift.
![Creation of mirror effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/21 final s-min.jpg)
Step 12
Go to Filter > Blur > Motion Blur and use the following settings: Angle: 15°; Distance: 15.
![Creation of mirror effect](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/22 final s-min 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/23 final s-min 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/24 final s ss.jpg)
This is how our image will look after all the manipulations listed above:
![](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/25 final s-min.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/26 final s.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/27 final s-min 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/28 final s-min 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/29 final s-min (1).jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/30 final s-min 2.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/31 final s-min.jpg)
Step 7
Right Click on the rectangle layer and select Rasterize Layer.
![Creation of noise stripe](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/32 final s 2-min.jpg)
Step 8
Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.
![Creation of noise stripe](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/33 final s-min 2.jpg)
Step 9
Go to Filter > Blur > Motion Blur and use the following settings: Angle: 0°; Distance: 20 px.
![Creation of noise stripe](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/34 final s-min 2.jpg)
Step 10
Go to Image > Adjustments > Brightness/Contrast and use the following settings: Brightness: 150; Contrast: 100.
![Creation of noise stripe](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/35 final s-min S S.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/36 final s 2-min FINAL-min.jpg)
Step 12
Duplicate your noise
stripe layer a few times and move it, holding Shift, to different places.
![Adding more noise stripes](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/37 final s 2-min.jpg)
Step 13
Create a new layer using Shift-Control-N, and Fill it with black.
![Creation of confetti texture](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/38 final s.jpg)
Step 14
Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.
![Creation of confetti texture](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/33 final s-min 2 56.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/39 final s-min SS-min.jpg)
Step 16
Go to Image > Adjustments, select Threshold, and set it to 240.
![Creation of confetti texture](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/40 final s-min Fin.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/41 final s-min fin.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/42 final s-min Fin.jpg)
Step 19
Move this new layer, holding Shift, 60 px to the right.
![Creation of confetti texture](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/43 final s-min.jpg)
Step 20
Create a new layer using Shift-Control-N and Fill it with black. Change the Fill option to 0%.
![](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/44 final s 22 55.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/45 final s 45 fin.jpg)
Step 22
Now you need to rasterize the layer style: Right Click > Rasterize Layer Style.
![Creation of tv frame](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/46 final s.jpg)
Step 23
Go to Filter > Blur > Gaussian Blur
and use the following settings: Radius: 4px.
![Creation of tv frame](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/47 final s-min FINAL.jpg)
Step 24
Resize your frame to
fill the canvas using Control-T and holding Shift.
![Creation of tv frame](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/48 final s FINAL-min.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/49 final s-min.jpg)
Step 2
Duplicate your curves layer and put it above the first layer.
![Creation of curves for VHS color correction](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/50 final s Final.jpg)
Step 3
Double click on the first curves layer
icon and use the following settings:
![Creation of curves for VHS color correction](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/51 final s Funal.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/52 final s 2121s-min Funal.jpg)
Step 5
Double click on the second curves layer and select the standard Photoshop preset “Strong Contrast”.
![Creation of curves for VHS color correction](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/53 final ss Funal.jpg)
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](https://cms-assets.tutsplus.com/uploads/users/1381/posts/26562/image/FINAL IMAGE-min.jpg)
You can also check the animation created with the Animated VHS Creation Kit from the same picture.