How to Make a Pattern in Adobe Illustrator

by Digital Position, LLC Collaborator December 15, 2019

How to Make a Pattern in Adobe Illustrator

When you know how to make simple illustrations in Illustrator it's easy to create eye catching patterns. Learning how to make seamless patterns is a great way to repurpose existing work in branding, licensing, and package design.

Some designers make a full-time living selling patterns on sites like Spoonflower.

Illustrator has some new tools that make pattern making mindless. But in this tutorial we're going to go old school and show you how to plan a pattern in Illustrator analog style.

Why?

Because understanding how to make patterns is an important design skill. It will help you make better patterns in Illustrator and any software as well as your sketching and concept work.

In this simple tutorial we'll show you the best tips and tricks to start making patterns in Illustrator fast.

Document Setup

For this tutorial, I will be creating a seamless pattern in Adobe Illustrator without using Adobe’s Pattern Maker tool. I begin with a 12 × 12 inch artboard at 300dpi and CMYK color mode. See Fig. 1

NOTE: Seamless repeat pattern swatches do not have to be made on a square artboard made as a square tile. You can make pattern swatches on a rectangular artboard as well, provided you apply the same basic principles when placing your motifs.

Bounding Box

On a new layer I create a square bounding box that matches the size of the artboard, in this case 12” x 12”. Make sure that the 12” square bounding box has no stroke and no fill. Align the bounding box so that it lines up perfectly to the confines of the artboard. Lock the layer.

The bounding box will essentially work as a clipping mask and will confine your artwork to the artboard when exporting out your file. See Fig. 2A.

Background Color

I create a new layer for the background color and make a 13” x 13” square that extends beyond the artboard edges. Align this square (both horizontally and vertically) with the artboard and lock the layer. See Fig. 2B.

Create your Motifs

Draw your motifs using the Pen tool, the Pencil tool, Shapes or the Blob Brush tool. Create a new, separate layer for each of your motifs. This will make it easier to create repeats of each motif later on, should you need to. See Fig. 3.

Arrange your motifs

Have fun placing your motifs in a random pattern in and around the artboard until you find a pleasing composition.

You can resize some of them (hold down the Shift key to scale them up and down in size proportionately). Mirror/reflect (Object > Transform > Reflect) and rotate (Object > Transform > Rotate) others.

Some of your motifs will overhang the artboard, don’t worry we will deal with that in the next few steps. See Fig. 4.

NOTE: There are many types of pattern layouts - Block, Brick and Half Brick, Drop, Tossed, Random, Ditzy to name just a few.

One of the most important things to keep in mind when creating a seamless pattern in Illustrator is that any object or motif that travels outside the edges of the artboard must have the extending pieces repeated within the artboard area in order for the pattern to be seamless.

For example if the motif is in the top left corner, but overhangs the edges of artboard and gets “cut off”, the “cut off” piece must be repeated on the right hand side of the artboard at an equal distance inside the artboard. Because we are using a 12” x 12” artboard, any “cut off” motifs will be repeated at 12” both horizontally and vertically.

See Fig. 5: To do this properly you will create copy of the extending motif and paste it in place. CMD C (to copy), CMD + Shift V (to paste in place).

Use the Transform tool to move the copy. Put a + symbol and type in the number 12 on the X: axis.

SeeFig. 6: This will move the copied motif over 12 inches and it will now overhang the edges of the artboard on the opposing side.

Because the two motifs in Fig. 6 overhang the upper edges of the artboard they need to be repeated vertically.

See Fig. 7: Select both motifs in the top left and right hand corners, copy and paste them in place. CMD C (to copy), CMD + Shift V (to paste in place).

Use the Transform tool to move the copied motifs. Put a + symbol and type in the number 12 on the Y: axis.

See Fig. 8: This will move the copied motifs downwards 12 inches and they will now overhang the bottom left and right hand edges of the artboard.

Continue to copy and paste your motifs until all overhanging motifs have a repeat on the opposing side. See Fig. 9.

NOTE: Using the + andsymbols in the Transform panel

X: axis, using the + symbol – Moves the copy horizontally to the right,

X: axis, using the - symbol – Moves the copy horizontally to the left,

Y: axis, using the + symbol – Moves the copy downwards vertically,

Y: axis, using the - symbol – Moves the copy upwards vertically.

It’s time to create the Pattern Swatch

Start by unlocking all of your layers. Select all (CMD + A) and drag everything into the Swatches panel. See Fig. 10A and 10B.

Test your Pattern Swatch

Sometimes pattern swatches don’t repeat properly. It could be an accidental nudging of one motif that throws it off, or you may have missed making a repeat of a motif. That’s why it’s always a good idea to test your pattern swatch to make sure it repeats properly before you use it elsewhere.

To do this, create a new layer and make a new square (I make mine 24” x 24”), but any size that’s larger than the pattern swatch will do. Fill the square with the newly created pattern swatch. See Fig. 11.

To see your pattern at a smaller scale go to Object > Transform > Scale.

Set the Scale to Uniform, pick the Percentage you would like to see your pattern scaled to, under Options check the box next to Transform Patterns, check the box next to the Preview button. See Fig. 12.

Export your Swatch

If you are happy with the results of your new seamless pattern swatch you can now export it out of Illustrator. That’s it... have fun making your own swatches!

Enjoy this tutorial? Here are some other tutorials you might enjoy:





Digital Position, LLC Collaborator
Digital Position, LLC Collaborator

Author


Leave a comment

Comments will be approved before showing up.


Also in Tutorials

How to Sketch Like a Comic Book Artist
How to Sketch Like a Comic Book Artist

by Robin Banks March 02, 2021 3 Comments

Watch Robin Banks share their sketching process for a character. You'll see them start by creating loose forms of the illustration with a blue pencil and then use a red pencil to carve out the final details of the illustration before inking.

View full article →

DupliTone Community Showcase
DupliTone Community Showcase

by Dustin Lee February 25, 2021

Check out examples of real customer work using RetroSupply's DupliTone halftone brushes including detailed shading examples as well as bold and simple applications.

View full article →

How to Get Perfect Halftones in Procreate
How to Get Perfect Halftones in Procreate

by Dustin Lee February 13, 2021

We've noticed a little quirk in Procreate that can throw off the authentic look of halftones when you're working in Procreate. Here's a little known trick to make perfect halftones in Procreate using ColorLab and DupliTone. When you adjust halftone size...

View full article →

×
Welcome Newcomer