Featured Article

.master Diagonal Repeat in Illustrator: Step-by-Step

Cynthia Jul 13, 2026

Ever found yourself staring at a blank canvas in Adobe Illustrator, craving a repetitive, diagonal pattern to bring your design to life? You're not alone. Creating a repeating diagonal pattern can add depth, dimension, and a whole lot of zing to your artwork. Today, we're going to demystify this process and transform you into a diagonal pattern pro.

How To: Create a Seamless Diagonal Pattern in Illustrator
How To: Create a Seamless Diagonal Pattern in Illustrator

First things first, understanding the concept of 'pattern overlay' is key. Imagine taking a small graphic, tiling it in a specified direction, and repeating it across your artwork. That's essentially what we're going to do, but with a diagonal twist.

Diagonal Repeat Patterns in Illustrator
Diagonal Repeat Patterns in Illustrator

Creating Your Base Graphic

Begin by creating or selecting the graphic you want to pattern. It could be a simple shape, an intricate illustration, or anything in between. TheGraphics pane (Window > Graphics) is your friend here.

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

For this example, let's use a basic triangle. Select the Rectangle Tool (M), draw a shape, and then hold down Shift while pulling one of the corners to make it triangular. Now, let's make it a bit more interesting. With the triangle still selected, open the Swatches panel (Window > Color > Swatches) and apply a gradient or two.

Forming a Basic 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, let's turn this triangle into a pattern. Open the Pattern Options panel by clicking on the small square icon at the bottom of the Swatches panel, or go to Object > Pattern > Make.

In the Pattern Options panel, choose Tile from the drop-down menu. Select Scores to define the tightness of your pattern. A higher score results in a tighter, more frequent pattern. The Offset value determines how much space you want between each pattern repeat.

Tiling Diagonally

How To: Create a Seamless Diagonal Pattern in Illustrator
How To: Create a Seamless Diagonal Pattern in Illustrator

The magic happens with the Angle field. Set the angle to something other than 0° or 90° for a diagonal effect. Let's try 45°. You'll see your triangle pattern start to form, tiling diagonally across your artboard.

Adjust the size of your pattern using the Width and Height fields in the Pattern Options panel. Then, click Done. A new swatch containing your diagonal pattern will appear in the Swatches panel.

Applying the Diagonal Pattern

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

Now it's time to put your new pattern to good use. With your desired Stroke and Fill applied, select the PaintBucket Tool (K) or Brush Tool (B), and click and drag over the area where you want your diagonal pattern to appear.

The diagonal pattern swatch you created will appear on your artwork. To adjust its color, select the Direct Selection Tool (A), click on the Pattern Swatch icon that appears, and then pick a new color from the Color panel. You can also adjust the pattern's size or rotation directly on the artboard.

Artdeco Pattern Design in Illustrator
Artdeco Pattern Design in Illustrator
How to Make a Repeating Seamless Pattern in Illustrator
How to Make a Repeating Seamless Pattern in Illustrator
How to Create Dynamic Pattern in Illustrator
How to Create Dynamic Pattern in Illustrator
Illustrator - Diagonal Line Pattern - Quick, Easy & Foolproof seamless repeats
Illustrator - Diagonal Line Pattern - Quick, Easy & Foolproof seamless repeats
How to create a repeat pattern in Procreate
How to create a repeat pattern in Procreate
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
How to make Seamless pattern in illustrator
How to make Seamless pattern in illustrator
How to Create a Colourful Geometric Pattern in Illustrator
How to Create a Colourful Geometric Pattern in Illustrator
What Is a Straight Repeat in Pattern Design?
What Is a Straight Repeat in Pattern Design?

Editing Your Diagonal Pattern

To make changes to your pattern, double-click on the Pattern Swatch in the Swatches panel. You'll be taken back to the base graphic, where you can edit as needed. Once you're happy, click Done and your changes will be applied to all instances of the pattern in your artwork.

Remember, patterns don't just have to cover entire shapes. You can apply them to individual objects, lines, or even text for a unique, eye-catching effect.

That's it! You've successfully created a repeating diagonal pattern in Adobe Illustrator. Now go forth and diagonalize the design world.