Shadow Logic

Scanlines

When I’m fiddling around with the GIMP, I often find the colors in my piece slightly plain. Usually it’s not too much of a problem, but when I really get nervous about it I resort to something called scanlines. Scanlines are simple patterns that tend to add some texture to images. Using them is totally up to you: sometimes they really spice up an image, but other times they degrade the quality of it. In this tutorial I’ll cover the basics of scanlines, how to make them, how to use them, and show how they affect images.

Difficulty:
Beginner
Program
The GIMP (2.4)
Needed Time
about 7 minutes


Without scanlines

With scanlines

Take a look at these two images. One uses scanlines, the other one doesn’t. The one with scanlines has a bit of a texture overlaying it. If you look closely you can see that the effect is achieved with light, diagonal lines. This pattern is one of the most commonly used, either going from top right to bottom left or vice versa. To use it, you simply make it into a transparent pattern.

Making the scanlines

A simple scanline pattern.'

Open the GIMP, go to File » New…, and make a new 6×6 image. It needs to be transparent, so delete the Background layer and make a new one. (Layer » New Layer…)

Select the Pencil Tool and look for the pre-included brush called Circle (01). Draw as shown in the picture to the left. (Tip: It’s tricky to draw accurately from the normal view. Zoom it to about 800% to se exactly what you’re drawing up close. Another tip: Hold down Shift to draw a straight line.)

Save the image as scanlines1.pat. Be sure to put it in your GIMP Patterns folder. Go to the patterns tab in the Layers, Channels, Paths window and click the refresh button.

Using the scanlines

Open the image you want to add scanlines to. Create a new layer (Layer » New Layer…) and name it Scanlines. Adjust the Opacity to around 20-35.

Layers dialog

Select the Bucket Fill tool. Check that it’s set to Pattern fill, and that you selected the scanline pattern you just made. With the Scanlines layer selected, click once inside the image. The scanlines should appear lightly over your original picture. If it doesn’t look right, adjust the opacity. If the image appears too dark, you could try inverting the colors. (Colors » Invert) Experiment with different techniques until you’re satisfied. Save the image and you’re done!

Try experimenting with other patterns too. Instead of drawing three lines you can try drawing one, or you could flip the pattern. Have fun with it!

7 Responses to Scanlines

Hey, thanks for the tutorial! 5/5

I’m starting to use Gimp again, so I’ll be relying on your site!

Edward Kim on January 28th, 2008

Hehe nice font.

Matt on January 28th, 2008

I need to learn something about this. Maybe you could help me with this for my site.

Alex Schmalzried on February 19th, 2008

This tut is great but I think you should turn up the opacity on the lines up a bit. (Depending on the image)
In your case, the scanlines are hardly visible at certain parts (the right side and the person’s skin)
You should probably ramp up the opacity to about 35-40. (However this does overkill it a bit in the middle)

Jeff T on February 19th, 2008

@Jeff T: Actually I made a seperate scanline layer to overlay the person’s skin. I purposely made it less opaque than the rest of the scanlines around the image. Good point though, sometimes the scanlines need to be darker.

Leo on February 20th, 2008

This is the simple one. A deep variety of patterns plays can be made. Here’s how I make an image look (when zoomed) like on a TV or monitor. I make a pattern with coloured pixels (they should look about grey when zoomed at 1:1). I fill a layer with this pattern and blend it with the images with the multiply mode (color filter). They may appear darken or otherwise changed, but zoom’em and it’s the TV under magnifier. Examples of patterns:
http://img391.imageshack.us/img391/2221/steagulromanieigq6.jpg a simple rgb row
http://img391.imageshack.us/img391/354/tvpixelsqy6.jpg A square pattern, you can replace the black pixels with other colors. Having this image open get the value channel from this image (not desaturate or create mask grey copy) and invert it. Create a mask for this layer and copy/paste this channel in it, then disable the mask (control click in layer window). If you want to replace the non-coloured pixels’ color execute mask to selection on this layer, choose the desired color as BG or FG and execute edit->fill with BG or FG. Save the .pat file and test all versions you desire.

D_Jay on April 12th, 2008

oopsi i should have exported the images as bmp
This is not what I meant to show but I guess you know what I’m telling.

D_Jay on April 12th, 2008

Post a Comment