Zymic

Webmaster resources

Follow us on Twitter!

Hosting status updates - Click here

Adobe Photoshop

Free Tutorials » Adobe Photoshop » Scan Lines

Create those popular scanlines and apply to your images and graphics.

Step 1

Open up your image you want to apply the scanlines to, I used the one below:

Step 1 diagram

Step 2

Now make a new document with a width of 1 pixels and a height of 2 pixels (with a transparent background). Now zoom in using the Zoom tool around 1600%. Once zoomed in grab the pencil tool and draw 1 black pixel dot on the top half of your document like below:

Step 2 diagram

Step 3

We now need to define the pattern, go to [ Edit > Define Pattern ], name it "Scanlines" and press OK. Now bring back your original image you want to apply the scanlines to and make a new layer [ Layer > New > Layer ]. Grab the Paint Bucket tool. Now look at the top of your screen and select "Pattern" from the fill drop down box and select the pattern you named "Scanlines" from the pattern drop down box like below:

Step 3 diagram

Step 4

Now fill your image in and it should have scanlines applied to it! Simple play around with the layers opacity % or it's blending modes to get a better more smooth result.

Step 5

Now fill your image in and it should have scanlines applied to it! Play around with various blending modes and opacity levels to get better results!

Step 5 diagram

Tutorial comments

12.08.2010 -

mehmoud13983 says …

its very cools effects i like it
Regarding http://www.livetv.pk

27.10.2009 -

myfp says …

what?submit comment

13.09.2009 -

dragon0126 says …

Great

10.12.2008 -

codezero says …

i reli love that effect its cool

13.11.2008 -

Vamear says …

Very ubersome effect that makes there! I'll be using it all the time now. 8D

View all user comments for this tutorial.

Tutorial statistics

Date added:
07.10.2004
Author:
Zymic
User rating:
4/5
Rate tutorial:
Total views:
11195
Total comments:
9

Advertisements