HomeFAQSearchMemberlistUsergroupsRegisterLog in

Share
 

 Scan Lines - PS Tutorial

View previous topic View next topic Go down 
AuthorMessage
DustyBones
DustyBones
Owner
Owner

Posts : 503
Join date : 2011-02-26
Age : 63
Location : Washington

Scan Lines - PS Tutorial   Empty
PostSubject: Scan Lines - PS Tutorial    Scan Lines - PS Tutorial   I_icon_minitimeSat 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 Scan Lines - PS Tutorial   03-load_but 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;
Scan Lines - PS Tutorial   05-rank_button

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 Scan Lines - PS Tutorial   10a-scan_line

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.
Scan Lines - PS Tutorial   16-scan_sat_a
Slide the opacity adjustment until you get the effect you want.
You'll end up with this;
Scan Lines - PS Tutorial   17-scan_sat

That's it!
Now just add the rest of the effects you want like bevel, stroke, shadows, etc to your image.

Scan Lines - PS Tutorial   Thumbsup

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


No Requests Done Via PM Unless For Freelance Work
Scan Lines - PS Tutorial   Dusty_naut_sig
Forum Rules Graphics Request Form Graphic Appz Freeware
Graphic Tutorials HTML Color Code Finder
Scan Lines - PS Tutorial   Sig_tag
Back to top Go down
View user profile http://www.raps-graphics.com
refresh101
refresh101


Posts : 36
Join date : 2013-04-19

Scan Lines - PS Tutorial   Empty
PostSubject: Re: Scan Lines - PS Tutorial    Scan Lines - PS Tutorial   I_icon_minitimeTue May 07, 2013 7:59 pm

Nice And Clear Tutorial Thanks To You DustyBones Cheers Scan Lines - PS Tutorial   1456855131.
Back to top Go down
View user profile
 

Scan Lines - PS Tutorial

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Rap's Graphics :: Graphics :: Tutorials :: Photoshop Tutorials-
^ Back to Top
Website Security Test