Hello Friends

This is the Tutorial number 72 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.

I will show you how to design a layout for a blog. Wordpress or any other blog system you want



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



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



Now we'll apply a filter to the stroke.
Go to Filter > Brush Strokes > Sprayed strokes and use the following settings



Then change the blending mode to Multiply



This is the result



Now we will make a new pattern
Download the following image on your computer, and open it in Photoshop



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



Then go to Layer > layer style > pattern overlay
use the following settings



This is the result



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



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



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



Then change the layer blending mode to: Multiply

This is the result



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

This is my result



Now i will add some text



Now select one more time Type tool, and write some minus signs " ------- "
Duplicate the layer with minus signs and place it between your text



Now you can add also a text logo



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



Then change the layer blending mode to Multiply

This is the result



Then add another text on your header



Next you can add more text, and also more minus signs.
Here is my final result



I hope you like this tutorial. if you have questions, please ask me. i will try to answer you as soon as i see the reply. good luck

Attached Files

layout72.zip (1.60 MB, 573 views)

__________________
3D Logo Creator + Mega Pack + Photoshop Designer's Pack = Only 148$ ( save 150 $ - use coupon code: talk )

cool thanks

nice job man good luck

very good i like it

thanks loll

looks good. I hope i can code it

sorry for double post. there was is mistake

thanks and it looks great.

gr8!
Since u have posted so many web layout tutorials, u shud post a tutorial in coding one as well coz u explain things very clearly and if u post a coding tutorial then it would really help.

Thanks,

looks good ^^ showdown xD