Abstract geometric patterns are one of my favourite things to create in Adobe Illustrator. There’s an infinite number of results that can be achieved by simply changing up the parameters, shapes or colours used each time. In today’s tutorial I’ll show you a series of techniques you can use to make your own vector geometric pattern. Follow the step by step guide exactly to replicate my design, or remix your own custom pattern artwork by using these techniques as a foundation for your experiments.

How To Create a Geometric Pattern in Adobe Illustrator

The artwork we’ll be producing in this tutorial is a crisp vector pattern made of geometric shapes, finished with a simple colour scheme. This pattern repeats infinitely, and since it’s made of vector graphics, it can also be scaled to any size too. This makes it an extremely versatile asset for your design projects. Patterns like this can provide a great looking background for a design, or even form an integral part of a brand identity.

Become a member to unlock this tutorial
(And gain access to 100s of premium design resources!)

Regular Updates

Regular Updates

New content is continuously added every month, so keep an eye on your inbox for updates!

Unlimited Access

Unlimited Access

Download as many items as you want for the duration of your membership, with no restrictions.

Cancel Anytime

Cancel Anytime

There’s no small print! You can cancel your payment subscription anytime you want.

Find out more about Access All Areas Membership

Example Access All Areas products


  1. I really love your good use of blend and zig zag effect to create the pattern here. The steps are simple and easy to follow too. Like how you use the Live Paint tool and swatches as well. But the final pattern here probably gives people headache! Haha.

  2. I’ve been a fan of your style for a long time and always check out your tutorials for new and exciting techniques. I finall signed up for your newsletter and love that I get your latest and greatest first thing in the morning. Thank you for your generosity and contributions to the design community, Chris!

  3. Hey Chris, I have been following all your tutorials. They are just great. I can’t thank you enough for them. Keep em coming.
    Regards, Uzma

  4. This IS a cool pattern-making idea and tutorial! Copying it for my tuts file, right now! LOL
    Thank you for your expertise!

  5. You are always my first priority when I’m looking for design tutorial, resources and ideas….truely you Spoonfeed me
    Thank you so much!

  6. Chris your tutorial helps me a lot to create a national pattern, I appreciate the way you show here. Honestly, I feel zig zag and its rhythm.

  7. This is really great post you people share here. We should give credit for all work we have completed using this tutorial. This post keep me creative which allows us to make money being web designer. Recently i design few geometric pattern for my client and earn few money :)

  8. Great tutorial! Love the pattern. However, I couldn’t get the lines to line up with the points the way you did. It still looked nice but when I tried to copy and line up the copy, it just wouldn’t work. Anyone else have this problem?

    • Yeah, the smart guides wouldn’t let me click everything together perfectly. When I zoomed in, the shapes clearly didn’t line up. Any tricks to getting them aligned properly?

  9. Learn about Photoshop through many hundreds of 100 free PhotoshopTutorials for a lot of skill level values and even ideal for the beginner
    If you want to get many hundreds of 100% free tutorials, Then go to this following address/ Link http://www.hasshasib.com/

Comments are now closed