You may need some elaborate textures and patterns to create a signature, a picture or a whole site. Learn how to create new patterns with this section.  Home Photoshop Textures & Patterns Grunge Background

Grunge Background

Browse Pages: 2  > >>

Step 1.

Create a new document of any size, the document I"m using here is 550 x 200 and fill the background with black. Press 'D' on your keyboard to reset your colors to black (#000000) and white (#FFFFFF):

image 1

Go to Filter->Render->Difference Clouds.

Press Ctrl + F on your keyboard three times to repeat this process three times, Result:

image 2

Step 2.

Create a new layer, fill the background with black and go to:

Go to Filter->Render->Difference Clouds.

Press Ctrl + F on your keyboard three times to repeat this process three times.

Press Ctrl + I on your keyboard to invert the colors.

Change the blending option of this layer to 'Overlay':

image 3

Result:

image 4

Step 3.

Create a new layer, fill the background with black and go to:

Go to Filter->Render->Difference Clouds.

Press Ctrl + F on your keyboard three times to repeat this process three times.

Change the blending option of this layer to 'Screen':

image 5

Result:

image 6

Step 4.

Now we'll add some color to the effect:

Click on the bottom most/first layer to select it.

Go to: Layer->New Adjustment Layer->Color Balance.

Press Okay, check the 'Highlights' box and enter the following settings:

image 7

Press Okay.

Click on the middle layer to select it.

Go to: Layer->New Adjustment Layer->Color Balance.

Press Okay, check the 'Highlights' box and enter the following settings:

image 8

Press Okay.

Click on the top layer to select it.

Go to: Layer->New Adjustment Layer->Color Balance.

Press Okay, check the 'Midtones' box and enter the following settings:

image 9

Press Okay.

Result:

image 10

Step 5.

With the top most layer still active press Ctrl + A to highlight all, then press Ctrl + Shift + C to copy all.

Now press Ctrl + V to paste all. This will make a copy of all three layers for us to create some further effects.

Go to Filter->Stylize->Extrude and enter these settings:

image 11

Go to Filter->Sharpen->Sharpen.

Press Ctrl + F on your keyboard three times to repeat the sharpen three more times.

Change the blending mode of this layer to 'Overlay' and drop the opacity down to 57 percent:

image 12

Result:

image 13
Click to enlarge

Continue on to part 2 Grunge Borders.

Here is my my final result after adding a grunge border, some text, and a game render:

Grunge Background
Click to enlarge

That completes the grunge background tutorial. If you would also like to learn how to create a grunge border please view our Grunge Border tutorial that compliments this tutorial.



Author's URL: Webmaster
Browse Pages: 2  > >>
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
You may need some elaborate textures and patterns to create a signature, a picture or a whole site. Learn how to create new patterns with this section. More Textures & Patterns Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Grunge Background"

Captcha