Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for professional graphic designers and non-designers trying to do their own graphic design. It's 100% free, no registration required.

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

share|improve this question
Instead of posting a bunch of these questions, perhaps start with a good Photoshop book or some tutorials? –  DA01 Jan 25 '11 at 16:28
@DA01 - Fair enough. Care to recommend some?</seriousness> <rant>Most Googleable ones are old/off topic or expert. (How to draw a surreal pop-sci-fi scene with blood and gunshots: 8,563 steps.) I can do decent basics in Photoshop. Some things, I never learned.</rant> –  Moshe Jan 25 '11 at 16:30
Sorry to jump in, Photoshop is a complex application that's not easy to learn and hard to master (I've been using for 20+ years now and I still don't tap into all of the tools), which speaks to why the tutorials you find go from really simple to the seemingly complex. It will take running through a bunch of those to get a sense of how Photoshop works. There are so many books out there, one could ask a question on just that. You're going to have to do some research to find one that meets your own needs and interests, but Adobe's own Classroom in a Book series is a good place to start. –  Philip Regan Jan 25 '11 at 18:23
I am absolutely against any comment that is a negative or argumentative one. I agree that question like this should be easy to find on google, but at the same time I prefer to tell that you can find a solution in google AND give the answer for politeness. –  Littlemad Jan 26 '11 at 8:54
I'm cool with the question. But not 3 in a row all about how to do specific things that are all something one can find via google. That begins to cross the line into SPAM, intentional or not. –  DA01 Jan 27 '11 at 14:57
show 1 more comment

4 Answers

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

share|improve this answer
add comment

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
add comment

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
add comment

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
add comment

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.