Featured Article

Master Adobe Illustrator: Step-by-Step Guide to Create a Repeat Pattern

Cynthia Jul 13, 2026

Are you tired of single-color backgrounds in your graphic designs? Want to add some pizzazz to your projects? Creating a step and repeat pattern in Illustrator can help you achieve just that. Step and repeat patterns repeat images or shapes across a surface, perfect for creating textures, propulsions, or just plain fun designs. Let's dive in and learn how to create one.

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

Before we start, ensure you're working with a design where you want to apply the pattern. For this tutorial, let's assume you have a simple shape ready-made. Now, let's roll up our sleeves and create a step and repeat pattern.

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

Defining a Pattern in Illustrator

First things first, we need to define our pattern. Don't worry; it's not as complicated as it sounds. We'll use an existing shape that we want to repeat across the surface.

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

Select your desired shape or image. Then, head up to the 'Edit' menu and select 'Define Pattern'. Alternatively, you can use the shortcut: Option (or Alt) + Shift + P. This will open the Pattern Options dialog box.

Pattern Size and Tiles

5 Steps to Illustrating a Repeat Pattern by Hand | Skillshare Blog
5 Steps to Illustrating a Repeat Pattern by Hand | Skillshare Blog

In the Pattern Options dialog box, you'll see various settings. The height and width define the size of your repeating element. The x and y offsets allow you to skew your pattern for interesting effects. Play around with these settings to fit your design vision.

Under 'Tile Type', you have three options: Stagger, Grid, and Brick. 'Stagger' arranges your pattern in a diagonal line, while 'Grid' creates a rectangular grid. 'Brick' can create an offset, staggered effect similar to brickwork.

Built-In Patterns and Names

How to Make a Repeat Pattern in Photoshop
How to Make a Repeat Pattern in Photoshop

Illustrator comes with a built-in library of patterns. To see these, click on the dropdown in the Pattern Options dialog box. You can modify these patterns or use them as a starting point for your own designs.

Don't forget to name your pattern in the 'Name' field. This will help you organize your patterns in the future.

Applying Your 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

Now that your pattern is defined, let's use it in our document. Firstly, ensure you're on the correct layer or artboard where you want to apply the pattern.

Click on the 'Rectangle tool' (M) and draw a rectangle where you want your pattern to show. Next, go to the 'Swatch' panel (Window > Color > Swatch). Click on the 'Fill' color box and then on the small arrow next to it to open the Swatch Options dialog box.

How to Make a Repeating Pattern Two Ways
How to Make a Repeating Pattern Two Ways
How to create a repeating pattern in Procreate
How to create a repeating pattern in Procreate
an image of a green leaf pattern in photoshopped with the text layer editor
an image of a green leaf pattern in photoshopped with the text layer editor
the instructions for how to make an origami doll with pictures and text on it
the instructions for how to make an origami doll with pictures and text on it
How to Make Repeating Pattern Designs!
How to Make Repeating Pattern Designs!
Creating a Repeat Pattern
Creating a Repeat Pattern
How to create a pattern in the style of William Morris
How to create a pattern in the style of William Morris
How to Make a Seamless Pattern in Procreate — CatCoq
How to Make a Seamless Pattern in Procreate — CatCoq
How to Use Layout Templates to Save Time in Your Pattern Collections
How to Use Layout Templates to Save Time in Your Pattern Collections

Pattern as Fill

In the 'Fill' field, select 'None'. Then, click on the toolbar option that looks like a grid of smaller squares (it says '塗り縦'). This is the Pattern Fill toolbar.

Select the pattern you just created from the dropdown and watch as it fills your rectangle. You can adjust the size, scale, and diagnostics of the pattern using the sliders. Play around with these settings to achieve the desired look.

Pattern as Stroke

If you want to apply your pattern to the edge of a shape, you can do so as a stroke. Select your shape and head to the strokes panel. Repeat the process from the 'Fill' panel, this time selecting your pattern for the 'Stroke' field.

Editing Your Pattern

Patterns in Illustrator aren't set in stone (or, well, pixels). You can continue to edit them even after they're placed in your document. Select the rectangle or shape that has your pattern, and double-click on it to open the Pattern options dialog box.

Here, you can make any necessary changes, and the pattern will automatically update on your shape.

That's it! You've successfully created and applied a step and repeat pattern in Illustrator. Keep practicing and exploring to find the perfect pattern for your designs. Now go forth and make something amazing!