Oct 20

Design a Grungy, Rock & Roll Gig Poster

Wed, 10/20/2010 - 19:54 — julie

psdfanmembersbut Design a Grungy, Rock & Roll Gig Poster

FanExtra Launch Week (Day 6)

As part of our FanExtra Network launch, we will be publishing one tutorial every day for our launch week. We hope that you enjoy them.

You can also sign up for your FanExtra membership for just $1 for the first month (offer ends Friday 22nd, October). This will give you access to our hundreds of tutorial source files, members only tutorials, hundreds of textures/vectors/icons, and great design discounts! Sign Up Today.

FanExtra Launch Week:

DAY 1:

FanExtra Network Launch
Create a Google Docs Icon

DAY 2:

30 Minute Redesign – GymDJ
Master a Professional Photo-Retouching Workflow

DAY 3:

Design a Textured Portfolio Website

DAY 4:

Members Area Tutorial: Digital Painting Lesson: Scarecrow’s Joyride

DAY 5:

Create a Stylized Photo Montage From Scratch

DAY 6:

Design a Grungy Rock & Roll Gig Poster

DAY 7

Design an Awesome Paint Splattered Dancer

Final Image

As always, this is the final image that we’ll be creating:

rockposterdesign16b Design a Grungy, Rock & Roll Gig Poster

Step 1

Create a new document (600X700px). Paste in this old paper texture.

rockposterdesign1 Design a Grungy, Rock & Roll Gig Poster

Step 2

Call this first layer ‘old paper texture’. Reduce it’s opacity to 30%.

rockposterdesign2 Design a Grungy, Rock & Roll Gig Poster

Step 3

Apply a hue/saturation adjustment layer and a levels adjustment layer.

Settings below:

Hue/Saturation Adjustment Layer

Hue: 0
Saturation: -60
Lightness: 0

Levels Adjustment Layer

57 / 0.87 / 255

rockposterdesign3a Design a Grungy, Rock & Roll Gig Poster

rockposterdesign3b Design a Grungy, Rock & Roll Gig Poster

Step 4

Now download this great free High-Res Sunburst Vector Set.

Paste it into your document, making sure to position it centrally.

Call this layer ’sunburst’, and then change it’s opacity to 20% and change it’s layer blend mode to ‘multiply’.

rockposterdesign4a Design a Grungy, Rock & Roll Gig Poster

rockposterdesign4b Design a Grungy, Rock & Roll Gig Poster

Step 5

Now apply a hue/saturation adjustment layer (settings below).

Hue/Saturation Adjustment Layer:

Hue: 0
Saturation: -100
Lightness: 0

This grayscales your sunburst, but also your entire image! You only want this adjustment layer to effect your sunburst shape, so simply go to layer>apply clipping mask:

rockposterdesign5 Design a Grungy, Rock & Roll Gig Poster

Step 6

Paste in this guitar photo.

Crop it so that only the parts shown below remain. Then change this layer’s blend mode to ‘overlay’.

Call this layer ‘guitar 1′.

rockposterdesign6a Design a Grungy, Rock & Roll Gig Poster

rockposterdesign6b Design a Grungy, Rock & Roll Gig Poster

Step 7

Download this incredible High-Res Watercolor Brush Set.

Then with your ‘guitar 1′ layer selected, go to layer>apply layer mask>reveal all.

Use various brushes from your watercolor brush set, set to black (000000), 100% opacity, and start painting over the edges of your guitar image. Because you have applied a layer mask, painting over these areas in black with mask off the edges of your guitar image.

The watercolor brush that you’re using means the edges will be very rough and artistic!

rockposterdesign7 Design a Grungy, Rock & Roll Gig Poster

Step 8

Apply a hue/saturation adjustment layer, and be sure to apply a clipping mask, so that it only effects your ‘guitar 1′ layer, rather than your entire image.

Hue/Saturation Adjustment Layer

Hue: 0
Saturation: -100
Lightness: 0

rockposterdesign8 Design a Grungy, Rock & Roll Gig Poster

Step 9

Now duplicate your ‘guitar 1′ layer, calling the duplicate (you guessed it!) ‘guitar 2′.

Go to edit>transform>flip horizontal to flip your duplicate guitar image. Then reapply the same adjustment layer settings. If needed reapply clipping masks where needed:

rockposterdesign9 Design a Grungy, Rock & Roll Gig Poster

Step 10

Now type out some text to fill your poster.

I used a variety of fonts (see diagram below), including:

Chunkfive
AW Conqueror Carved
AW Conqueror Inline
Birch Std
AW Conqueror Slab

rockposterdesign10a Design a Grungy, Rock & Roll Gig Poster

rockposterdesign10b Design a Grungy, Rock & Roll Gig Poster

Step 11

Use your line tool to draw a black, 1px line above and below your bottom line of text.

Merge your two line layers together and call your merged layer ‘divider’. Reduce this layer’s opacity to 50%.

rockposterdesign11 Design a Grungy, Rock & Roll Gig Poster

Step 12

Paste in part of a texture from our great Premium Texture Set: Tint.

Make sure that this texture layer is beneath your text/guitar layers, but above your background/sunburst layers. Call this layer ‘tint texture 1′.

rockposterdesign12 Design a Grungy, Rock & Roll Gig Poster

Step 13

Move your ‘tint texture 1′ layer to the top of your canvas. Reduce this layer’s opacity to 55%, and then use the same masking technique that you used on your guitar layers (being sure to use your watercolor brush set for masking).

rockposterdesign13 Design a Grungy, Rock & Roll Gig Poster

Step 14

Now apply a hue/saturation adjustment layer (settings below). Be sure to apply a clipping mask so that this adjustment layer only effects your tint texture 1 layer.

Hue/Saturation Adjustment Layer:

Hue: 0
Saturation: -80
Lightness: -30.

rockposterdesign14 Design a Grungy, Rock & Roll Gig Poster

Step 15

Now repeat this technique, but placing your texture over the texture specifying your supporting band. You can duplicate your tint texture 1 layer and hue/saturation adjustment layer, and then just adjust your layer mask.

rockposterdesign15 Design a Grungy, Rock & Roll Gig Poster
235ea7

Step 16

To give your image a final bit of impact, we’re going to apply some final adjustment layers as top layers.

Gradient Map Adjustment Layer

Gradient ranging from: 235ea7 to ad9c57
Blend mode: Hard Light
Layer opacity: 50%

Levels Adjustment Layer

56 / 1.00 / 233
Layer Opacity: 100%

Channels Adjustment Layer

(see diagram below):

rockposterdesign16a Design a Grungy, Rock & Roll Gig Poster

rockposterdesign16b Design a Grungy, Rock & Roll Gig Poster

And We’re Done!

You can view the final outcome below. I hope that you enjoyed this tutorial and would love to hear your feedback on the techniques and outcome:

rockposterdesign16b Design a Grungy, Rock & Roll Gig Poster

Download Source File for this Tutorial

fanextradownloadbutton2 Design a Grungy, Rock & Roll Gig Poster

psdfanmembersbut Design a Grungy, Rock & Roll Gig Poster

 Design a Grungy, Rock & Roll Gig Poster

Copyright 2009. E-mail Me
Auto Spare Parts