with No Comments

Making geometric patterns in Adobe Illustrator is always a fun creative project. You can follow the same basic technique each time but experiment with different shapes and colours to create endless pattern styles. Follow along with today’s Adobe Illustrator tutorial to create a colourful geometric pattern based on a series of triangle shapes. I’ll show you how developing a simple rule to follow can transform a basic pattern into a much more complex layout with less repetition.

How to Create a Colourful Geometric Pattern in Illustrator

The pattern I will be creating in this tutorial is made using a simple triangle shape, which tessellates to cover an infinite area. A colour palette of four swatches helps mix up the pattern with a scattering of hues, which initially appears to be random, but actually follows a basic rule that gives the pattern design some uniformity.

How to Create a Colourful Geometric Pattern in Illustrator 1

Create a new document in Adobe Illustrator to begin. Since we’re making vector art, the artboard size doesn’t really matter, since the pattern can be scaled to any size later. Select the Rectangle tool and hold the Shift key while drawing the shape for form a square.

How to Create a Colourful Geometric Pattern in Illustrator 2

Select the Pen tool, then click a corner point to delete it to make a triangle shape.

How to Create a Colourful Geometric Pattern in Illustrator 3

With the Selection tool active, click and drag to rotate the shape. Hold Shift to constrain the angle to 45 degrees. It can help to go to Object > Transform > Reset Bounding Box to trim the outline back down to the size of the object.

How to Create a Colourful Geometric Pattern in Illustrator 4

Go to Edit > Copy followed by Edit > Paste in Front to make a duplicate of the shape.

How to Create a Colourful Geometric Pattern in Illustrator 5

Rotate this copy by 180 degrees, then drag the shape upwards until the two tips connect. Ensuring Smart Guides are enabled under the View menu makes it easy to snap the points together.

How to Create a Colourful Geometric Pattern in Illustrator 6

Hold Shift and select both shapes, then Copy and Paste in Front duplicates of them. Rotate these shapes by 90 degrees to create a layout of 4 triangles.

How to Create a Colourful Geometric Pattern in Illustrator 7

Find a colour scheme to use for your pattern. I’m using this palette named Serenely Singing. An easy way to import a palette is to simply paste in a screenshot. Select one of the triangles and eyedrop a colour from the image, which will also clear the default stroke.

How to Create a Colourful Geometric Pattern in Illustrator 8

Add the other hues to each of the remaining triangles. A basic pattern has already been created, check it out by going to Object > Pattern > Make. A more complex pattern of colours would look much nicer though, so hit Cancel to continue editing.

How to Create a Colourful Geometric Pattern in Illustrator 9

With the Selection tool active, draw across all four shapes to select them all. Hold the ALT key and drag a copy of the shapes so they snap directly next to the originals.

How to Create a Colourful Geometric Pattern in Illustrator 10

Rotate this new copy of the triangle shapes by 90 degrees to alternate the colours.

How to Create a Colourful Geometric Pattern in Illustrator 11

Alt+Drag another copy of the shapes, snapping them next to the previous shapes to extend the row. Rotate these shapes another 90 degrees in the same direction.

How to Create a Colourful Geometric Pattern in Illustrator 12

Add a fourth copy of the shapes and rotate again, so each group of triangles features the same colours, but in a different orientation.

How to Create a Colourful Geometric Pattern in Illustrator 13

Repeat the process, but extending the duplicate shapes vertically. Rotate each one to follow the same simple rule.

How to Create a Colourful Geometric Pattern in Illustrator 14

Continue filling out the pattern by cycling through the arrangement of colours. We have already made every necessary orientation, so now it’s just a case of duplicating the shapes we need and moving them into place.

How to Create a Colourful Geometric Pattern in Illustrator 15

It helps to pick out a single hue, such as purple in my example, and follow it around the pattern to ensure the colours have been positioned in the correct place.

How to Create a Colourful Geometric Pattern in Illustrator 16

Draw a selection around all the shapes, then go to Object > Pattern > Make, which is an easy way to convert the pattern into a Swatch.

How to Create a Colourful Geometric Pattern in Illustrator 17

At first glance, the pattern seems to be a random spread of colours, but the methodic rotation of the shapes allows some interesting pattern effects to emerge within the overall pattern design.

How to Create a Colourful Geometric Pattern in Illustrator 18

Click Done in the pattern maker interface to save the design as a Swatch. This swatch can be applied as a fill to any shape to seamlessly apply the pattern across an infinite area.

How to Create a Colourful Geometric Pattern in Illustrator 19

To alter the scaling of the pattern design, go to Object > Transform > Scale. Uncheck Transform Objects to simultaneously check Transform Patterns, to allow the Scale value to affect only the size of the pattern fill inside the element.

How to Create a Colourful Geometric Pattern in Illustrator

Patterns are versatile design assets that can be used within all kinds of projects. I used this iPhone case mockup from Placeit to show how this vector artwork could be printed to produce a trendy product!

Access This Download

The post How to Create a Colourful Geometric Pattern in Illustrator appeared first on Spoon Graphics.

How to Create a Colourful Geometric Pattern in Illustrator 20 How to Create a Colourful Geometric Pattern in Illustrator 21 How to Create a Colourful Geometric Pattern in Illustrator 22 How to Create a Colourful Geometric Pattern in Illustrator 23 How to Create a Colourful Geometric Pattern in Illustrator 24