Photoshop Tutorials, Guides and Downloads!
Photoshop Tutorials - Scanlines and Patterns - aFreeArtwork.com
Photoshop Tutorials - Scanlines and Patterns
The pattern tool allows you to create things such as scanlines, web backgrounds, grids, and more... This tutorial will show you the basics of patters by creating scanlines.


  • Create and Color
    1. Create a layer named "square" and make a colored box.
      Simply make a box, and brush a few colors in there.
    2. Create another layer named "pattern"
  • Create and save your pattern
    1. Zoom in and create a 1px black and 1px white line on your "pattern" later.
    2. Select the two lines with your marquee tool.
    3. Define the pattern: Edit -> Define Pattern
    4. Now delete / hide the pattern layer.
  • Fill layer with pattern
    1. Select the "square" layer which has the colored box.
    2. Use menu Fill Pattern: Edit -> Fill... (Ctrl+F5)
    3. Set settings: Use: Pattern, Mode: Overlay, Opacity: 50%.
    4. Custom Pattern: Select the pattern you have defined.
      You can play and tweak these settings for various results.
    5. Press ok, and your scanlines are added.
  • Make adjustments / tweaking
    Now we can make our final adjustments to better define our scanlines. In this particular image we are going to adjust the levels slightly. Although this may seem like a barely noticeable adjustment to you, it is actually very important. Every detail, lighting and shade you want perfectioned.

    1. First select your "Square" layer.
    2. Adjust the levels Ctrl+L
      Or Photoshop Menu: Image -> Adjustments -> Levels...
    3. Now generally you would move the black arrow slider left and right, and get an eye for what looks crisp and sharp.
      In my situation, I set the input levels to: 26, 0.82, 255
  • Your completed image

    • Now you successfully completed a scanline effect.
      Try changing up the pattern for various results. Be sure not to over-use the pattern tool.

©2008 afreeArtwork - Photoshop Tutorials, Guides and Downloads! ; All Rights Reserved.
Learn Photoshop or improve your skills with the best Photoshop Tutorials and Guides.
All images, tutorials and guides are copyright afreeArtwork.com and may not be duplicated or copied without permission.