[Home]   [PShop tutorials]   [Free Sets]   [About me]   [Links]   [Forum]   [E-mail]

 


Figure 1

 

This is a very easy tutorial, and I know plenty of other sites has covered this issue, but still I get so many e-mails from people asking how to make scanlines etc., so I decided to make my own tutorial about this.

First I'll show you how to make a little bit different pattern, and further down I'll show you how to make those classic scanlines.

First: Start by opening the image you want to apply the pattern.
I just made a new image (250 x 250 pixels) to show you how to create the effect...


Figure 2

 

Then create a new image 5 x 5 pixels, transparent background. The image in figure 1 is zoomed in a little bit to be more readable.

Make the color you want on your pattern your foreground color. Then Select - All.
Now go to Edit - Stroke - 1 pixel - Inside - Opacity 100 % and click OK.

Keep your selection and go to Edit - Define Pattern.

Go back to the image you started with, and be sure you create a new layer where you want to apply the pattern.


Figure 3

At the new layer - I called mine pattern - select the Paintbucket Tool and change the Fill options window from Foreground to Pattern.
(If you have PS 6 be sure to select the correct pattern in the Pattern drop down menu!)
Now fill your new layer with the pattern and your image should look similar to fig. 2.

This is a nice effect, but I wanted to spice it up a little bit. By adding a simple Bevel and Emboss to the layer your pattern could look like figure 3.
(PS 5.5: Layer - Effects - Bevel and Emboss.
PS 6: Add a new layer style - Bevel and Emboss).

I used this settings (PS 5.5):
Highlight:
Mode: Overlay, Opacity: 75 %
Shadow:
Mode: Multiply, Opacity: 75 %
Style: Inner Bevel
Angle: 120
Depth: 5 pixels - up
Blur: 1 pixel.

Use these setting if you use PS 6:
Style: Inner Bevel
Technique: Smooth
Depth: 500 % - Direction: Up
Size: 1 px

The Highlight and Shadow modes are the same...


Figure 4

 

To make an oval shape with faded edges you can easily do this by:
Select the Elliptical Marquee Tool and select an area of your choice. Then go to Select - Feather - 15 pixels (Select - Modify - Feather if you use PS 5.5).
Make sure you're on the pattern layer and hit Ctrl + Shift + I to inverse the selection.
Now hit the Delete key a couple of times and your image should look similar to my fig. 4.


Figure 5

 

Here you see my final example!
I used this effect on one of the logos I was working on when I started out making this new site.


Figure 6

 

Here's another example on how you can work with patterns. This is how I make my scanlines:
Create a new image, height = 2 pixels and width = 50 pixels. Hit D to make black your foreground color.
Now select the Rectangular Marquee Tool and check the Fixed size option in the Style window at the top of your screen). Now set the height to 1 pixel and the width to 50 pixels or more. If you use PS 5.5 just select the Single Row Marquee Tool.
Select the upper pixel of the image and fill your selection with black.
Now go to Select - All + Edit - Define pattern.
PS 5.5:
Select the Paintbucket Tool, and change the fill option to pattern. Select the area you want filled with the pattern and create a new layer on top of the image layer. Now fill your selection. To create a different effect play with the layer modes and the opacity. For instance you get a pretty cool effect changing the layer mode to either Overlay or Soft Light.


Figure 7

 

Now to those of you who use PS 6:
I just love the new feature in PS 6 with layer styles. They're so easy to use, and if you want the exact same effect on another layer you just copy and paste the effects! A real time-saver!
Select the layer you want the scanline effect on.
Now click the Add a layer style button and select the Pattern Overlay option.
In the pattern option window select the scanline pattern we created.
For this image I change the Blend mode from Normal to Soft Light, and I set the opacity to 56 %.
Click OK and your finished!


Figure 8

 

Here you see my final example.
 

 

© Copyright Nina Indset Andersen 2000 - 2003. All rights reserved.
Only permitted Images and Material may be downloaded from this web site.