Tutorial: Create Custom Seamless Patterns in Adobe Illustrator

by Maddie Stearn on January 3, 2017 No comments

Let’s talk patterns—sometimes it’s good to repeat yourself. From paisley medallions to bricklay to interlocking geometrics, there’s no end to repeating designs to choose from when looking for the right background or texture. And there are certainly plenty of stock seamless patterns out there—but what if you have a specific design in mind? In those cases, it’s helpful to know how to create your own custom seamless patterns.

Adobe Illustrator’s pattern tool makes creating seamless patterns incredibly easy–so easy, in fact, that the hardest part is deciding what to put in your design. Luckily, our library of stock vectors can help with that part of the process. We’ve even curated a gallery of vectors to help spark some creative inspiration.

To get started, pick a shape or design that you want to use in your pattern. It’s also easy to pick and choose elements from existing patterns or preset design elements. For this tutorial, we used these stock owl vectors and stock animal vectors.

0-patterns

Step 1. Open the Files in Illustrator

Open all of the files that you’ll be using to make your custom design.

1-open-files-compressor

Step 2. Select Objects

Use the group selection tool to select the first object for your design. If you select more objects than you intended, just Shift+Click on the elements that you don’t want to include in your final design.

Once selected, copy the element and open a new file (of any size) in Illustrator. Paste the element into the new file. Continue to copy all of your desired elements and paste them into the same Illustrator file.

2-select-elements-1-compressor

3-select-elements-2-compressor

Step 3. Create a Custom Design

Experiment with the placement and colors of the objects until you’re satisfied (this is the difficult part).

Here is the design that we created and the hexadecimal codes for each color:

4-colors-2

Step 4. Add a Background (optional)

If you’d like to add a background, draw a rectangle that covers the entire canvas. Expand the Layers tab and find the rectangle layer. Double click on the empty space just to the right of the eye icon. A lock icon should now appear in that space. Locking the rectangle layer will ensure that you will be able to select your design elements without the rectangle getting in the way.

5-lock-rectangle-2-compressor

Step 5. Use the Pattern Tool

Select your entire design and click Object > Pattern > Make. Click “OK” on the box that pops up.

6-make-compressor

7-ok-compressor

Step 6. Experiment with Placement and Spacing

The pattern tool has some great functions, so we recommend that you do some experimenting. In the images below, we highlight some quick and easy changes you can make to your pattern to achieve the desired placement and spacing.

Tile Type
This function allows you to change the alignment of each “brick” in your pattern, In this case, we decided that we liked the “Brick by Row” option best for our owl pattern.

8-1-tile-type-compressor

Brick Offset
This function is only available for the Brick by Row and Brick by Column tile types. The Brick Offset button determines the location on the canvas where each row of the pattern starts. Click through the different options to get a feel for how this tool works.

8-2brick-offset-compressor

Width and Height
This option allows you to change the width and height of the spaces between each brick in your pattern.

8-3-width-height-compressor

Copies
This function allows you to see what your pattern would look like with different dimensions. Each option measures your pattern by bricks, so for our current example, the 7×7 option will show 7 owls x 7 owls.

8-4-copies-compressor

Dim
The “Dim” option has no effect on your final pattern, but you might find it useful as you experiment with the size and spacing of the bricks. The lower the percentage, the dimmer the rest of the pattern becomes while the highlighted brick retains its original luminosity.

8-5-dim-compressor

Step 7. Click “Done”

Once you are happy with the spacing and placement of your pattern, click “Done.”

9-done-compressor

Step 8. Put Your Pattern to Use and Start Creating!

This is where we get to test out our custom pattern. Select the rectangle tool, then select the last swatch under “Swatches.” This swatch is the new pattern that we’ve just made.

Once the swatch is selected, simply draw a rectangle. If you adjust the size of your rectangle, the pattern will automatically fill the entire area.

10-rectangle

But how can we tell that this is a seamless pattern? Simply copy and paste the rectangle you just made. Align the rectangles and you’ll see that the pattern lines up seamlessly!

11-copy-paste

There you have it—your pattern is complete!

12-final

Now you can let your creativity run wild and create your own seamless patterns. There’s no need to feel limited by existing designs—just pick and choose what you like to create something completely new. To get you started, you can check out our hand-picked gallery of stock vectors, all royalty-free with unlimited downloads when you’re a GraphicStock member.

 

Go Seamless with Stock

 

Maddie StearnTutorial: Create Custom Seamless Patterns in Adobe Illustrator

Related Posts

Take a also a look at these posts

Join the conversation

Or