Sie sind auf Seite 1von 17

How To Create a Tessellating Geometric

Poster Design

22 NOVEMBER 2010


This post was originally published in 2010

Follow this step by step tutorial to create a trendy geometric poster design with a series

of tessellating three dimensional cubes. Well be creating the colourful shapes in Adobe

Illustrator, then bring everything over to Photoshop to finish off the poster with subtle

textures and colour casts.

The design well be creating is based on a series of tessellating cubes which together

form a cool repeating pattern. When mixed with grungy textures and a range of colour

overlays it creates a cool retro style geometric design.


Open up Adobe Illustrator and draw a square on the artboard. Remove the default

stroke by clicking the clear icon in the toolbar, then head to Effect > 3D > Extrude &

In the 3D options window, adjust the angles to 45 degrees, 45 degrees and 90 degrees.

Change the shading to Diffuse Shading in the drop down menu then click OK.

With the cube selected, go to Object > Expand Appearance to convert the shape into

editable objects.
Right click on the cube and click Ungroup. The cube might be contained in multiple

groups, so keep ungrouping until you can select each side individually.
Draw a selection over the whole cube and set the transparency to 70%. Select one of

the sides and copy (CMD+C), then paste in front (CMD+F). Begin moving this new

shape to the opposite side.

Press CMD+Y to toggle on outline view, then zoom in and carefully align the duplicated

shape to fill the empty side of the cube. Repeat the process with the other empty side.
Select all the sides that make up the cube and change the fill to a soft pink to yellow

gradient. Adjust the angles of the gradients to 90 degrees, -90 degrees and 45 degrees

randomly on each side.

Group all the objects that make up the whole cube, then hold Shift and ALT while

dragging the group to the right. Carefully line up the two edges side by side.

Press the shortcut CMD+D to repeat the duplication to form a long line of cubes, then

select all the cubes and drag them diagonally downwards while holding ALT to form a

new line.
Draw a selection across the two lines of cubes and drag them while holding the ALT and

Shift key. Align the group with the lower edge of the previous set.
Use the CMD+D shortcut to repeat the duplication until you have a series of shapes that

would fit proportionately into a poster.

Head over to Adobe Photoshop and create a poster document at your desired size.

Remember to use a 300ppi resolution so the poster can be printed professionally.

Place a subtle grunge texture into the document then tone down the effect by lowering

the opacity to 50%.

Paste in the group of cubes and position it centrally in the poster document. Leave a

neat gap around the edges to form a natural border.

Use a large soft brush to paint in various colours, each on their own layer. Im using lots

of pastel type pinks, oranges, yellows and greens.

Go through each of the colour layers and toggle through the blending modes to find one

that interacts well with the underlying layers. PC users can use the cursor keys,

whereas Mac users can use the shortcut Shift +/-. Overlay, Soft Light and Color Burn

work particularly well.

Dab a large spot of black in the top left and set the blending mode to Overlay at 45% to

bring bump up the contrast on some of the cubes in this upper region.
Finish off the poster by adding a few highlights/sparkles on corner points around the