Sunday, January 4, 2009

Creating a Grunge Rock Poster

Click here to download Guitarist.
Click here to download Vector Speakers.
Click here to download New York Sinatra.

All rights of these resources belong to their respective owners.

Creating a Grunge Rock Poster image 1

Step 1a - Cropping Figures:

Create a document with size 800x600 pixels.

Open up Oh Yeah 3 and crop out the figure using the Filter > Extract tool.

Creating a Grunge Rock Poster image 2

Step 1b - Cropping Figures:

Do the same extraction for the other 2 images, Oh Yeah 4 and 5. You can find these other figures in the gallery of Mjranum Stock. Trust me, you gonna love his stock images.

Position the figures as shown in the diagram.

Creating a Grunge Rock Poster image 3

Step 2 - Setting Up Background:

Create a new layer below the figures and name it as Colorbars.

Using Rectangular Marquee tool, draw several boxes and fill them up with different colors.

The colors used in the example are (starting from the left) #F17D0C, #780606, #000000, #DC0C0C, #EE9D0D, #E58C0C and #F4F424.

Creating a Grunge Rock Poster image 4

Step 3a - Create Displacement Map:

Create a new document with size 800x600.

Select the Paint Bucket tool, set the style to Pattern and choose a default pattern call Textured Tile.

Apply this pattern by clicking onto the Background layer.

Creating a Grunge Rock Poster image 5

Step 3b - Create Displacement Map:

Unlock the Background layer by double-clicking on it and rename it to Texture.

Go to Image > Adjustments > Desaturate. Then follow by Image > Adjustments > Levels. Set the values to be 130, 0, 220.

Save this document as Displace.PSD. You may close this document after that.

Creating a Grunge Rock Poster image 6

Step 4a - Adding Grunge Effect:

Select all the figures and Colorbars layers, go to Edit > Free Transform.

Rotate these images at -15 angle.

Creating a Grunge Rock Poster image 7

Step 4b - Adding Grunge Effect:

Now select the Colorbars layer and go to Filter > Distort > Displace.

Set both Horizontal and Vertical Scale to 20. Choose Stretch to Fit and Repeat Edge Pixels.

Hit OK and choose to open the Displace.PSD saved at Step 3b.

Creating a Grunge Rock Poster image 8

Step 4c - Adding Grunge Effect:

Duplicate a layer for each figure, Oh Yeah 3, 4 and 5.

Select the bottom copy of each figure, go to Filter > Distort > Displace.

Set both Horizontal and Vertical Scale to 20. Choose Stretch to Fit and Repeat Edge Pixels.

Hit OK and choose to open the Displace.PSD saved at Step 3b.

Creating a Grunge Rock Poster image 9

Step 5 - Adding a Footer:

Create a new layer and name it as Footer.

Using the Polygonal Lasso tool, draw a selection similar to the diagram and fill it with #000000.

Creating a Grunge Rock Poster image 10

Step 6 - Adding Burst:

Create a new layer between the Colorbars and figures and name it as Burst. Using Custom Shape tool and choose Registration Target 2 path. Go to Edit > Free Transform Path and resize the shape as shown on the left.

Go to Paths tab and Ctrl+left click on the path to load selection. Go back to Layers tab, select Burst layer and fill it with #000000. set the Blend Mode to Overlay and opacity to 50%.

Creating a Grunge Rock Poster image 11

Step 7 - Adding Speakers:

Open up the Speakers_by_Thegoldenmane.AI in Photoshop.

Set the resolution to 300 and leave the rest as default.

Using the Rectangular Marquee tool, select the speakers you need and drag them as layers above the Burst layer. Go to Edit > Free Transform to rotate and resize them as shown in the diagram.

Creating a Grunge Rock Poster image 12

Step 8 - Adding New York City:

Open up the New York Sinatra AI in Photoshop.

Set the resolution to 300 and leave the rest as default.

Using the Rectangular Marquee tool, select the city and drag it as layer directly below the Footer layer. Go to Edit > Free Transform to rotate and resize it as shown in the diagram.

Creating a Grunge Rock Poster image 13

Step 9 - Adding Texts:

Type in some information at the footer area.

And you are almost done!.

Creating a Grunge Rock Poster image 14

Step 10 - Adjusting the Levels:

I did abit more adjustments to the Levels in general by creating a new Levels Adjustment Layer.

The values are set at 38, 1, 223.

Creating a Grunge Rock Poster Tutorial: Final Result

Optional:

You may add another Hue/Saturation Adjustment Layer and make the design more pinkish.

I set the Hue to -80, Saturation to 0 and Lightness to 0.

Creating a Grunge Rock Poster image 16

Optional:

Instead of making it pink, you may wish to turn the whole design into a sephia tone by adding a Hue/Saturation Adjustment Layer.

Check on colorize and set the Hue to 45, Saturation to 30 and Lightness to 0.

Creating a Grunge Rock Poster image 17