Featured Article

Step-by-Step: Create Repeat Patterns in Adobe Illustrator

Cynthia Jul 13, 2026

Creating engaging repeat patterns is an essential skill in graphic design, and Adobe Illustrator is the perfect tool for the job. In this guide, we'll walk you through the process of making a repeat pattern, from creating your design to setting up the pattern options. Let's dive in and start designing!

How to Make a Repeating Seamless Pattern in Illustrator
How to Make a Repeating Seamless Pattern in Illustrator

Before we begin, make sure you have Adobe Illustrator installed on your computer. If you don't have it yet, you can download a free trial or use the student and teacher discounted plans. Now, let's get started with creating your repeat pattern.

a computer screen with an ad on it that says let's make a repeat pattern using adobe illustrator
a computer screen with an ad on it that says let's make a repeat pattern using adobe illustrator

Designing Your Pattern

To create an interesting repeat pattern, you first need to design an element that will repeat and create an interesting visual effect when tiled together. For this tutorial, we'll create a simple geometric pattern using shapes and strokes.

Free adobe illustrator pattern preview tutorial
Free adobe illustrator pattern preview tutorial

Here's how to create your initial design:

  1. Open Adobe Illustrator and create a new document with any size you prefer.
  2. Using the Rectangle Tool (M), draw a square in the center of your artboard.
  3. Fill the square with a color using the Color Panel (Shift + F5), and add a stroke using the Stroke Panel (Shift + F10). You can adjust these values in the Control Bar at the top of your screen.
  4. With the square still selected, pressCtrl + D to duplicate it.
  5. Lock the original square (Object > Lock > Selection) and move the duplicate to create an offset pattern. You can use the Selection Tool (V) and the arrow keys to move it precisely.
  6. Adjust the stroke and fill colors of the offset square to create a simple, two-color design.
How to Make a Repeat Pattern in Photoshop
How to Make a Repeat Pattern in Photoshop

For now, leave your design as is. In the next section, we'll prepare it for the pattern swatch.

Preparing Your Design for the Pattern Swatch

Before creating the pattern swatch, we need to ensure that your design is optimized for tiling. This step helps create a seamless pattern without visible edges when the design is repeated.

The easy way to create repeating patterns in Procreate
The easy way to create repeating patterns in Procreate

Follow these steps to prepare your design:

  • Use the Selection Tool (V) to select both shapes in your design.
  • PressCtrl + G to group the shapes. This ensures that they stay together when you create the pattern swatch.
  • With the group selected, open the Align Panel (Window > Align) and click on the 'A' icon to turn on Smart Guides. This will help you position your design precisely.
  • Use the Selection Tool (V) to align the group to the artboard's center. This ensures that your design will tile evenly from the center point.
  • Make sure that the group is selected and go to Object > Rasterize. In the Rasterize dialog box, choose Gray and click OK. This step converts your vector design into a pixel-based image, allowing it to tile seamlessly.

With your design prepared, you're ready to create the pattern swatch in the next section.

How to Design a Repeat Pattern (part 2): Sketch to Illustrator Raster Image, Bamboo Tablet, Surface Pattern Design, How To Make A Repeating Pattern In Illustrator, Adobe Illustrator Repeat Feature Guide, How To Create A Repeating Pattern In Illustrator, Making A Repeating Pattern In Illustrator, Repeating Patterns, Pencil Tool
How to Design a Repeat Pattern (part 2): Sketch to Illustrator Raster Image, Bamboo Tablet, Surface Pattern Design, How To Make A Repeating Pattern In Illustrator, Adobe Illustrator Repeat Feature Guide, How To Create A Repeating Pattern In Illustrator, Making A Repeating Pattern In Illustrator, Repeating Patterns, Pencil Tool

Creating the Repeat Pattern

Now that your design is ready, it's time to create the repeat pattern swatch. This swatch will contain your design and provide the tiling options for your pattern.

My 5 favourite Adobe Illustrator tips. A free tutorial for surface pattern designers. — Ashleigh Fis
My 5 favourite Adobe Illustrator tips. A free tutorial for surface pattern designers. — Ashleigh Fis
How to make a repeating pattern in Adobe Illustrator
How to make a repeating pattern in Adobe Illustrator
Adobe Illustrator for Repeat Pattern Designers Tips and Tricks
Adobe Illustrator for Repeat Pattern Designers Tips and Tricks
how to make a pattern in adobe illustrator | tutorial
how to make a pattern in adobe illustrator | tutorial
How to Create Assets for a Seamless Pattern — CatCoq
How to Create Assets for a Seamless Pattern — CatCoq
How to Make a Repeating Pattern Two Ways
How to Make a Repeating Pattern Two Ways
Pattern Design: From Sketch to Repeat Pattern | Using Adobe Draw & Adobe Illustrator | Maja Faber |
Pattern Design: From Sketch to Repeat Pattern | Using Adobe Draw & Adobe Illustrator | Maja Faber |
Repeat Pattern Illustrator:  How To Make a Seamless Repeat Pattern in Adobe Illustrator (SO EASY!!)
Repeat Pattern Illustrator: How To Make a Seamless Repeat Pattern in Adobe Illustrator (SO EASY!!)
an orange and pink pattern with the words creating a repeat pattern on top of it
an orange and pink pattern with the words creating a repeat pattern on top of it

Follow these steps to create the pattern swatch:

  • With your rasterized design still selected, go to Edit > Define Pattern.
  • In the Pattern Options dialog box, click on the drop-down menu at the top and choose Base Pattern.
  • You'll see your design displayed in a preview tile. You can adjust the width and height of the tile using the options at the top of the dialog box. Set both values to a small size, such as 10x10 inches, for a manageable pattern.
  • Click on the square in the Top/Left corner of the preview tile to add a locking arrow. This tells Illustrator to seam the pattern from this corner, minimizing the visibility of edges when tiling.
  • In the Name field, give your pattern a name, such as 'Geometric Pattern'.
  • You can also adjust the Mosaic and Scale options to create different types of patterns, but for now, leave these options at their default values.
  • Once you're satisfied with your pattern settings, click Done to create the pattern swatch. You'll find your new swatch in the Swatches panel (Window > Swatches).

Your pattern is now ready to use in your documents. In the next section, we'll explore how to apply your pattern to objects and modify its appearance.

Applying and Customizing Your Pattern

Now that you've created a repeat pattern swatch, you can apply it to objects in your documents and customize its appearance. Let's dive into applying and modifying your pattern.

Here's how to apply your pattern to an object:

  1. Open a new Adobe Illustrator document or create a new objects in your existing document.
  2. Select the object you want to apply the pattern to using the Selection Tool (V).
  3. Locate your pattern swatch in the Swatches panel (Window > Swatches).
  4. Click on the pattern swatch to apply it to the selected object. You should see your design repeat across the object, with seams minimized at the corners.

After applying the pattern, you can modify its appearance in various ways. Let's explore some customization options:

Scaling and Offsetting the Pattern

You can scale and offset the pattern to create different visual effects. Here's how to adjust these settings:

  • Select the object with the applied pattern using the Selection Tool (V).
  • In the Transparency Panel (Window > Transparency), click on the Pattern Options icon at the bottom. This opens the Pattern Options dialog box for the selected object.
  • In the Scale field, enter a value greater than 100% to make the pattern larger, or a value less than 100% to make it smaller. You can also click and drag the scale slider to adjust the size visually.
  • Enter a positive or negative value in the X and Y Offset fields to shift the pattern horizontally or vertically. This creates a unique, offset pattern effect.
  • Click OK to apply your scaling and offset changes.

You can experiment with these settings to create various custom patterns from your original design.

Modifying the Pattern Swatch

If you want to make more significant changes to your pattern, you can modify the existing pattern swatch or create a new one. Here's how to do both:

  • To modify an existing pattern swatch, double-click on the swatch in the Swatches panel (Window > Swatches). This opens the Pattern Options dialog box, where you can make changes to your pattern.
  • To create a new pattern swatch based on your existing design, select the original design in your artboard and go to Edit > Pattern Options. This opens the Pattern Options dialog box with your design pre-loaded. Make your changes, then click Done to create the new pattern swatch.

Now that you've created and customized your repeat patterns, you can explore more advanced techniques, such as creating seamless patterns from scanned or photographic images, or combining multiple patterns to create intricate designs.

Embracing the power of repeat patterns in Adobe Illustrator opens up a world of design possibilities. As you continue to experiment with your patterns, you'll develop a unique visual language that sets your designs apart. Happy designing, and we look forward to seeing the incredible repeat patterns you create!