Create A Geometric Repeated Background with Adobe Illustrator

Create A Geometric Repeated Background with Adobe Illustrator 1024 602 Nick Saporito

In this tutorial I’ll be demonstrating how to create a repeatable geometric pattern using Adobe Illustrator CC. In the end we will have a single rectangular tile that can be repeated infinitely and seamlessly for use as a background.

Learn How To Design Logos

If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.

The following is just a brief overview of the steps taken to achieve this result. For complete step-by-step instructions, please refer to the video tutorial at the top of the page.

Geometric Background Pattern

First we will use the Polygons tool to create a hexagon where two of the corners are pointed vertically.

Step 1

Next we will create three more copies of the hexagon and arrange them next to each other and on top of the original. I recommend that you give each of them different colors and drop the opacity roughly in half so that they’re more easily distinguishable.

Step 2

150+ Logo Templates

Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.

Now we will use the Shape Builder tool to condense all of the hexagons down into a single three-piece cube-like shape.

Step 3

Now we will cut a corner out of the top piece. This part is rather important, so make sure to watch the video tutorial to get the exact size and position of the cut.

Step 4

We will now replace the other two pieces with new pieces that have a similar corner cut into them.

Step 5

What we can do now is create several copies of our triangular design and snap them into each other like puzzle pieces.

Step 6

Go ahead and make copies going around the entirety of the original design, then color them in using any 3 colors you’d like. I recommend choosing shades that contrast nicely with each other.

Step 7

Now we’ll create a strategically-place rectangle and use it as a reference point for the final tile.

Step 8

Use the Shape Builder tool to eliminate everything outside of that rectangle.

Step 9

The resulting tile can be duplicated and stacked next to each other infinitely and seamlessly.

Step 10

Go ahead and export your tile as a PNG or JPG and you’ll be all set! You can use it to generate repeating backgrounds.

Finished pattern

If you have any questions simply leave a comment below, and as always, thanks for watching!


Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick Saporito

Nick Saporito is a Philadelphia-based graphic designer who specializes in branding-specific design. A full portfolio and information regarding services offered can be found at LogosByNick.com.

All stories by: Nick Saporito

Leave a Reply

Your email address will not be published.