Everything Photoshop Subscribe
Preview

Design an Extreme Grunge Wallpaper

In Designing by Alvaro Guzman

In this tutorial, we'll design an extreme wallpaper in a grunge style. We'll be using layer masks, custom brushes, and the cloning tool to create this particular effect. You'll learn some interesting techniques that you can apply in your own grunge style designs.

Final Image Preview

Before we get started, let's take a look at the image we'll be creating. Click the screenshot below to view the full-size image. As always, the layered Photoshop file is available via our PSDTUTS Plus membership.

Click

Step 1

In this tutorial, we'll create an extreme grunge wallpaper with some pictures and only one Custom brush set. You will find these techniques useful when designing posters, covers, ads, web interfaces, and much more. Before starting you must download the "Splatter brushes set" by clicking here.

Let's get started by creating a new document 1024x768px RGB 72pixels/inch. Then create a new Fill layer color (#121212). Paste this image into a new layer at the bottom left corner of the document. Then name this layer "Camera."

Step 2

With the Lasso tool or Magic Wand tool select the white background of the camera and delete it.

Step 3

Create a new Layer named "Gradient" and select the Radial gradient tool to create a Gray to Black gradient (#595959 - #000000).

Step 4

Duplicate the "Camera" layer. Then put it above the "Gradient" layer. Select Filter > Blur > Gaussian Blur. Then set the Radius to 15 pixels.

Step 5

Duplicate the "Camera" layer above the first copy. Then press CMD+F to apply the last blur effect. Also, set the Blending mode to Difference. Then set the Opacity at 50%.

Step 6

Adjust the Hue / Saturation of the "Camera copy 2" layer using the values below.

Step 7

Use the Dodge and Burn tools to lighten and darken the camera, use the values shown below.

Step 8

Select the "Camera" layer. Then add a layer mask by clicking Layer > Layer Mask > Reveal All.

Step 9

Now paint black areas into the white layer mask using the Brush Tool. Use the "Splatter Brushes Set" downloaded at the beginning of this tutorial. You can use these nice shapes to add a grunge style to the Camera. The trick is set the brush Opacity and Flow below 100%. This way you will keep the shape of the camera. I set the Opacity and Flow at 50% and 80%. I used two different Splatter brushes. Click the layer mask to start painting.

Step 10

Create a new layer named "Red Splatters" below the "Camera" layer. Then use three different brushes to draw three or more dark red (#5F0000) splatters. Then set the layer's Blending mode to Pin Light and the Opacity at 80%.

Step 11

This is a quick technique to duplicate an object by using the Clone tool. You will use the same technique to create the 35mm film forward. Create a new layer named "Camera copies." Then select the Clone tool and ALT+Click to choose the clone source. Use a splatter brush. Set the brush Opacity and Flow to 30%.

Next select Window > Clone source. Then change the Width and Height to 80%. Check Show Overlay, and set Opacity to 25%. As you can see, there's a transparent preview of the camera. Select the "Camera Copies" layer and then start cloning the camera.

Clone another camera using the same brush and cloning source, but this time change the width and height to 50%. Finally, change the "Camera copies" blending mode to Multiply.

Step 12

Now it's time to add the 35mm film. First, download this image. Then select one of the filmstrips and paste it into a new layer named "Film." Then use the Magic Wand tool to delete all the white of the borders (don't worry about the frames and the little squares).

Step 13

As you can see, our film is too short; it needs to be longer. Once again, we'll use the Clone Tool. By now you must be an expert at using the Preview Cloning Source feature. This time it will be useful.

Next we (ALT + Click) the top left corner of the film. Then select a hard 100px brush. Change both Opacity and Flow to 100%. Then in the Cloning Source palette set the width and height to 100%. Finally, Start cloning the image.

Step 14

Adjust the Hue/Saturation of the layer, as shown below.

Step 15

Find a grunge paper image. Open it and paste it into a new layer. Then change its size to equal the size of a film frame. Then put the new layer below the "Film" layer. Name this new layer "FilmFrames".

Step 16

Change the "Film" layer's Blending mode to Multiply. Then using the clone tool and the same 100px brush, clone the old paper below the "Film" layer. Then CMD+Click the "Film" layer, and use CMD+I to invert the selection. Then delete all the extra texture of "FilmFrames."

Step 17

Merge both the "Film" and "FilmFrames" layers. Then name the resultant layer to just "Film". Place it at the middle. Then Warp the Film using Flag Warp. Put the "Film" layer below the "Camera Copy" layer (above the "Gradient" layer). Then set the Blending Mode to Difference.

Step 18

Put the "Film" layer some pixels up from the bottom. Then go to Layer mask > Reveal all. Use a Black to White Gradient. Be sure to hide the left side of the film. Also, use a Splatter Brush to add some splatters to the layer mask, and apply a darker brush on the film's right side. Finally, set the "Film" layer's Opacity to 50%.

Step 19

Select the "Red Splatters" layer and add some dark red splatters on the film.

Step 20

Now we'll use the paper image again. Paste it into a new layer, and name it "Paper." Then change the Saturation to -100, and place it below the "Gradient" Layer.

Step 21

Now set the "Gradient" layer's Blending Mode to Multiply and Opacity to 90%. Also, change the background's Opacity to 20%.

Step 22

Create a new layer above the "Gradient" layer. Name it "Light". Using the Elliptical Marquee Tool, draw an oval. Then select CMD+ALT+D to set the Feather radius to 50px. Finally, fill the oval using the Paint bucket tool with the color (#6a6a6a).

Step 23

Create two text layers. I used the Georgia font and these colors: dark red (#250101) and light grey (#9c9c9c). Then select one of the text layers, and go to Layer Mask > Reveal All. Use a Black splatter brush to paint some areas of the layer mask to hide a bit of the text shape. Do this in both text layers. Finally, add a Drop shadow effect to both layers using the values below.

Step 24

Finally, add a new Adjustment Layer called "Photo Filter." This time I used a yellow Warming Filter (81) with a Density of 50%.

Conclusion

Now you have an extreme grunge design. Have fun making your own!

If you enjoyed this post, your vote is always highly appreciated!! Delicious StumbleUpon Float Reddit Bump This!

Comments

Leave a Comment
  1. Nice tutorial. I’ve been looking for something like this!

  2. Gravatar

    Jack Watling

    Really good. Some nice basic effects, and great for beginners!

    Jack.

    PS FIRST POST!!!

  3. Another FANTASTIC tutorial!

    Thanks,

    David Carreira

  4. Wow, I’ll write the first comment? :D

    David Carreira

  5. Wow “extreme grunge”…

  6. Nice effect, especially on the film reel

  7. Gravatar

    omarterrones

    yeah!! great!!!!

  8. Nice tutorial - thanks for posting.

    lol@Jack and David. Never assume you’re the first to post :)

  9. I really love when we have the chance to make something such as a wallpaper. Wallpapers, to me, seem to be a nice, safe place to try out skills and techniques in Photoshop. In conjunction, placing your finished piece as your desktop background gives one more of a chance to analyze one’s work on a constant basis, allowing for improvements, corrections, or maybe even a little gloating to a passerby. This tutorial is very nice and explains the correct steps quite well. While many people have their own way of doing things, I’m not ashamed to say I like doing it the PSDTUTS way and then expanding from there. I’ve enjoyed your tutorials since I added your RSS feed to my Google reader, and I look forward to many more. I have learned a lot.

    Thanks.

    Jeff Lewis

  10. Great tutorial… but I think this “extreme” is not REALLY extreme… just my opinion :)
    Thank you!

  11. Kind of gross. Red paint splatters that is… Maybe use ‘caution’ orange.

  12. This is great!!

  13. Cool, not into grunge, but def. cool

  14. Now this I like!

    Thanks

    Andrew

  15. Easy trick, nice outcome.

  16. I was surprised how easily these effects could be done. I think this piece looks absolutely amazing, and the best part is that even a complete beginner can get similar results.

    Thanks for putting a piece like this up. I think this is one of the best I’ve seen in a while. Many others may not agree, but this puts a lot into perspective for me so it gets bonus points :)

  17. @ Shane:

    Yeap :P

    Maybe another day… ;)

    David Carreira

  18. Awesome. I have always overlooked the photo filter effects but thanks for the enlightenment. :)

  19. Nice!!!!!!!!!!!!!!!!!!

    Good tut, very good site for tut.

  20. Some nice effects over there. The outcome is amazing!

  21. Cool tutorial. I think I can find a lot of use for this as I do a lot of grunge looks.

    I had 1st yesterday, and just a little tuts for you guys that posted first, you post your comment first, then refresh the page to make sure you were first. Then you post a brag post. Hahaha.

  22. Gravatar

    Pravin Potdar

    It’s really great!!!!!!

  23. Gravatar

    Hidideliho

    OMG…the first step is not a radial gradient. How did you managa that? Just awesome!

  24. By adding a layer mask over the text you have given yourself room to make changes with only one step. Keeping text editable is always desirable, but not always attainable. Good tutorial!!

  25. Beautiful effect! I love grunge!

  26. cool.

  27. Brilliant tutorial, thanks :D :D

  28. I’m a sucker for detail, so I’m saying this for anyone who wants to duplicate this particular effect without potentially suffering ridicule, but frames from movie film are not oriented horizontally side by side like they appear in regular 35mm still camera film. The frames are actually rotated 90 degrees, which would make them side by side vertically. And then if you realllllly want to get into accuracy, there are different types of audio tracks printed around the film perforations.

    If anyone is going to make fun of me about this, go for it. I won’t check to see if anyone’s responded to my comment, bahaha

  29. its a okay tut

  30. Doesn’t seem to stand up to PSDTuts quality.

    Sorry. Not to be mean.

  31. Freaking awesome!!!! I luv it i’ll try the techniques that you wrote excellent work.
    One of my “photoshop-dreams” LOL is dominate the grunge effect thanks for post it!!!!

    Visit my blog!!!

    http://www.fatytrova.wordpress.com

  32. This is nice tutorial. thanks for sharing :)

  33. wow…this one looks really nice. Congrats.

  34. i lIkE iT! :D

  35. looks cool!

  36. I really appreciate the detail on the camera. Nice touch. ;)

  37. Nice Grunge effect. Thanks!

  38. Gravatar

    Ariful Alam Khan

    Nice Effect. Thanks for the tutorial.

  39. Gravatar

    crazyhunk

    i think the effect is awesome….

    thanx for the wonderful tutorial… :)

  40. Really looks good enough, good in detail tutorial.

  41. cool brillant!

  42. very nice tutorial! thanks !

  43. Gravatar

    Marcelo Kanzaki

    I agree with Deddy.

    There is a lot of tutorials with cool techniques involved but what really matter is when you can put them together with a good end result.

  44. http://en.wikipedia.org/wiki/Image:Anamorphic-digital_sound.jpg

    this is not true 35 mm film for cinema, you use a photo film :( look at the picture, that i add to post

  45. I don’t really like the outcome, especially the same brush repeated so many times and the way the sign PSD TUTS looks in final version.

  46. I do like the tutorial, I learned a few cool things. Not really sure if I liked the final result that much. The colors seemed a bit off.

  47. Great!

  48. cheap tutarial

  49. Good tutorial, nice outcome. Not what i expected from PSD, but in the end, it’s good.

  50. Pretty alright. I always like seeing the buildup process for grungy stuffs. I agree with Robo, the brushes are a bit overdone. I would like to see more randomness, but great job overall with it.

  51. You have really nice tips.

  52. Dang that looks nice…. I gotta do one of these with some really old car…

    Thanks, great tutorial, and even I can understand it!

  53. Super Cool! :D

  54. Nice grunge effect

  55. Love the grunge. thanks for grunge tutorial and I hope more grunge tutorials on psdtuts =)

  56. Fantastic! Amazing grunge!

  57. Not bad - I would like to use more brushes/effects rather than just paint looking ones, but I like your process.

  58. Thanks

    But as a grunge lover I would say there was room for improvement. Use of finer grunge brushes in the corners and rims etc. would have given a better look.
    Anyways tutorials are only meant to get the idea get through.

    just my 2 cents

  59. not my kind of genre

  60. Hey, good tutorial. I learned a few things.

    I uploaded mine here: http://arcturusbtw.googlepages.com/Wallpaper111.jpg/Wallpaper111-full;init:.jpg

    it’s a little different, I used a pair of headphones and a casio keyboard. I’m not sure I like the text I put at the top though, it seems a little extreme for my personality.

  61. @Arcturus

    Looks nice, you should upload it to the flickr group too.

  62. its iff and cool nice twist in grunge effect

  63. very nice tutorial! thanks !

  64. COOL COOL!!! 10 of 10

  65. Gravatar

    Jayjay402

    Didn’t really want to make what you made, but some nice tips in there which I can use, thanx! =]

  66. Normally i’m not into grunge, at all, but i had to try this one out, and I’m very impressed with the didge/burn tool - I’ve never paid attention to those tools before.
    And suddenly I see possibilities with the clone tool! :D
    And the outcome is excellent!

Add a Comment

Note: We use Gravatars on PSDTUTS, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too!

 

Trackbacks

Leave a Trackback