28
blog.spoongraphics.co.uk http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-dark-lunar-poster-design-with-ps-ai How To Create a Dark Lunar Poster Design with PS & AI In today’s tutorial I’m going to take you through the step by step process I used to create a dark outer space themed poster named Lunar. The artwork combines textures and vector geometric elements to produce an intense layout showing off the beauty of the moon with high tech sci-fi style markings. We’ll be using both Photoshop and Illustrator to make the most of their different capabilities and combine the two different types of artwork into one cool design.

blog.spoongraphics.co.uk-How To Create a Dark Lunar Poster Design with PS amp AI.pdf

Embed Size (px)

Citation preview

blog.spoongraphics.co.uk http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-dark-lunar-poster-design-with-ps-ai

How To Create a Dark Lunar Poster Design with PS & AI

In today’s tutorial I’m going to take you through the step by step process I used to create a dark outer spacethemed poster named Lunar. The artwork combines textures and vector geometric elements to produce anintense layout showing off the beauty of the moon with high tech sci-fi style markings. We’ll be using bothPhotoshop and Illustrator to make the most of their different capabilities and combine the two different types ofartwork into one cool design.

The design we’ll be creating uses a mix of heavy grainy textures and clear sharp vector elements to produce acold dark poster based on the moon. We’ll use Illustrator’s powerful shape tools to easily create a series ofintricate geometric elements which we’ll paste over to Photoshop in order to assemble the complete artwork.

Open up Photoshop and create a new document for your poster design. Use a cool Photocopy texture fromTexture Fabrik as a background.

Switch over to Illustrator to create the first of many geometric elements. Use the Star tool to draw a triangle bypressing the down cursor key to reduce the number of points to three. Hold ALT and Shift while dragging out aduplicate and align it perfectly next to the original.

Repeatedly press the CMD+D shortcut to Transform Again and produce a complete row of triangles. Copy andpaste a copy of the row, rotate it by 180° and fit them directly between the existing triangle shapes. Smart Guides(CMD+U) make it easy to perfectly align everything.

Draw a selection across all the triangles and drag out a duplicate, aligning the copies to the underside of theoriginals. Press CMD+D to repeat this duplication multiple times to create a page full of tessellating triangles.

The area of triangles can be quickly increased by selecting a large portion and duplicating it to expand thepattern.

Paste the triangular pattern into the Photoshop document and hit CMD+I to invert the colours to make thelinework white. Add a Layer Mask then erase away random areas with a large soft brush.

Download one of the public domain space images from NASA and paste it into the document. Desaturate theimage, change the blending mode to Screen and adjust the Levels to increase the contrast. Reduce the Fill toaround 23% to add more subtle texturing to the background.

Switch back over to Illustrator and draw two circles, one small and one large, on the artboard. Select them bothand go to Object > Blend > Make, then head back and alter the Blend Options.

Change the drop down option to Specified Steps and adjust the number to create a series of concentric circles.

Scale this shape up in size, take a copy then paste it into the Photoshop document.

Position the circular rings to flare out from the lower right third of the poster layout then change the blending modeto Soft Light.

Press CMD+J to duplicate the rings layer twice then rotate the copies by 90° and 180°. Make sure that thesmallest circle is aligned throughout all the ring layers.

Add a Levels adjustment layer and increase the contrast of the artwork so far by darkening the blacks andmidtones.

Fill a new layer with black then change this layer to Multiply and reduce the Fill to around 40%. This black overlaysimply helps darken the background elements a little further.

Paste in a high res image of the moon from Wikimedia Commons and change the blending mode to Screen torender the black areas transparent.

Add a new Levels adjustment layer and Alt-Click between the layers to clip it to the moon, then increase thecontrast by darkening the shadows and brightening the highlights.

Group the three separate rings layers then add a Layer Mask. Draw a circular marquee around the moon and fillthis area with black in the mask to erase the rings from this area.

Switch back over to Illustrator and draw a circle on the artboard. Delete the left most point with the DirectSelection tool then go to Effect > 3D > Revolve.

Change the Surface option to Wireframe to create a three dimensional linework sphere. Head to Object > Expandto convert this effect into a solid object and paste it over to Photoshop.

Invert and scale the wireframe sphere to fit over the moon then duplicate and rotate a copy to produce moreintricate lines. Change the blending mode to Soft Light.

Back in Illustrator draw a series of evenly spaced lines. Make the first line longer then clear out the stroke colourfrom the last line to make it invisible.

Click the New Brush icon in the Brushes palette and select the Pattern Brush option. Hit OK with the defaultsettings.

Draw another circle, this time with just a stroke and apply the newly created pattern brush to have the series oflines evenly spaced around its circumference.

Paste this vector element over to Photoshop and position it to encompass the moon. Invert it to white thenchange the blending mode to Soft Light.

Create a new layer then use some spray paint brushes to add splatters around the moon area. Aim to add finesprays beyond the edge of the moon but keep the main spray splatter within the central area.

Add a Layer Mask to the spray layer and use the moon selection to erase away the central area, leaving the finesprays around the edge.

The dark mono theme works pretty well with this artwork, but we can add some subtle blue colour casts tointensify the cold space theme. Dab some spots of bright cyan on a new layer and change it to Overlay.

Add some more areas of colour using a darker blue and change this layer’s blending mode to Overlay too.

Finish off the artwork with some text. I’ve added the word “Lunar” using the cool font Ostrich Sans with a mega1000pt tracking configuration.

Set up a simple Outer Glow layer style using the same bright cyan colour to give the text a sci-fi appearance.

This finishes off our dark lunar poster design. The vector elements give the artwork a futuristic sci-fi theme whilethe high contrast and grainy textures really help intensify the design. The subtle blue colour casts then give thedesign an awesome cold outer space feeling.