howtothings.co.uk
How to create scan lines (Defining a pattern) - Printable Version

+- howtothings.co.uk (https://www.howtothings.co.uk)
+-- Forum: Computing (https://www.howtothings.co.uk/forumdisplay.php?fid=4)
+--- Forum: Programming Support, Graphic Design and Tutorials (https://www.howtothings.co.uk/forumdisplay.php?fid=14)
+--- Thread: How to create scan lines (Defining a pattern) (/showthread.php?tid=240)



How to create scan lines (Defining a pattern) - Mark - 12-07-2010


How to make scan lines


"Scan lines" can be useful for a lot of things, if not to just add a bit more detail and they're easy to create.


Steps

1. Create a new document. (Height : 4px ; Width : 4px)

[spoiler][Image: 281dd7a.jpg]

[Image: 2mx0tuv.jpg][/spoiler]


2. Zoom in the most you can (3200%)

[spoiler]
[Image: 2ltsj74.jpg][/spoiler]


3. Create a new layer

[spoiler]
[Image: fcmgk0.jpg][/spoiler]


4. Hide the Background default layer.

[spoiler]
[Image: ei5f6b.jpg][/spoiler]


5. Using the Pencil tool draw a diagnal line on the new layer.

[spoiler]
[Image: 6pwx29.jpg]

[Image: 2lvbp7r.jpg][/spoiler]


6. Go to edit > Define pattern and call it anything you want. I called mine "scan lines"

[spoiler]
[Image: t9gpjk.jpg]

[Image: 34oy7hk.jpg][/spoiler]


Using the scan lines

On the desired image / layer, right click it and go to "Blending Options..", a new windows will appear, go down to "Pattern Overlay" and select it from the drop down box. You can also reduce the opacity in there.


RE: Creating scan lines (Defining a pattern) PS. - bigsharn - 13-07-2010

You've actually done the classic mistake, if you use that the scanlines tend to be more spaced out on the picture

Using the patterns below gets you some nicer effects (B = black square, W = white square, T = transparent square)

Diagonals:
TBW
BWT
WTB

The other way:
WTB
BWT
TBW

Vertical:
BTW
BTW
BTW

Horizontal:
WTB
WTB
WTB

This way you can use lighten or darken depending on which you need for the image, and it saves you faffing about with inverting the colours