Abstract geometric pattern in Adobe Illustrator

0 Projects

On today’s tutorial, we’re going to make a geometric pattern. This type of pattern is very useful for our illustrations and easy to personalize with your own choice of color palette. Let’s go!

1.Prepare the new document

The first step is to create a new document in Illustrator. Go to File > New Document, and input these values:

• Size: 1200 x 700px

• Color Mode: RGB

• Resolution: 72ppi

Select “Align New Objects to the Pixel Grid”.

2. Choose the color palette

We’ll begin by selecting the color palette we want for our pattern. Once you’ve decided on your colors, open the Swatch Panel by going to Window > Swatches. Create a folder for your selected colors by clicking on Create New Color Group.

3. Create the shapes for our pattern

Step 1

Make a hexagon with the Polygon tool. Then, with the Line Segment tool, draw three lines through the angles (with no fill or stroke). Then divide these by selecting Divide in the Pathfinder panel. This way, our hexagon becomes six triangles.

Step 2

Ungroup the triangles, go to Object > Ungroup, so you can select them individually with the Selection tool. Then, apply the colors you chose from your Swatch panel.

4. Create the pattern

Step 1

Once you’ve applied the color, group by going to Object > Group. Then select the hexagon and drag it into the Swatch panel.

Step 2

Double click on the swatch that you just created. This takes us into the options for that swatch. Change the Tile Type to Hex by Column. 

5. Apply the pattern

Our pattern is almost there. We just need to apply it to our Artboard with the appropriate size. We’ll do this with a rectangle, using the Rectangle tool. Make the rectangle the same size as the Artboard and then apply the pattern to it from the Swatch panel. 


It’s important to point out that the size of our polygon in our pattern depends on the size of the hexagon when we drag it onto the Swatch panel.

So, if you’re not convinced, you can try a different pattern by modifying the size of the hexagon.

But you should try out different shapes and sizes, as any modification could change the pattern significantly.

And that’s all! A really versatile design we can give so many different uses. I hope you enjoyed the tutorial and found it useful.

See you next time!

Now you can show the world what you have learned.

Add a new project

Help us to improve tutpad

What's your opinion of this tutorial?

Login or register to comment

Best answer
5 months ago


I made my rectangle, applied the pattern swatch and this happened! I am using CC 2017

I think I found your problem! In pattern options were it says "Copies" you have 5x5 and she has 3x3, try that and I hope it helps!

- mary_smith 5 months ago
american-express behance calendar check cloud comment cross disabled down download dribbble envelope error exclamation facebook file filter folder globe google+ heart heart home inbox info instagram vimeo interogation laptop left linkedin lock logout marker master-card minus prev notification pause paypal pencil phone pinterest play forward plus prev refresh resize right save search settings share star stop stumbleupon support tablet tag thumb-down thumb-up time trash twitter unlock up upload url user visa warning youtube zoom-in zoom-out fire menu-burger eye paper-plane shopping-cart subtitles icon photo vector mockup video flame copyright volume list fullscreen stats earnings receipt bug replay beginner intermediate advanced English clip suitcase French Spanish Italian Brazilian happy neutral-happy neutral neutral-sad sad premium spinner cookie credit-card align-left align-center align-right justify bold underline italic typography link right-quotations list-editor grid