Creating a Grunge Rock Poster


You will need a beautiful guitarist from Mjranum Stock, Vector Speakers from Thegoldenmane and New York Sinatra from Antoine Mallet.

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.

Step 1a – Cropping Figures

Create a document with size 800×600 pixels.

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

Refer to this post for other methods on extraction.

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.

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.

Step 3a – Create Displacement Map

Create a new document with size 800×600.

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.

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.

Step 4a – Adding Grunge Effect

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

Rotate these images at -15 angle.

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.

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.

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.

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%.

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.

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.

Step 9 – Adding Texts

Type in some information at the footer area.

And you are almost done!.

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.

Click here to see the final image.


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.

Click here to see the final image.


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.

Click here to see the final image.

Other Design Articles You May Find Interesting

99 Comments | Write a Comment

  1. andres says:

    how is called the girl??? ys very important this name please!!! send to my mail


  2. karlee says:

    Really wonderful and amazing! Thanks a lot… I’ve got ps Cs5 too…

  3. kayrul says:

    damn!sO hot your design..will help me in my poster assgmnt..

  4. ioana says:

    Wow, this was posted many years ago and it’s still being used! Great job, thanks!

  5. bluejazz says:

    i use a ps Cs5 and i coulnt find an extract tool in filters..pls is there some kinda exception cos ill like to really see how pictures could cropped dat way…


  6. sid says:

    hats off !!! very creative and it helped me a lot !!!!

  7. hello, how if i use different characters from yours’e, but i want your designs, because, i want to put there Justin Bieber instead of them ? Can You do me a favor? can you make me one? ahaha i know that’s a big deal but i need it. super, or just tell me, or advice me some creative design for doing my poster in photoshop, because i’m a new user. :””> πŸ™‚

    This was so Amazing..

  8. marko says:

    excellent tutorial …. congratulations, good use of textures

  9. altec says:

    This is a really good tutorial. but how do u get to upload them speakers and the new york city?? where do u have to go??

  10. alireza says:

    this design is very hot

  11. I havenÒ€ℒt found yet one that i didnÒ€ℒt like lol
    This one particularly is amazing ! I loved the -15º rotation, its so stylish.

  12. Elia Ghera says:

    This is a really nice blog you got here. The theme is great! Color combination is awesome.

  13. Basil Murphy says:

    Thanks for writing a post about this. You have a lot of really good information here on your site. I am very impressed! I try to keep a couple blogs somewhat current myself but it is a struggle sometimes. You’ve done a very nice job with this one. How in the world do you do it?

  14. Thanks !

    Where can I find the pictures of the girl in other positions with the guitar ? At the link you posted, I just found one picture of her.


  15. jeprie says:

    This is great! Gotta do it soon. Thanx for the inspiration. I juat add your link on my web.

  16. Olin Arie says:

    Merely want to say your article is as tonishing. The clearness in your post is simply striking and i can assume you are an expert on this subject. Well with your permission allow me to grab your rss feed to keep up to date with future post. Thanks a million and please keep up the strong work

  17. Ak says:

    tutor is very nice and you attempt very butifully, but i couldnt fine the all 3 girls images except one. so tell me where can i get all three and try this tutors.

    • boom boom pow says:

      just go to that members profile on that website and click on ‘tough girls’ and you’ll find it.. oh yeah 4 and oh yeah 5

  18. Johnson Koh says:

    Hi Leila, Registration Target is a preset shape that can be found under your Custom Shape Tool Palette. You may wish to select “Load All” so should be able to find it there πŸ™‚

  19. Leila W says:

    hello there, this is a great tutorial! Is there anyway you can send the registration target to me? it would be GREATLY APPRECIATED, so if you please could, i would be very happy! thanks.

  20. Israeli says:

    VERY VERY cool site !
    thank you very much for SHARING !

  21. suz corbett says:

    Fantastic tutorial, easy to follow and i got a great result


  22. mystudio says:

    Love the effect of colours and the overall look. really great!

  23. enguncel says:

    Yeah Cool Girl Thanks

  24. Johnson Koh says:

    Hi Kristian, I am not too sure about Photoshop 7. However, I can send you the Registration Shape to your email so you can load it for use. πŸ˜€

    Do I use the email address you stated in the comment?

  25. Kristian says:

    hey GREAT tut.
    i have the same problem like wilson. but i found the place you mean. but i can’t seem to find that patch. could be because i have an old photoshop. photoshop 7.0

  26. Wilson says:

    Thanks Johnson! Honestly speaking, i love all your tutorials here. They are really helpful in my diplomas. And all the best in making more cool Tuts!

    All the best ! πŸ™‚

  27. Johnson says:

    Hi Wilson, no problem. If you open up the Custom Shape tool presets, you can find this icon . This is the Registration Target 2 πŸ™‚

  28. Wilson says:

    Hi, nice tutorial there. I encountered a problem.
    You said “Using Custom Shape tool and choose Registration Target 2 path”. I don’t get what you mean by “choose a Registration Target 2 path”. Can you explain to me? Sorry for any problems caused.

  29. Johnson says:

    Thanks everyone for supporting this tut.

    Was busy with my wedding coming in 2 weeks time. Finally most preparations are done!

    Now am back to action! πŸ˜‰

  30. se.guerriero says:

    Hi! I like this tut. And I have selected it for my showcase of best photoshop tutorials

  31. So Clean!!Nice one Johnson. i miss doing tutorial=( keep em coming



  32. Johnson says:

    Hi Jhony, there will be a prompt when you try to open an AI file with Photoshop. Under the resolution, enter 300 will do.

  33. Jhony says:

    How to set the resolution to 300?

  34. Great tutorial. I think I woulda read if it was a crappy one though. Just cause that girl is flippin hawt.

  35. yeah, cool looking..:) I like the girl..:D nice tut as always πŸ™‚

  36. bellering says:

    rock n’ roll !!

  37. Johnson says:

    Thanks Yami and Jansen πŸ˜‰

    The stocks are great indeed. I have fun working on them.

  38. Jansen Joseph says:

    great girl, great colors, great tut πŸ™‚

  39. Yami says:

    I love your tutorials ! I haven’t found yet one that i didn’t like lol
    This one particularly is amazing ! I loved the -15º rotation, its so stylish =]

17-09-2014 | Comments Off on Top 50 sport wordPress themes
18-06-2013 | Comments Off on 20 sets of free grunge photoshop brushes
21-01-2013 | Comments Off on Free futuristic fonts from
06-01-2013 | (2) Comments
24-11-2012 | Comments Off on Make your own business card for free
08-02-2012 | (1) Comment
  • Free Brushes
  • FudgeGraphics
  • CrazyLeaf Design Blog
  • Fuel Your Creativity
  • Photoshop Tutorials and Design Resources
  • touch up photo retouching services
  • Small House Design
Follow My Twitter Subcribe Full RSS