TV interlaced lines in Photoshop Photoshop Tutorial

In this tutorial, we are going to create the classic TV scan line effect or interlacing effect. This gives a cool feel to the image. This is a quick and easy way to give a photograph and interesting hi tech look, or just to add some visual interest. This really comes from the classic/vintage style that you would see on old televisions. This comes from one of my original tutorials on PhotoshopCAFE, but we give it a couple of twists at the end with some more advanced options.

Step 1: Making the pattern

Lets prepare our lines. Create a new document 1×2 pixels for very tiny tight lines for low res. We can vary the height for fatter lines, the width can be set to 1. Keep white as background color.

Step 2

with the foreground color set to black, take the pencil tool and paint the top half of the image.

Step 3

Edit>Define pattern

This box will come up, name your pattern. When you define a pattern, it is saved in the library for future use. Click ok

I usually make a number of different patterns at this point, so that I can have different thicknesses of lines, especially if you are working with high resolution images, 2px will be too small. Build up a decent library of sizes.

       

Step 4: Using the pattern

Open the image you want to add the scan lines to. I am using one from Dollar Photo Club here.

Step 5

Create a new blank layer above the image.

Press Shift backspace (Shift+Del on the Mac) to open the fill dialog box.

Make pattern the contents and select our scan line pattern in the custom pattern tab.

Click ok and  youll see a pattern like this.

Step 6

Now to display it.

Change the blending mode mode and (optionally) drop the opacity down till it looks good

Here are the results of some different blending modes.

Overlay

Soft Light

Screen

Get in-the-know!

Enjoy our tutorials? Join our list to receive more tutorials and tips on Photoshop. Get exclusive tutorials, discounts and the free super guides. No spam, all content, no more than once a week.

{user-firstname}, you are already a member of the list

Oops. Something went wrong. Please try again later.

Please provide a valid email address.

Thank you, your sign-up request was successful! Please check your e-mail inbox.

Please complete the CAPTCHA.

Please fill in the required fields.

Extra Credit

Lets go the extra mile now and take it a step further if you want. We are going to make the lines only appear where its dark and protect the faces. Dont fear, no selections will be required.

Set your scan line layer to overlay blending mode.

At the bottom of the layers panel, click fx (where you would add a layer style)

Choose Blending Options

We are now in the Advanced Blending Options. You will see dialog box like this.

At the bottom, slide the White slider to the left to hide the effect from the highlights. Hold down the Alt/Option key to spilt the triangle and create a smooth blend.

I hope you enjoyed this photoshopCAFE tutorial. Add a comment of go to our forums and let me know what you would like to learn!

See you at the CAFE

Colin

Colin Smith

Colin Smith is founder of the #1 PhotoshopCAFE online community which has received over 30 million visitors. Colin has Authored/Coauthored 18 books. He has won numerous awards including 3 Guru awards. Hes been nominated for the Photoshop Hall of Fame twice. Colin is a regular columnist for Photoshop User Magazine. Hes been featured in almost every major imaging magazine, and is in high demand as a speaker at major industry events including Flash Forward and WPPI . He consults such companies as ABC Disney, Apple and Adobe

More Posts

TV interlaced lines in Photoshop Photoshop Tutorial ...
This is a very requested photoshop tutorial that simulates the interlaced lines of a TV screen, this effect is used all over the graphics world and very popular on

Photoshop CS5 Tutorial: Television Scan Line Effect
Games in movies and TV shows) This is a 10 min tutorial on how to create a neat Television Scan Line Effect

TV Scan Lines Effect In Photoshop - Adobe Photoshop ...
TV Scan Lines Effect In Photoshop Photoshop CS3 Tutorial High Dynamic Range Find More Adobe Photoshop Books at Amazon.com Find all the latest bestselling

Free tutorials special effects in photoshop at photoshop CAFE
Turning on lights in Photoshop tutorial. This is a very requested photoshop tutorial that simulates the interlaced lines of a TV screen,

how to interlace in Photoshop - Lenticular sheets ...
How to interlace in Photoshop. It must correspond to your final interlaced file. Formula = pitch this will select the black lines.

25 New Photoshop Tutorials - PsPrint Blog - Printing ...
Enhance your Photoshop skills by following these 25 free Photoshop tutorials, including logo designs, TV Interlaced Lines Photoshop Tutorial on Photoshop Caf

Photoshopgurus Photoshop Tutorials - Interlaced Scanline ...
A photoshop tutorial that shows how to make an interlaced scanline effect. Photoshop Tutorials. Circles, Dots, and Lines.

Photoshopgurus Photoshop Tutorials - Interlaced Scanline ...
A photoshop tutorial that shows how to make an interlaced scanline using a native Photoshop allows us more control over the thickness of the lines.

photoshop interlace lines | The Webmaster Forums
photoshop interlace lines. but I know that the three above have tuts for scan/interlace/tv lines. Forums powered by Drupal.

Adobe Photoshop Effects: Interlacing - Tripod.com
Just a PhotoShop tip on interlacing and cool effects that interlacing can bring you. Interlaced Image, with lines alterating from data to empty.

• Tweet
• Share
• Share
• Share
• Share

About K-Sora

Travelling is my life

Related Post