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


5 Answers 5


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: http://www.stripegenerator.com/


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.


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


  • 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
    Commented Sep 17, 2014 at 8:00

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
  • 2
    Thanks for your answer. I think you're missing the more important part of the question. How do I ensure tileable diagonal lines?
    – Moshe
    Commented Jan 26, 2011 at 14:28

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.

  • 1
    Where are these tutorials may I ask?
    – phwd
    Commented Nov 22, 2011 at 2:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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