website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Blog Layout with Grunge Style
rss

Blog Layout with Grunge Style

Author: amitk More by this author


Open a new document in photoshop.

Size: 760 x 770
Background color: d8d4c9

Select Rectangle Tool and create a simple shape with the following color: #bebbb1

image 1

Go To Layer > Rasterize > Shape

Then go to Select > Load selection ( a new window will appear - press OK )

You will see that you will have a selection around your shape

Click on the Create a New Layer icon to add a blank layer above your copied image layer, and then choose Edit > Stroke.

Use a fairly thick stroke width ( 6 pixel will be good ), and change the Location to Center.

For color i have used # aca9a1

Press Ctrl+D to Deselect.

This is the result

image 2

Now we'll apply a filter to the stroke.

Go to Filter > Brush Strokes > Sprayed strokes and use the following settings

image 3

Then change the blending mode to Multiply

image 4

This is the result

image 5

Now we will make a new pattern

Download the following image on your computer, and open it in Photoshop

image 6

Then go to Edit > define pattern, Chose a name for you pattern and click ok

Now you can close the sand image. We will return to our layout.

Select the big shape

image 7

Then go to Layer > layer style > pattern overlay

Use the following settings

image 8

This is the result

image 9

Now please add some photos from your stock image collection. And with the rectangle tool create also a small shape

image 10

Now with the small rectangle selected go to Filter > Artistic > Rough Pastels

And use the following settings

Photoshop will ask you if you want to rasterize the shape. press yes

image 11

Next go to Filter > Brush Strokes > Spatter and use the following settings

image 12

Then change the layer blending mode to: Multiply

This is the result

image 13

Now with the same technique i will add more rectangles, and i will apply the same filters as above

This is my result

Click to enlarge
Click to enlarge

Now i will add some text

Click to enlarge
Click to enlarge

Now select one more time Type tool, and write some minus signs " ------- "

Duplicate the layer with minus signs and place it between your text

image 16

Now you can add also a text logo

image 17

Then you can add a filter also for this text logo

With "news blog" layer selected go to Filter > Brush Strokes > sprayed strokes ( press Ok when photoshop will ask you if you want to rasterize the type )

Use the following settings

image 18

Then change the layer blending mode to Multiply

This is the result

image 19

Then add another text on your header

image 20

Next you can add more text, and also more minus signs.

Here is my final result

Blog Layout with Grunge Style Tutorial: Final Result (Click to enlarge)
Click to enlarge

I hope you like this tutorial.



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Blog Layout with Grunge Style"