Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Simple Tiling Patterns


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

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments


There are no comments for this tutorial yet.
You can place a comment by clicking here.
Amazing Font Pack!

Featured Tutorialsmore

Fire Effects
Fire Effects
- Adobe Photoshop -
HyperNURBs Modelling
HyperNURBs Modelling
- Maxon Cinema 4D -
StarBurst Effects
StarBurst Effects
- Adobe Photoshop -
Hershey Kisses
Hershey Kisses
- Adobe Illustrator -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 880 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1044 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1049 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1927 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1824 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14435 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2741 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2769 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3434 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2352 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2494 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2796 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673