I need a repeatable diagonal line pattern, but I'm not quite sure how to achieve this. I made the stripe 3px wide, then transparent spacing 6px wide, then rotated the canvas 10° (which is what I need). How can I make this into a tileable pattern?

enter image description here

So I followed the second answer in the duplicate question and ended up with what I needed.

enter image description here

  • Do you need a single tile to be exported, or will this remain within the Photoshop document?
    – JohnB
    Mar 26 '14 at 16:47
  • I need to save it as a png and use it for a background on a website. Mar 26 '14 at 16:49
  • Here's how I'd want it to look on the site: i.imgur.com/5v0jOyl.png Mar 26 '14 at 18:32

While it's not Photoshop, for something like this I typically use http://www.stripegenerator.com/ for some thing like this. That way you could create the stripe you want, save it out and set the image as a pattern in Photoshop and have that image for when you're looking to tile that pattern on your website.

  • Yeah, I checked out that website earlier. The thing is, I need it to be a specific degree. Plus that site didn't seem to have a transparency option. Thanks anyway though. Mar 26 '14 at 18:23

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