You are on page 1of 19

Digital Arts - Features - B-movie poster art

HOME | ABOUT | CONTACT | Magazine Search:

Go

Advanced Search

username Inspiration for digital creatives Log on REGISTER NOW

G G G G G G

News Blogs Reviews Tutorials Features Subscribe BIMA Awards 2007 Forums Events Competitions Services Shopping

G G G G G

file:///E|/guide/80%20movie.htm (1 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

Digital Arts June - out now Killer pitch Inside the human body Labs: Motion-graphics tools CD: FREE! Photoshop brushes and vector art, 50 stock images Click here for a FREE preview of a recent copy of Digital Arts plus a great subscription offer.

Forums
Digital Arts Lounge Just kick back, relax and chat Help and advice Post your emergency creative questions Showcase Critical appraisal and community kudos Magazine & CD Questions, comments, praise, and grumbles Photoshop and dtp How-tos, tips, advice and workarounds 3D creation Perfect polygons in 3DS, Maya, Carrara... Web design Untangle your HTML and Flash troubles Video editing Share knowledge and discuss video creativity

EDIGIT SIGN-UP
The twice-weekly newsletter with all the latest creative news, reviews, and features
file:///E|/guide/80%20movie.htm (2 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

email Sign up More info...

B-movie poster art


Wednesday 26 Mar 2008 Prepare to shock! Terrify! Amaze! Photoshop and Illustrator guru Mark Mayers demonstrates how to recreate the shlock B-movie posters of cinema s golden age.

Click here to find out more!

file:///E|/guide/80%20movie.htm (3 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

This spoof movie poster design is a simple but effective way of tackling those graphics challenges where there seem to be too many thoughts to fit in: it enables the designer to combine slogans and other textual elements with the bare bones of a storyline and striking images, all bound up in an iconic format that everybody will recognize. Of course, it doesnt have to be the classic 1950s B-movie style that you adopt the entirety of cinematic history is at your disposal. Take your pick from gangster movie, romantic comedy, war film or chick flick. In this tutorial, Mark Mayer shows you how to combine 3D renders with stylized photography, text and smoke to capture all the camp horror of an alien invasion.

file:///E|/guide/80%20movie.htm (4 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

01. Open City_render.png from this months cover CD in Photoshop. In the Channels palette, click on the Create New Channel icon at the foot of the palette. Next, open Alpha_1.psd select all, and copy and paste it into your new channel. Repeat for the remaining masks: Alpha_2.psd to Alpha_5.psd (leave Alpha_6.psd for later).

02. To fix any flaws on the render, create a new layer and make selections from your Alpha channels by holding down Cmd/Ctrl and clicking them. Ensure the Clone Tool has the Sample All Layers option checked and work within the your selections. Dont sweat over areas that will be hidden in the final composition.
file:///E|/guide/80%20movie.htm (5 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

When youre happy, hit Cmd/Ctrl + E to Merge Down.

03. The background buildings have a cyan cast this is easy to fix. Generate a selection from Alpha 5 and hit Cmd/Ctrl + U to access the Hue/Saturation slider. Next, use the Edit menu to select the cyan; adjust this to -85. To add more contrast to the entire image, duplicate this layer, set the blending mode to Multiply and adjust the opacity to 30 per cent. Now select Merge Down, naming this layer City.

file:///E|/guide/80%20movie.htm (6 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

04. Open Sky.jpg from the cover CD and drag it into your Photoshop document, positioning it beneath the City layer. Name the layer Sky. By using the Free Transform tool while tweaking the warp and perspective, youll add a dramatic look to the composition. Next, clip a levels adjustment layer (see Tip Box, right), setting the midpoint slider to 1.19. Clip a colour balance adjustment layer, setting the red midtone slider to +12 and the blue midtone slider to +26.

05. Delete any white halos on the City layer (Layer > Matting > Defringe by 1px). Continue with any colour adjustments to blend all the elements together. I changed the Hue/Saturation of the foreground buildings by using Alpha 3 as a selection, setting the blues saturation to -27 and Lightness to -7.

file:///E|/guide/80%20movie.htm (7 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

06. Open Structure_render.png, hold down Shift and drag it into your Photoshop document. Both documents share exact pixel dimensions, so holding Shift while dragging automatically makes a new layer. Position this beneath the city and name it City Wrecked. Add a layer mask to this layer as well as City. Using a variety of natural media brushes, knock away areas on both masks to reveal the buildings structure.

07. Further the effect by using the Burn tool to create inner shadows and scorch marks on both layers. Open Sky.jpg again and use Quick Mask to make a softedged selection. Copy and paste it at the top of the layer stack, setting Blending Mode to Screen. Scale, rotate and erase areas to create billowing smoke from the skyscrapers and some foreground mist. Duplicate and transform the layer a few times.

file:///E|/guide/80%20movie.htm (8 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

08. Tidy up the Layers Palette (drag all smoke layers into a new folder, naming it Smoke). Open Saucers_render.png, and Shift-drag it into your image under the smoke. Defringe it by 1px (see Step 06) and name it Saucers. Add a layer mask, generate a selection from Alpha 3 and erase any saucers overlapping the buildings. Now clip a levels adjustment layer and set the midpoint to 0.72.

09. Open Fireball.psd and drag into your image below the Smoke folder. Select Blending Mode > Screen. Scale, rotate and duplicate each layer until youre happy. Erase areas by generating selections from your alpha channels and also a selection from the mask on the City layer. Next, drag all the layers into a new group folder and name it Fire.
file:///E|/guide/80%20movie.htm (9 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

10. Add some alien death rays by drawing a closed path and generating a selection. Ensure white is selected as your foreground colour and Foreground to Transparent is set on the Gradient tool. Add a new layer at the top and add a gradient, duplicate, rotate and scale for the remaining saucers. Merge them, and select Blending Mode > Soft Light. Duplicate the layer and add a slight Gaussian Blur, select Blending Mode > Normal and the Opacity to 60 per cent. Add some glow by using a white, soft brush on a new layer, setting the Opacity to 70 per cent. Drag all these layers into a new group folder called Rays.

file:///E|/guide/80%20movie.htm (10 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

11. Open Models.jpg. An easy way to isolate the figures is to create a density mask: inspect the channels to see which one holds the most contrast in this instance its the blue. Duplicate it and hit Cmd/Ctrl + xL to access the Levels; and drag the midtone slider to the right and the white point to the left. What you re aiming for is a clean silhouette of the figure.

12. Clean up the channel by drawing closed paths around any areas the levels missed. Make a selection and paint out any background areas using a white brush. Invert the selection and paint remaining areas within the figures with a black brush. Next invert the channel (by default, white areas are selected). Cmd/Ctrl and
file:///E|/guide/80%20movie.htm (11 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

click the channel. Change Contract to 3px and feather by 1px, target the composite RGB channel and copy it.

13. Paste this into your Photoshop document at the top of the layer stack and scale/position as shown, defringe by 1px and name it Figures. Clip a levels adjustment layer and set the midpoint slider to 0.77 and the white point slider to 161. In the next step youll be adding a hand-tint effect, so add a normal Hue/ Saturation adjustment layer, setting the saturation to -40.

file:///E|/guide/80%20movie.htm (12 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

14. Load the Retro_colours.act swatch, create a new layer above the Hue/ Saturation layer and name it Figure tint. Set the Blending Mode to Color and adjust the Opacity to 55 per cent. Generate a selection from the figures layer and use the swatches to tint the figures. Invert the selection, add another layer in Colour Mode and tint the background. Use selections from your other layers and channels to erase areas.

15. Launch Illustrator and open the Graphics.ai file. Copy > Paste the elements as Smart Objects into a new group folder called Graphics at the top of the layer stack. Make a selection from your Figures layer, target the main heading Smart Object layer and select Layer > Layer Mask > Hide Selection. Using Smart Objects makes it simple to update and change your artwork on the fly double-clicking on the layer icon will open a version of your vector. Once youve saved the file and returned to Photoshop youll immediately see its been updated.

file:///E|/guide/80%20movie.htm (13 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

16. Open Distress.jpg and Shift-drag it as a new layer, naming it Distress 1. Set the Blending Mode to Soft Light and the Opacity to 52 per cent. Open Alpha_6.psd and paste it into the document as a new channel. Generate a selection then go Select > Similar. Create a new layer at the top and fill it with white. Name the layer Distress 2 and set the Blending Mode to Soft Light. Next, add a layer mask and erase areas as desired. Finally set the Hue/Saturation layer from Step 15 to Overlay Mode and adjust the Opacity to 60 per cent, and youre done! Mark Mayers

Click here to find out more!

file:///E|/guide/80%20movie.htm (14 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

Submit to: Digg Digg delicious Del.icio.us

Reddit What is this?

Search tutorials
Go Go

More tutorials
Creating art using the golden ratio Creating distressed textures in Photoshop Making a Photoshop crystal ball Abstract poster effects Create cool neon effects Back to Index...

Top news
Hot Rods and Hairy Beasts come to the Coningsby Absolute adds a Sin City spin to Samsung Autodesk acquires RealViz's software; kills some, keeps others Blur goes disco in latest spot from Pringles Golden Square dabbles in Numerology More news...

Latest reviews
Nikon Coolpix P5100 Phantasm CS Designer/Studio
file:///E|/guide/80%20movie.htm (15 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

Pantone ColorMunki Sony PMW-EX1 Sony HVR-Z7E More reviews...

Latest features
Hush makes a splash with Nike art Riding the rails with Hatch and Ford Rushes crash-tests the human body Social Skills HD camcorders More features...

Tips
01. The renders here were made in Daz Bryce; Digital Arts gave away Bryce 5.5 in the August 2007 issue. If you missed the issue, you can order it at digitalartsonline.co.uk/ buy. For speed, you can import 3D models freely available from the Web; always check the licencing restrictions if you intend to use the models for commercial use. 02. The benefit of using adjustment layers is that no edit is permanent until you flatten the image. You can revisit the image at any time and finetune the adjustment by double-clicking its layer icon. A normal adjustment layer affects all the layers immediately below it. To clip an adjustment to just a single layer hold Alt/Opt while clicking on the Create new fill of adjustment layer icon at the foot of the layers palette, and youll be presented with a new window. By checking Use Previous Layer to Create Clipping Mask, youll affect only that layer leaving any others intact.

file:///E|/guide/80%20movie.htm (16 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

Who: Mark Mayers is a freelance Illustrator and designer based in Cornwall with over 18 years experience. His clients include American Express, British Gas and EuroDisney, and hes been published in magazines all over the world. Past accolades include MetalFX Designer of the Year 06 and Highly Commended MetalFX Designer 07. Contact: www.markmayers.co.uk Software: Adobe Illustrator and Photoshop Time to complete: Four hours Download: All files for this tutorial can be downloaded here or are available on the cover CD. previous | Back to index | next

file:///E|/guide/80%20movie.htm (17 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

Click here to find out more!

Digital Arts MARKETPLACE


Digital Camera Reviews On Ciao you find consumer reviews on digital devices like digital cameras including components like memory cards, lenses and filters. Compare prices of your favourite digital product. Buffalo Technology Integrated Wireless, Storage, Memory & Multimedia Solutions- Bringing the digital home concept to life in living rooms around the world! Online recruitment for the UKs creative sectors Recruiters: Search users CVs and portfolios or post your job all from the online comfort of your desk. Candidates: Find 100's design, digital, creative, new media and web jobs or upload your CV and portfolio and let employers find you! A M Micro A specialist distributor representing some of the industry's key award-winning manufacturers including Canopus, Colorvision, Griffin, iProof, Macally, Matias, Pantone, Prosoft, Sonnet, Sorenson, V-moda and Wiebetech - click to find a dealer.

HOME | PRIVACY | ABOUT | CONTACT | ADVERTISERS | All contents IDG 2008 by IDG Network TOP

CIO managing information strategies | Information technology news | Managing IT articles | Expert advice for CIOs | IT strategy white papers | IT security strategy | Managing change | Mobile computing
file:///E|/guide/80%20movie.htm (18 of 19)5/15/2008 9:55:32 PM

Digital Arts - Features - B-movie poster art

ComputerworldUK.com IT management news and opinion | Computing news | IT and Management | ICT and technology | IT career development & HR | Managing IT infrastructure | Business intelligence | IT whitepapers and research Macworld - Apple news and reviews | Mac Pro & MacBook reviews | Mac OS X and software | iPod, iTunes news and reviews | Professional design, music and video | Digital lifestyle - iLife and photography | Mac business applications | Mac educational computing MacVideo the ultimate resource for video on the Mac | Video Editing | Camera Technology | DVD Authoring | Video Encoding | Motion Graphics and VFX PC Advisor - Expert computing advice you can trust | Computing news | Desktop PC reviews | Laptop reviews | Windows tips | Vista opinions & resources | Privacy & security downloads | Networking discussion & advice | Wi-Fi news Techworld - IT infrastructure & networking news and reviews | Data and voice networking | Data storage | Computer & internet security | Mobile computing & wireless networking | Wireless Router | Internet Security | Enterprise computing topic pages Digit Poland | Zoom Netherlands | Digital World Tokyo | Le Monde Informatique | Digital World Germany

file:///E|/guide/80%20movie.htm (19 of 19)5/15/2008 9:55:32 PM