Thick Diagonal Lines and Stripes in Photoshop
Here I will give you a very quick tutorial on how to make diagonal lines / stripes in Photoshop. However, if you’d rather have them ready-made, scroll to the bottom of the post to download my Diagonal Line Patterns for Photoshop.
First, open a square canvas made of odd-numbered pixels. I used 15×15px in my first few patterns and then expanded it to a 25×25px canvas.
Now grab the pencil tool and set it to 1px.

Now you simply have to make the shapes shown below to achieve the desired effect. Every single one of these are included in the Diagonal Line Patterns package at the bottom of the post for you to download.
![]() A 1-px line |
![]() A 3-px line. Notice the added dots at each corner to make the pattern seamless. |
![]() A 5-px line. As the width increases, you need to compensate for that by filling in the corners in a diagonal fashion as well. |
![]() A 7-px line. |
![]() A 7-px line, this time on a 25×25px canvas. |
![]() A 9-px line. |
![]() A 11-px line. |
![]() A 13-px line. |
And so on and so forth. Then simply select Edit > Define Brush Pattern to create your Thick Diagonal Stripes pattern!
The patterns you can download below are the same as those shown above, and will look something like this once you’ve loaded it up into Photoshop:

And without further ado, here is the link to download the package. If you make anything with this pattern that you wouldn’t mind sharing, please contact me or post a comment and I’ll gladly showcase your work here!
>> Download the Thick Diagonal Lines Package Here <<
Downloaded 9605 times



















