fade out scan lines? 2

[darkprince]

hello

ive seen on a numerous number of sites how the scan lines fade out as if they were used in the 'foreground to transperant' gradient?

i was wondering how i would perform this?

thanks in advance
ciao

 

[blueark]

Lots of ways to do this really. In general, you would make normal scanlines on a new layer, create a layer mask and create a black to white gradient in the layer mask. Here's a step-by-step.

Creating the scanlines
Obviously, creating the scanlines in the first place is the most difficult task, but it's not too bad. The normal way to do this is to create a pattern. Make a new, transparent document a few pixels wide (even 1 pixel, although if you make it wider it will work faster on larger images). For the height, make it twice the thickness of the scanline (2 pixels for a single pixel scanline). Fill half this document with black, leave the other half transparent, save the document and open the one you want to apply the scanlines to. Create a new layer, Edit > Fill, choose Pattern and pick the scanline document. If you want to change the color, check the 'Preserve Transparency' box and fill it with whatever color you want.

If this technique is a bit daunting, go to

http://www.actionxchange.com

and do a search for 'scanlines' under Photoshop files. Most of the files here are free and well worth a look.

Adding a gradient
Select the layer that has the scanlines. Deselect everything (Select > Deselect) and in the layers palette, click the 'New Layer Mask' button. Click on the mask and draw a black to white gradient. This will make part of the scanlines transparent, but if you need to change the gradient later, you only have to change the mask.

 

[SPYDERIX]

Hi,

blueark's method is great for adding scanlines to photos or non-solid background pictures. But I will change something that he/she does. Right before you goto EDIT|FILL the iamge was saved. Instead of doing that I suggest that you select all, and goto EDIT|DEFINE PATTERN give it a name then do the EDIT|FILL command and choose the little picture icon in the dropdown menu (it should be the last one there).

Also if you are only using a solid background color then to simulate this effect you can simply make a 2 pixel height image, make a gradation from black to the backgroudn color of the other image and delete a 1 px horizontal row from it so that there is 1 pix height horizontal row of gradation and 1 pixel height horizontal row of transparency, then EDIT|DEFINE PATTERN and then go to the other image and EDIT|FILL.

Good Luck with this!

NATE
design@spyderix-designz.com

http://www.spyderix-designz.com

 

[darkprince]

hey

thanks a heap that worked beautifuly. Damn i've never seen a place with better help than this.

ciao