|
|
|
Arguments may persist over whether scanlines are trendwhore or not, but you
can't argue that they are effective, and can add a little bit of class to almost
any design. Many methods exist to create them, of course, but the quickest and
most effective techniques revolve around the use of Photoshop's patterns
functionality. The aim of this tutorial is to detail my method for creating
small tiling textures, which can be used to create quick scanlines, funky dots,
and other easy-to-use overlays. You are only three simple steps away from
enlightenment...
 |
Step 1: Create a new blank 3 by 3px document with
a transparent background (the transparency is very important). Now,
using the Zoom Tool, zoom in as far as Photoshop will let you - to a
dizzying 1600%. |
 |
Step 2: With the Pencil Tool
selected, draw a single black dot in the middle of the background layer.
Now choose Select > All from the menu and save your pattern with
Edit > Define Pattern. You can call your pattern whatever you like
- 'dots' sounds good though... :) |
 |
Step 3: Now close your image. There
is no need to save it - the pattern is now permanently stored in Photoshop.
To apply the pattern to an image, find an adequate design, create a new
transparent layer and go to the Edit > Fill dialog. Select
Pattern from the Use combo box, and then find your dots pattern
in the Custom Pattern area. It'll probably be towards the bottom
of the library. Then press OK and admire your handiwork! :) |
Variations: It should be borne in mind that
the patterns you create using this method will be a little harsh at 100%
opacity, so reduce the setting a little. You may also want to alter
the blending mode to Soft Light or similar. This method can,
of course, be used to create more than just dots! Just look below for a few more
overlays, with the simple pattern used to create them shown in the top left
corner. Have fun trying them all out!

2px by 1px Horizontal |

10px by 10px Little Boxes |

3px by 3px 45° Diagonals |
|
- Tutorial written by Man1c M0g
| 
There are no comments for this tutorial yet. You can place a comment by clicking here.
|

|
|
 |
TrentonCS Author: ahstanford Posted: Nov 06th, 7:40pm Activity: 2 replies, 19 views
|  | Html 5 Author: ahstanford Posted: Nov 05th, 1:32pm Activity: 5 replies, 85 views
|  | What are your favorite websites? Author: ahstanford Posted: Nov 05th, 12:51am Activity: 0 replies, 45 views
|  | What do you do for a living? Author: ahstanford Posted: Nov 04th, 11:04pm Activity: 0 replies, 43 views
|  | What is your favorite Subway sandwich? Author: ahstanford Posted: Nov 04th, 11:02pm Activity: 4 replies, 84 views
|  | Windows 7 Author: ahstanford Posted: Nov 04th, 10:59pm Activity: 0 replies, 47 views
|  | Google Wave Author: ahstanford Posted: Nov 04th, 10:52pm Activity: 0 replies, 57 views
|  | University Project Author: Gjbphp Posted: Nov 03rd, 8:59pm Activity: 1 replies, 89 views
|  | Hello BioRust! Author: ahstanford Posted: Nov 02nd, 5:39pm Activity: 4 replies, 84 views
|  | Illustrator cs4 - Convert outlines/graphics to ... Author: izidrew Posted: Oct 29th, 3:48pm Activity: 3 replies, 252 views
|  | Hello BioRust!! Author: MOST Posted: Oct 29th, 12:52am Activity: 4 replies, 142 views
|  | Hey! newbie Author: prelimiting Posted: Oct 28th, 11:51pm Activity: 1 replies, 112 views
|  |
|
 |
 |
 |
 |
 |
| --- Site Resources --- |
| Total Tutorials: | 212 |
| Total Downloads: | 415 |
| Linkbase Links: | |
 |
|
 |
 |
|