Top Banner
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.
28

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

Dec 06, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: blog.spoongraphics.co.uk-How To Create a Dark Lunar Poster Design with PS amp AI.pdf

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.

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

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.

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

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

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

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.

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

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.

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

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

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

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.

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

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.

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

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.

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

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.

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

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.

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

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

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

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.

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

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

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

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.

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

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.

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

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.

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

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.

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

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.

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

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.

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

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.

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

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.

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

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.

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

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.

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

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

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

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

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

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.

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