Inspiration for digital creatives

NEW! Topic Zones

Digital Arts cover

Buy latest issue NOW!

NEW ADVENTURES IN DIGITAL PAINTING
REMIX YOUR ART
VINTAGE HALFTONES
COMIC ILLUSTRATION
SURREAL PORTRAITS
WATERCOLOUR VIDEO EFFECTS

PLUS - £300 OF STOCK IMAGES

EDIGIT SIGN-UP

The twice-weekly newsletter with all the latest creative news, reviews, and features



More info...


ipad

The Complete Guide to the iPad

Packed with tips and tricks, the top 50 apps you must download & over 80 pages of step-by step tutorials.
Buy NOW for just £5.99, a saving of 40% off the retail price.

Photoshop & Illustrator Tutorial: Create retro poster art

Wednesday 17 Feb 2010

The retro aesthetic of the 1950s and 1960s is currently back in vogue and it’s set to be a great trend for 2010. It’s not hard to see why retro design is so enduringly popular: the bold, blocky colours, simple imagery and vivid typography make this a striking era of design.


In this tutorial, Gordon Reid – who works under the creative handle Middle Boop – shows how he blended retro imagery and colour schemes with digital technology to create this month’s stunning cover image.

He walks you step-by-step through the process of preparing stock images for compositing, lighting, colouring and texturing the design – as well as providing a few sneaky keyboard shortcuts to speed things up.

The stock images that Reid has used are all available from iStock. You can buy them from bit.ly/4V2JvR, bit.ly/7rdMRZ, and bit.ly/4P2kj9 – or if you prefer, you can substitute similar images of your own.



Step 1
To start off, download the images mentioned in the introduction, or find suitable ones of your own. Then cut out the images – there are many ways of doing this but the cleanest and most efficient by far is the Pen tool (P). Once they’re cut out, add a more aged effect by holding down Shift + Cmd/Ctrl + U and desaturating the images.



Step 2
Now let’s merge the two images of the women together giving the impression that one is presenting the computer. Hit Cmd/Ctrl + L to match the levels of the images, go to Image > Adjustments > Brightness/Contrast, adjust these, and add a warming photo filter with a density of around 15% (Image > Adjustments > Photo Filter).



Step 3
Let’s take the aged effect further by adding a slight texture to the three images. In the computer layer, go to Filter > Noise > Add Noise, set the amount to anywhere between 6 and 8 for the computer and set the distribution to Gaussian. Do the same process for both of the other layers but use the filter a lot more lightly.



Step 4
Now that we have the focal point to work from, it’s time to work out some vibrant colours to make the design really eye-catching. I want to use colours that emphasise the old-school feel but can also be combined to look contemporary. Put a cream coloured layer such as #fdf9d1 over the top of the image and set the blending mode to Multiply, then play about with colour swatches to find some great colour combinations.


Tutorial continues...

Jump to page : [ 1 ] [ 2 ] [ 3 ] [ 4 ]

Read more tutorials by this author

Read more Photoshop Tutorials

Read more Illustrator Tutorials

Learn about our amazing creative tutorials as soon as they're published -- click here follow @digital_arts on Twitter.

Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?


Submit to: DiggDigg deliciousDel.icio.us redditReddit

What is this?


Promotions

alt content

Corbis Introduces £5 Web and Mobile Resolution Photos as New Research Finds Interesting Pictures Make Online Ads More Effective.

Click here for more information

Middle Boop


Who: Middle Boop is the moniker of designer, illustrator and blogger Gordon Reid. As well as working for record labels 4AD, Warp and Bella Union and bands such as Deerhunter, Prefuse 73 and Of Montreal, he has shown animations shown at the BFI. Reid also runs the Middle Boop blog and fanzine.
Contact: www.middleboop.com
Software: Adobe Photoshop CS4 and Adobe Illustrator CS4
Time to complete: 2 - 3 hours