Welcome, Guest

Please login or register

TUTORIALS SUBMENU

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

Sponsored Links

Thick Diagonal Lines


Everyone knows, or can guess how to create, simple diagonal line patterns in Photoshop. That is... the 1px line patterns. If you need them to be thicker, it gets a lot harder. Take a look at the right for an example of a 1px and a 5px diagonal line pattern.

To create a 5px line, start with a canvas of 20px*20px. And draw a 1px line with your Pencil Tool from one corner of your canvas to the other corner. (see ex.1 on the left). Once you've done that, start adding lines next to it to make it thicker (see ex.2 on the left)

NOTE: You have to take an uneven number of lines to make this work, for example: 3px, 7px, 15px, etc.

For a line of 5px thick, you would have to add two rows of pixels on both sides of the 1px line you already created. (1+2+2=5). If you create your pattern now, you will notice you have some gaps in your line. Although this might give you some interesting effects, this probably wasn't what you were aiming for. So we go on. Add two rows of pixels in both of the other corners (see ex.1 and ex.2 on the right).

If you create your pattern now, you'll notice that the gaps have vanished and you have a nice smooth line of 5px thick.

This technique is extremely useful for creating industrial patterns like the one on the left. I used an 11px thick line here and erased some parts of it to get the worn look.

Try it for yourself and see what you can come up with!

- Tutorial written by Malboroman

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

Last 5 User Comments

User:  ashish_tanwar (#54761)
Date: Fri Nov 21, 2008. 12:23:58

Post #2 of 2

gr8 very nice tutorial!

Reply to this post


User:  shorttie (#25959)
Date: Sun Apr 02, 2006. 09:13:45

Post #1 of 2

pretty sure out of all the things i've tried in photoshop i've been trying to figure that out for a while. lol made me feel pretty silly finding out it was that simple
thanks for the tutorial

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

Night Lights (Basi...
Night Lights (Basi...
- Macromedia Flash -
5 Minute Stylized ...
5 Minute Stylized ...
- Adobe Photoshop -
Justify Text Manua...
Justify Text Manua...
- Adobe Illustrator -
Stray Energy
Stray Energy
- Adobe Photoshop -
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, 707 views
Delete Account
Author: Neo824
Posted: Oct 18th, 7:47am
Activity: 1 replies, 1830 views
Back...
Author: unleash
Posted: Jul 02nd, 12:37pm
Activity: 2 replies, 1925 views
Help Please :)
Author: Roosta
Posted: Mar 25th, 5:08am
Activity: 0 replies, 2375 views
thank you
Author: HypepapyHer
Posted: Mar 24th, 9:18pm
Activity: 1 replies, 1740 views
 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 12:16pm
Activity: 1 replies, 2501 views
 changes....
Author: supertackyman
Posted: Sep 12th, 3:56am
Activity: 2 replies, 3413 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 4:50pm
Activity: 0 replies, 2657 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 1:58pm
Activity: 0 replies, 4027 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 3:18pm
Activity: 1 replies, 3790 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 3:33pm
Activity: 0 replies, 17045 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 4:37am
Activity: 0 replies, 4919 views
Forum Threads

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