SEARCH
  Adobe Illustrator Create a Retro Triangular Pattern Design in Illustrator

Create a Retro Triangular Pattern Design in Illustrator

The process is pretty simple, making this a good tutorial for newcomers to Adobe Illustrator. We'll be using tools to accurately align our elements, then see how the Pathfinder can easily create custom shapes.

Create a Retro Triangular Pattern Design in Illustrator

The pattern we'll be creating is this cool retro inspired somewhat mosaic like design. The mix of squares and triangles along with the limited colour palette attracts the eye with cool illusions.

 

img

Open up Adobe Illustrator and create a new document. Select the Line tool and draw a vertical line down the left border of the artboard, then hit the Enter key to bring up the Move options. Enter 20mm in the Horizontal field then click the Copy button.

img

Repeatedly press CMD+D to repeat the last transformation until the width of the artboard is filled with evenly spaced lines.

img

Repeat the process, but this time with a horizontal line. In the Move options window enter 20mm in the Vertical field then repeat the transformation to fill with the artboard with a grid pattern.

img

Next, draw a diagonal line at 45 degrees across the artboard. Be sure to make this line long enough to cross the whole artboard, even at its widest point.

img

Zoom right in and toggle outline mode (CMD+Y) and carefully align the diagonal line so it accurately intersects each grid point.

img

Hit Enter to bring up the Move options and enter 20mm in both the Horizontal and Vertical fields. Repeat the transformation to make duplicates to cover the artboard.

img

Draw a selection around all objects then hit the Divide option from the Pathfinder tool palette. This will split all the lines into individual shapes.

img

Right click and select Ungroup to split up the objects then draw a selection and delete any shapes beyond the edge of the artboard.

img

Now let's add some colour! First we'll need a basic palette to work from, here I've picked out a mix of greens/blues from ColourLovers.com. Begin by randomly selecting a bunch of shapes while holding the Shift key, then add the colour fill using the Eyedropper tool on your temporary swatch.

img

Continue selecting empty shapes then give them a colour fill using the next swatch in the palette.

img

As more colours are added the design really starts to take shape...

img

...until eventually the whole design is filled with colour. Make any adjustments if there's any dense areas of a single colour, or sparse areas that lack one of the other swatches.

img

The pattern itself is complete, but it wouldn't be a Chris Spooner design tutorial without a texture overlay! Copy and paste the design into Photoshop and open up a texture file. Desaturate the image and set the blending mode to Soft Light, then adjust the opacity to tone down the effect of the texturing.

img

The texture overlay just helps add that tactile feel to the design to help remove the flat appearance of digital graphics. The uses for this kind of pattern are endless, it could be the base of a business card design, a skateboard deck design or even just as a printed poster.

subscribe to newsletter