Pages

Friday 1 July 2016

How to Create VHS Glitch Art in Photoshop

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.
Use Control-N to create a new document and use the following settings: 1500 x 1000 px; 300 dpi.
Creation of document
Go to File > Place and put your image inside the document.
Adding your image
Resize your image to the borders of the document and click Enter.
Resizing of image
Click T and create a new text layer in the top right corner.
Creation of text layer
Click U and select Polygon Tool, and create a triangle shape. Then place it as shown in the image below:
Creation of  play icon
Select your layers by holding Shift and then Right Click > Merge Layers.
Merging all layer to one
Now Right Click on the layer and then Convert to Smart Object.
Creation of Smart Object
Create four duplicates of your smart object using Right Click > Duplicate.
Creation of duplicates of layers
Make all layers except the first two invisible, and then Double Click on the second layer and Uncheck the Green and Blue channels.
Click and Move your second layer, holding Shift30 px to the right.
Creation of first color shift effect
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
Make the fourth layer visible, and go to Layer > New Adjustments Layer > Hue/Saturation.
Creation of color distortion effect
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.
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
Now Add Mask to the fourth layer.
Applying color distortion to only one layer
Alt-Left Click to open the mask layer. Fill it with black.
Applying color distortion to only one layer
Click 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:
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
Move this layer 600 px down, while holding Shift.
Creation of mirror effect
Go to Filter > Blur > Motion Blur and use the following settings: Angle: 15°; Distance: 15.
Creation of mirror effect
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
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:
Create a new layer using Shift-Control-N, and Fill it with white.
Creation of First TV texture
Go to Filter > Filter Gallery > Sketch and select Halftone Pattern. Use the following settings: Size: 2; Contrast: 2.
Creation of First TV texture
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
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
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
Click U and select Rectangle Tool. Then create a shape with the following settings: Width: 1800 px; Height: 120.
Creation of noise stripe
Right Click on the rectangle layer and select Rasterize Layer.
Creation of noise stripe
Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.
Creation of noise stripe
Go to Filter > Blur > Motion Blur and use the following settings: Angle: 0°; Distance: 20 px.
Creation of noise stripe
Go to Image > Adjustments > Brightness/Contrast and use the following settings: Brightness: 150; Contrast: 100.
Creation of noise stripe
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
Duplicate your noise stripe layer a few times and move it, holding Shift, to different places. 
Adding more noise stripes
Create a new layer using Shift-Control-N, and Fill it with black.
Creation of confetti texture
Go to Filter > Noise > Add Noise and use the following settings: Amount: 400%; Distribution: Uniform; Monochromatic.
Creation of confetti texture
Now add the Patchwork effect using Filter > Filter Gallery > Patchwork and use the following settings: Square Size: 0; Relief: 0.
Creation of confetti texture
Go to Image > Adjustments, select Threshold, and set it to 240.
Creation of confetti texture
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
Now you will need to Duplicate the layer, Check the Red and Bluechannels, and Uncheck the Green channel.
Creation of confetti texture
Move this new layer, holding Shift60 px to the right.
Creation of confetti texture
Create a new layer using Shift-Control-N and Fill it with black. Change the Filloption to 0%.
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
Now you need to rasterize the layer style: Right Click > Rasterize Layer Style.
Creation of tv frame
Go to Filter > Blur > Gaussian Blur and use the following settings: Radius: 4px.
Creation of tv frame
Resize your frame to fill the canvas using Control-T and holding Shift.
Creation of tv frame
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
 Duplicate your curves layer and put it above the first layer.
Creation of curves for VHS color correction
Double click on the first curves layer icon and use the following settings:
Creation of curves for VHS color correction
Now Double Click on the curves layer and change the Opacity of the curves to35%.
Creation of curves for VHS color correction
Double click on the second curves layer and select the standard Photoshop preset “Strong Contrast”.
Creation of curves for VHS color correction
In this simple way, we can create VHS-style glitch artworks from any photo using only standard Photoshop tools.
Final product image
You can also check the animation created with the Animated VHS Creation Kit from the same picture.

0 comments:

Post a Comment

Text