Beautiful patterns can be easily created by duplicating basic shapes with a simple colour scheme. This tutorial explains the process of creating a trendy chevron background pattern using Illustrator‘s vector shape tools. We’ll then take the design over to Photoshop to add some extra polish and really bring the pattern to life with subtle gradients and texture effects.

Abstract geometric background pattern

Here’s the final abstract geometric background pattern we’ll be creating. It’s made up of a simple tessellating shape which alternates through a warm colour scheme and is given some texturing treatment in Photoshop to bring it to life with subtle detail. This kind of abstract pattern design can look fantastic when applied as a background to all kinds of digital and print work.

The first step when creating a design with a limited colour scheme is to draw up a series of swatches to form a palette. Here I’ve picked out a cool mix of hues named We are young from ColourLovers. Draw a series of squares in Illustrator and use the Eyedropper tool to Shift-Click and take a sample of each colour from a screenshot.

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. That was so awesome!! Thank you so much!! Your tutorials are the BEST! I always look forward to them!

  2. Hi Chris! Love your end result of this tutorial.
    I’m a bit of a beginner and I’m stuck on the step in Photoshop – “Set the value of the foreground colour to one of the design’s swatches using Photoshop’s Color Picker.”
    How do I do this?
    Thanks. :)

  3. Oops no I’ve figured it out but now I’m having trouble with the burn and dodge tools. Nothing seems to be happening when I use them, any tips? :)

  4. Thanks so much for this tutorial. I got stuck a couple of time, but worked it out. lol. But don’t take that as criticism, this project is only my 2nd attempt at using Illustrator! Total noob!!
    Thanks again x

Comments are now closed