SEARCH
Newsletter
Subscribe to get design
tips, latest trends, free
stuff and more.
It doesn't look like an e-mail address

hosting

  Tutorials Vector Graphics Adobe Illustrator How To Create a Retro Style Superman Book Cover

How To Create a Retro Style Superman Book Cover

Img

The design we'll be creating has similar traits to old book covers from publishers such as Penguin. The colour palette replicates the basic printing method of the originals while paper textures with burns and creases give the design that ages and retro appearance.

Img

Open up Adobe Illustrator and create a new document. Use the Circle and Rounded Rectangle tools to create the upper portions of a 'man symbol'. Use the align palette to centre them both up.

Img

Continue drawing and overlapping shapes with the Rounded Rectangle tool to create the arms and legs. Toggle on Smart Guides (CMD+U) for assistance aligning the shapes accurately.

Img

Select all the shapes that make up the body and merge them together with the Pathfinder palette.

Img

Use the rounded rectangle tool to draw intersecting shapes between the arms and legs. Select each of these shapes individually along with the main body shape then click the subtract icon in the Pathfinder to punch out the shape.

Img

Change the colour of the character to a skin/flesh tone, then copy (CMD+C) and paste in front (CMD+F) a duplicate. Fill this duplicate with blue then punch out the hand areas with temporary shapes using the Pathfinder palette.

Img

Paste in another copy of the body shape. This time fill it with red, then draw a large temporary shape over the whole body excluding the lower legs. Punch out this shape to leave a pair of red boots.

Img

Use the Pen tool to draw in a pair of red pants. The Smart Guides will help lock the points exactly in place over the original body outline.

Img

Draw one half of the basic outline of the Superman emblem. Copy and paste, then go to Object > Transform > Reflect. Merge these two halves with the Pathfinder palette.

Img

Use the Pen tool to draw the upper portion of the cape. The Smart Guides will help align the points and paths again.

Img

Draw the remainder of the cape using the points of the previous shape as starting and ending positions. Send the cape to the bottom of the stack with the shortcut CMD+Shift+[.

Img

Our basic stylized vector Superman is complete. Now let's move over to Photoshop to lay out the complete retro book cover.

Img

Create a new Photoshop document and paste in a cool paper texture as a background. This particular texture file is a freebie from LostandTaken.

Img

Overlay another paper texture, this time choose one with less creases and folds, but with more prominent grain. Adjust the hue/saturation and change the blending mode to Linear Burn.

Img

Use the marquee tool to draw selections across the top and bottom of the design and fill them with blue. Change the blending mode to Multiply to allow the texture to show through.

Img

Paste in the vector Superman from Illustrator and scale it centrally on the cover design.

Img

Change the blending mode of the character to Multiply at 35%, then duplicate the layer and change the mode to Linear Burn at 50%.

Img

Use the Text tool to type in the title of the book using a classic font such as Helvetica or Gill Sans. Use a colour selection from the limited colour palette.

Img

These handy price tag brushes from DeviantArt user chokingonstatic come in handy to add a retro style sticker to the cover.

Img

The mixture of the basic design style, limited colour palette and various textures all help replicate that vintage style of aged books. If you enjoyed this tutorial, why not create a complete series for all your favourite super heroes?

   
subscribe to newsletter