7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
  1. Design & Illustration
  2. Patterns

How to Make a Herringbone Pattern in Illustrator

Scroll to top
Final product imageFinal product imageFinal product image
What You'll Be Creating

Illustrator line patterns never go out of style. Just like other Adobe Illustrator patterns, they're a great and quick way to make the artwork more interesting. If you want to learn how to make a pattern in Illustrator, in this tutorial I'll show you how to create a herringbone pattern, how to make it seamless, and how to save it as an Illustrator pattern.

Follow along with us over on our Envato Tuts+ YouTube channel:

How to Make a Herringbone Pattern in Illustrator

Step 1

Create a New File. Press D to reset the Fill and Stroke.

reset the colorsreset the colorsreset the colors

Step 2

Use the Rectangle Tool (M) while holding Shift to draw a square.

draw a squaredraw a squaredraw a square

Step 3

Go to Object > Path > Split Into Grid. Add 3 Rows and Columns.

split square into gridsplit square into gridsplit square into grid
create a grid from squarecreate a grid from squarecreate a grid from square

Step 4

Take the Line Segment Tool (\) and draw diagonal lines across all the squares. First to the right...

draw diagonal lines to the rightdraw diagonal lines to the rightdraw diagonal lines to the right

... then to the left. Make sure to start and end these lines on anchor points.

draw diagonal lines to the leftdraw diagonal lines to the leftdraw diagonal lines to the left

Step 5

Lock this layer and create a new one. Take the Pen Tool (P). Reset the Fill and Stroke again by pressing D. Click the following points to draw a tilted rectangle.

lock the layerlock the layerlock the layer
draw rectangledraw rectangledraw rectangle

Step 6

Hold Alt and drag the rectangle to create a stack of them. Make sure to place each one exactly within the lines.

copy the rectanglescopy the rectanglescopy the rectangles

Step 7

Select the whole stack. Go to Object > Transform > Reflect. Check Vertical and click Copy.

reflect the selectionreflect the selectionreflect the selection

Step 8

Drag the selected copy to the right until both stacks mesh.

create mesh patterncreate mesh patterncreate mesh pattern

Step 9

Hold Alt and drag the reflected stack to the left, to mesh it with the left side of the original stack.

herringbone pattern illustratorherringbone pattern illustratorherringbone pattern illustrator

Step 10

Select All (Control-A) and adjust the thickness of the Stroke if you feel it's not accentuated enough.

change stroke widthchange stroke widthchange stroke width

Step 11

Hide this layer. Create a new one and draw a square over the original one. Remove its Stroke.

hide the layerhide the layerhide the layer
draw a squaredraw a squaredraw a square
remove stroke colorremove stroke colorremove stroke color

Step 12

Show the lower layer and Select All. Go to Object > Clipping Mask > Make.

make clipping maskmake clipping maskmake clipping mask

Step 13

To create an Illustrator pattern, just select the whole object and drag it to the Swatches panel.

create pattern illustratorcreate pattern illustratorcreate pattern illustrator

Step 14

There's one more thing we need to do, though. Because we used a clipping mask, Illustrator doesn't yet know which outline to use for the pattern. To set it, double-click the pattern on the list and check Size Tile to Art. Click Done.

create seamless pattern illustratorcreate seamless pattern illustratorcreate seamless pattern illustrator

Step 15

Your Illustrator pattern is done! Now, if you want to use your herringbone pattern in Illustrator, simply select the object that you want to apply it to, and click the pattern on the list.

make pattern illustratormake pattern illustratormake pattern illustrator

If you want to create a modified version of this herringbone pattern, it's very easy. Just select the rectangles separately to add colors to them. Just pay attention to the structure of the pattern—because it's seamless, a rectangle that gets cut on top is the same as the one that appears on the bottom. So they have to have the same colors for the pattern to work seamlessly.

seamless pattern illustrator herringbone pattern illustratorseamless pattern illustrator herringbone pattern illustratorseamless pattern illustrator herringbone pattern illustrator

Illustrator Patterns Ready to Use

30 Seamless Patterns

This pack contains 30 seamless patterns in 15 unique combinations. Follow these pattern and color combinations and you can’t go wrong—just mix and match your patterns for some awesome and impressive results. You can also try your own combos and change the colors and pattern sizes to make your designs unique!

seamless pattern illustratorseamless pattern illustratorseamless pattern illustrator

Goyard Pattern Backgrounds

This pack contains ten abstract Goyard pattern backgrounds for your projects, with vibrant, high-resolution colors!

illustrator patternillustrator patternillustrator pattern

Geometric Pattern Collection

Get ten carefully crafted geometric seamless patterns for your next project! It works perfectly for creating posters, business cards, banners, invitations, textures, packaging design, illustrations, and much more!

Geometric Pattern CollectionGeometric Pattern CollectionGeometric Pattern Collection

Bold Seamless Patterns

This collection contains 20 seamless vector patterns. Improve your design project with these patterns. They're useful for decorating web designs (banners and backgrounds) as well as print designs (cards and wrapping paper) or textile (t-shirts and cushions).

adobe illustrator patternsadobe illustrator patternsadobe illustrator patterns

Good Job!

Now you know how to create a repeating pattern in Illustrator. If you want to learn more about how to create a pattern in Illustrator, check out our other tutorials:

how to make a pattern in illustratorhow to make a pattern in illustratorhow to make a pattern in illustrator
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.