Select a language

Shutterstock Blog Shutterstock Blog

How to Create a Diagonal Stripe Pattern in Illustrator

By Erica Treux, Shutterstock Contributor

With the potential to be subtle, bold, or eye-popping, diagonal stripes are among the most versatile patterns around. If you find yourself needing a diagonal stripe pattern in a hurry, here’s the quickest way to make one.

Please note: If you’re familiar with Illustrator, you can follow the five main steps below. (For more detail, refer to the sub-steps.) 1) Create two rectangles side-by-side. a) Use the Rectangle Tool (M) to draw a rectangle.

b) Use the Line Segment Tool (\) to draw an intersecting line through your rectangle. (Hold down Shift as you drag to constrain the angle.)

c) The two halves represent the thickness that your stripes will be. For equal stripes, select both objects then click the Horizontal Align Center button on the Align palette.

d) With both objects still selected, click the Divide button on the Pathfinder palette.

2) Color the rectangles.  a) Use the Group Selection Tool to select one of your rectangles.

b) Set stroke color to None and assign a fill color. The color you choose will determine what color your stripes are. c) Repeat steps 2a and 2b for the other rectangle.

3) Create a pattern swatch with your rectangles.  a) Select both of your rectangles. b) Drag and drop the group into the Swatches palette.

4) Use your pattern swatch as a fill. a) Draw an object of your choice. In this case, draw a star. b) With the fill active, select your new pattern from the Swatches palette.

5) Adjust the pattern rotation. a) Right-click on your selected object and go to Transform-> Rotate.

b) Type your desired angle into the dialog box. c) Make sure ONLY the patterns checkbox is checked. d) Click OK.

Your pattern-filled object is finished! And since it’s a vector, the color, scale, rotation, and more remains flexible if you change your mind. Have fun experimenting on your own!

Comments