Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Sponsored 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

Using Calculations...
Using Calculations...
- Adobe Photoshop -
Realistic Cigarettes
Realistic Cigarettes
- Adobe Photoshop -
Electrical Circuits
Electrical Circuits
- Adobe Photoshop -
A Simple Winter Sc...
A Simple Winter Sc...
- Blender 3D -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Advertisements





Special Options
Printer Friendly Version
Forum Threads

 Re: 3ds Max Tutorials for Beginners
Author: 3DSMaxresources
Posted: Feb 22nd, 4:29pm
Activity: 0 replies, 711 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1833 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 1929 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2379 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1741 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2503 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3415 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2658 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4029 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3794 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17049 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4921 views
Forum Threads

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