Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

How does one draw a tile with diagonal lines that can seamlessly tiled with Photoshop?

share|improve this question
up vote 2 down vote accepted

Diagonal lines is definitely something that's a little more painful. But, I would recommend using similar techniques as to tiling photos. By using the offset feature you'll be easily able to tell if it tiles, if not adjust it.

Alternatively, there are some great free resources on the web that will create tiles diagonals for you with a huge level of control, my best recommendation is:

share|improve this answer

Please look on google before asking a question, it is fairly easy one :)

I do diagonals lines in three ways:

  1. Pixel by pixel
  2. Line tool
  3. Pen Tool
share|improve this answer
Thanks for your answer. I think you're missing the more important part of the question. How do I ensure tileable diagonal lines? – Moshe Jan 26 '11 at 14:28

Stripe generator I use as well. But if you want to teach yourself, open a new file in photoshop. Make it small, maybe 10x10 pixels. Zoom in until you can start to see the grid that represents pixels. Using the marquee tool, highlight exactly one pixel and use the paint bucket to fill in that pixel with a color. This will ensure crispness of the line. You can make a diagonal line with these pixels.. When you think you have something, go to the menu 'edit' and choose 'define pattern'. Name it something you remember. Then open a new file and add it as a layer style. For example... draw a rectangle, double click on the rectangle in the layers palette to show the layer styles, choose 'pattern overlay' then choose your stripe pattern you just created. this will then repeat it across your rectangle.

share|improve this answer

Here's a way to create hatched / diagonal pattern in Photoshop. You can also download a sample file. Check this out!

share|improve this answer
Hi denn15, could you please explain a bit more what we'll find behind the link you provide and why it answers the question? That way, your answer is still of value in case the link breaks at a later time. Link rot is the main reason we really dislike link-only answers here. Thanks for your effort and keep contributing! – Vincent Sep 17 '14 at 8:00

The pixel by pixel line tool and pen tool are not the easiest or best ways to do this at all. especially if you are going for a precise look that has transparency and other effects. Tutorials are the way to go.

Another thing to consider is learning how to create tile images from scratch, there is a separate tutorial for that.

share|improve this answer
Where are these tutorials may I ask? – phwd Nov 22 '11 at 2:27

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.