Create a grunge photographer layout
->
In this tutorial I will show you how to create a grunge layout for a photographer.
I will use some of the vectors we have already released in the past days, and I will show you how to manipulate them to create a nice looking layout. This layout can be used also for a portfolio layout.
You will see that some little piece of vector flowers will transform our end result into a nice looking layout
Preview full size Photographer layout
As usual I will start with a new document with the following size: 960 x900 pixels.
Preparation
Before getting started take a look at the vector we’ll be using.
Ornamental Vector Flowwers
And a very nice grunge texture: Download Grunge texture
I will use also an image with a piece of paper. ( included inside the psd layout as a separate layer )
Select Gradient Tool, and add a gradient with the following colors:
If you don’t know already we offer for our VIP members a huge set of Photoshop Gradients with over 27.000 gradients. You will find very easy one of the best color combination. It will save you a lot of time.
Now please download the following Grunge Texture
Place it on your layout on a new separate layer and change the blending mode for this layer to Luminosity, and you can also lower the opacity to 20 %
I will provide you with a nice piece of paper for this layout. This is made from a shape, and I will use the warp tool to give it a nice paper. Then I will draw a with a smooth Brush Tool, to add some shadows. I will not explain more how this piece of paper was made. You can find already a lot of paper likes this free on some free stock photography sites
On the top of the website, I will create a round shape with Rounded Rectangle Tool
Then I will create another one with a black color. I will rotate it a little to the right
Then I will change the opacity value to 20 %, and with Horizontal Type Tool I will add some text. I will use the following font: Bradley Hand ITC
Now I will download the Ornamental vector set we have released a few days ago for VIP members
Open the .eps file in adobe Photoshop, and cut the 2 flower ornaments from the right side
You can use Rectangular Marquee Tool to make a selection around each flower, then press on CTRL+J to create a new layer via cut. Drag the new layer on your layout, and place the vector drawing like in the following image
Select all these layers in your layers palette, then press on CTRL+ E to merge them into a single layer. The next step is to load the selection for this layer with vector flowers
You can see that a selection line will be visible on your layout
Select Brush Tool, and with different colors paint inside the selection (you can use a soft round brush)
Press on CTRL + D to deselect and over this vector art place a stock image with a photo camera
I will work on the left side of the header. With Rectangle Tool I will add some simple shapes, and with horizontal Type too I will write some text
I will try to create some Polaroid images. For this we need other black shapes
You can add yourself any image you want inside the Polaroid photos.
On the bottom of this layout I will add some text, and the same vector drawing I have used a few steps above
To create a nice effect I will use Rectangle Tool to create a vertical long shape at the bottom of the layout
This is my final layout. I hope you like it
You can download the PSD file and play with it as much as you want. Before you will download you need to apply for a VIP membership. For 49$ you can download all our PSD layouts for each tutorial ( including this one ) + our huge collection with premium downloads.
Responses to “Create a grunge photographer layout”
Trackbacks
- Enlaces semanales que no he publicado (17)
- 45 awesome Photoshop website template/layout tutorials | [Re]Encoded.com
- 10 Awesome Web Design Tutorials @ Designussion
- 160+ Mega Web Design Tutorial Roundup | tripwire magazine
- 30 Photoshop Tutorials for Creating Your Own Portfolio | WebDesignFan.com


































wow this is very nice looking layout.
Very nice looking layout!
I suggest that you move the bottom third of the design (About Me) to the right a bit so it lines up with the paragraph above it. The way it is currently layed out doesn’t look quite right.
Great Tutorial Thanks
A really nice looking layout, the only problem is the description it is given- I would not call it grunge.
i like it and iam the new to this site.this is my i ll regularly visit your site. nice theme you have.
Ya really nice layout. Good tutorial i have also some collection of grunge.
I love Grunge websites. Thank you very much for your hard work. I really want to see what are you doing in the future. I love the fact you update the website so regularly
Hey my ambition is too be a photographer!
im still 9,but soon il be a photographer!soon!with God!
my family i love to!haha!
tnx!
I dotn understand how this is grunge, but it look s wonderful, great work, i love all the tuts u post on Graphpedia, great stuff, keep it coming