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.

I would like to make a simple line pattern rotated at 30 degrees, but no matter what I try I can't make it repeat itself without the lines being cut. Is this possible to do?

share|improve this question
add comment

2 Answers

Attached is an example of tileable 30° pattern. Note two things:

  1. It has 1:2 ratio - for 30° each pixel on one axis corresponds to two pixels on another axis.

  2. Mind the corner pixels you have to add in order for the pattern to tile properly.

30 degree PNG pattern

share|improve this answer
add comment

There's a similar question here with a link to a pattern tutorial.

The tough part is getting your pattern to tile properly. Given how easy it is to use once you get it right, it's worth the effort.

One key tip to keep in mind: Create your pattern with global swatches. That way you can update colors in the pattern swatch without generating a new tile.

The quick and dirty way to get it to work is with Transform effects (Effect > Distort & Transform > Transform...). Obviously you would adjust this to fit your desired pattern area. you can also follow the same methods and create the pattern tile at the end.

  1. Start with a basic line (actually a shallow rectangle in my example). enter image description here

  2. Apply the rotation via a Transform effect (I like to leave the original intact as long as possible ;)

    enter image description here

    enter image description here

  3. Apply a new Transform effect to create duplicates of your rotated shape.

    enter image description here

    enter image description here

Here's what it would look like in the Appearance panel:

enter image description here

share|improve this answer
    
In Illustrator you can simply create a vertical line pattern (simple and easy) and then rotate the pattern 30 degrees (or any other amount). There's no real advantage to trying to create an angled line pattern at an actual angle in Illustrator. But the question is asking about Photoshop. You can't simply rotate pattern fills in Photoshop. –  Scott Jan 30 '13 at 21:19
    
Sorry, I should've clarified the whole process ... You can create them in Illustrator and port them over. I just find it easier that way. –  plainclothes Jan 30 '13 at 21:33
add comment

Your Answer

 
discard

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.