1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to make Scanlines in [Photoshop].

Discussion in 'Tutorials and Guides' started by John, Jul 30, 2009.

  1. John

    John Level IV

    Joined:
    May 4, 2009
    Messages:
    1,160
    Likes Received:
    75
    Location:
    Not telling because you'll just be jealous psshh..
    Tutorial to Make Scanlines in Photoshop

    Scanlines are a pretty awesome thing to put on Graphics, I use them alot.
    Again, this is probably a bit basic, but tutorials pwn, so I'll make it anyways.
    This should work in most if not all versions of Photoshop,
    but for demostration purposes, I'll be using Photoshop CS4.

    Firstly, you need an image to apply the effect to, obviously.
    I will be using this picture of a beautiful sunset :)

    [​IMG]

    So first of all, open your image in Photoshop (this can be done on graphics too,
    just add the scanlines when you want them). Then, create a new image with these settings:

    [​IMG]

    When you've done that, press Ctrl&+ to zoom into the image to the maximum you can zoom into.
    When you can't zoom any further, select the pencil tool, the colour you want the scalines to be.
    Make sure it is set on pixels: 1. Then draw a pattern like this: (Or you can experiment with your own.).

    [​IMG]

    When you've drawn the pattern, select Edit on the top, then on the dropdown menu select 'Define Pattern'.
    Then, give it a name, something like 'Scanlines' and click OK.
    Now, go back to your picture (for me, the sunset). On the top, select Edit, and on the dropdown menu select 'Fill'.
    A box will popup. In the use section, select 'Custom Pattern'. Then select the scanline pattern.
    You can change the opacity accordingly, But I'm going to be using 15%.

    [​IMG]

    When you're done, click OK. If the scanlines are too dark/light for you, redo the step and change the opacity.
    You can experiment with opacities and see the result. For me, this was my result:

    [​IMG]

    There are lots of different Patterns...
    So experiment like crazy! You can change the size of the 3x3 sqaure so you can fit more in.
    These are like tiles, and there are endless possibilities.​
     
    boomm and Commy like this.
  2. llnight

    llnight Level I

    Joined:
    Mar 14, 2009
    Messages:
    119
    Likes Received:
    0
    THANKS YOU =D
    I was searching for that =].
    Nice tuto. Simple, easy and usefull =D
     
  3. donjuantriumphs

    Joined:
    Sep 4, 2009
    Messages:
    14
    Likes Received:
    0
    Location:
    Hostralia.
    Ooooh this is very useful. I had no idea how to do that, good job (y)

    Thank you!
     
  4. Everlast

    Everlast Level I

    Joined:
    Jan 31, 2010
    Messages:
    57
    Likes Received:
    0
    great tutorial (already know how to make) but very nice. :)
     
  5. LightTiger

    LightTiger Level IV

    Joined:
    Oct 6, 2009
    Messages:
    773
    Likes Received:
    9
    Location:
    Vancouver
    OMFG! This is awesome, i've always wondered how you people make pretty avatars and sigs.