Scan Lines - PS Tutorial

Subject: Scan Lines - PS Tutorial Sat May 04, 2013 7:49 pm

Scan Lines

Scan Lines - PS Tutorial Chi_01

Have you seen those ranks and user bars with the faint diagonal lines (scan lines)
and want to have them on one of your projects but don't know how?
Well.. today, we're going to show you how to do that!

Step 1:
To start with you'll need to have a scan line pattern installed into Photoshop.
They are a pattern file that you can get Here.
These were made by deterence. I made mine but these work great.

After you download the file, unzip it and then open your Photoshop program if you haven't already.
Go to the Menu bar and click on Edit then Preset Manager;

Scan Lines - PS Tutorial 01-edit-preset_mngr

On the window that pops up select Patterns;

Scan Lines - PS Tutorial 02-preset_mngr_pat_a

Click on

and navigate to the Scan line pattern file you just unzipped.
Select it then click Scan Lines - PS Tutorial 04-done_but

You now have the scan line pattern file loaded and ready to apply to your image.

Step 2:
Now create your rank or userbar image, this is what we'll work with for this tutorial;

Step 3:
Now to apply the scan line pattern to the image.
All work is done in the layers window, if it isn't already open you can open your layers window by going to the Menu bar, click on Windows then click on Layers.

Scan Lines - PS Tutorial 05a-layer_windo

Your layers window should now be visible.

Click on the Add Layer Style button in the Layers window;

Scan Lines - PS Tutorial 06-style_select_a

Select Pattern Overlay;

Scan Lines - PS Tutorial 07-pat_select_a

Select the Scan line pattern by clicking the Pattern Picker selector;

Scan Lines - PS Tutorial 08-pat_select_a

Then select the Scan Line pattern you want;

Scan Lines - PS Tutorial 09-scan_line_pat_a

Click

The scan lines will appear on your image;

Scan Lines - PS Tutorial 10-apply_scan_line

Step 4:
As you can see the scan lines are way to dark.
To lighten them up lower the opacity of the scan line pattern, double click the Pattern Overlay effect in the Layers window;

Scan Lines - PS Tutorial 11-pat_adjust_a

Slide the opacity adjustment to lower the opacity. You can see the changes in the image as you slide it, just adjust it to your liking;

Scan Lines - PS Tutorial 12-pat_opacity_a

You'll end up with this;

Scan Lines - PS Tutorial 13-apply_pat_opacity

Step 5:
If you want the lines a little larger and farther apart, double click the Pattern Overlay effect again in the layers panel and just slide the Scale adjustment until you achieve the size you want;

Scan Lines - PS Tutorial 14-scan_line_size_a

You'll end up with something like this;

Scan Lines - PS Tutorial 15-scan_line_sized

Step 6:
If you want white scan lines instead of black or gray, double click the Pattern Overlay effect in the Layer window. Click on Blend Mode and select Saturation.

Slide the opacity adjustment until you get the effect you want.
You'll end up with this;

That's it!

Now just add the rest of the effects you want like bevel, stroke, shadows, etc to your image.

Notice:
This tutorial is copyrighted to DustyBones.
You may not publish it anywhere without written
permission from the creator.
Scan Lines - PS Tutorial No_plagiarism

Posts : 36 Join date : 2013-04-19

Nice And Clear Tutorial Thanks To You DustyBones Cheers Scan Lines - PS Tutorial 1456855131

.

» Animation in PS Tutorial №2 - Moving Car Animation
» Animation in PS Tutorial №1 - Basic Animation
» Photoshop Tutorial Site List
» Animation in PS Tutorial №4 - Revolving Text Animation
» Animation in PS Tutorial №3 - Fading Text Animation

Scan Lines - PS Tutorial

Scan Lines - PS Tutorial

Similar topics

Similar topics