Model Portfolio Web Layout

Create a Model Portfolio Web Layout

Create a Model Portfolio Web Layout

Today I will share how to create a model portfolio web layout. In this tutorial we will discuss how to design the portfolio, and style everything to work together in a heavily textured, nice design and fantastic model effects. So why not have a try…

For this tutorial you need to download our last stone – concrete texture pack.

Open a new document in Photoshop

Create a Model Portfolio Web Layout

Then open the following texture image in Photoshop. The name of the texture is: rocks-concrete-(34).jpg

Please note that you need the high resolution texture, and not the following thumbnail

Create a Model Portfolio Web Layout

After you open the texture in Photoshop, you need to select “Move tool”, and with this tool, you can drag the texture image on your layout document. After that you can drag, and change the size of the texture until you are happy with the placement. Here it is what i have

Create a Model Portfolio Web Layout

Now i will press on CTRL+U (hue saturation), and i will use the following settings

Create a Model Portfolio Web Layout

I will go to Filter > Sharpen > Sharpen more. Then i will press CTRL+F (with this shortcut i will repeat the filter one more time). This is my result so far

Create a Model Portfolio Web Layout

With Rounded rectangle tool, i will create some shapes, with different colors.

Create a Model Portfolio Web Layout

Now i will add a stock image with a very beautiful girl.

Create a Model Portfolio Web Layout

I will select Polygon Tool, and i will use the following settings

Create a Model Portfolio Web Layout

I will set my foreground color to #ca0000, then i will create a few triangles, and i will place them on my buttons.

Create a Model Portfolio Web Layout

On this buttons i will place some text, and some numbers

Create a Model Portfolio Web Layout

You can see that the numbers have opacity. To change the opacity for this layer, you need to select the layer, and then you can change the opacity value to 20 %

Create a Model Portfolio Web Layout

Now i will add some text and some images on my layout alone. This is my result so far

Create a Model Portfolio Web Layout

I will create a new layer right above the texture layer. to create a new layer in that place, first you need to select the texture layer, then press on CTRL+SHIFT+ALT+N

Create a Model Portfolio Web Layout

Grab brush tool, then use a big smooth brush

Create a Model Portfolio Web Layout

With this brush make a simple point on your layout

Create a Model Portfolio Web Layout

Now you can change the blending mode for this layer to Overlay

Create a Model Portfolio Web Layout

Final Result:

 

Create a Model Portfolio Web Layout

 Hope you can create your own portfolio from this tutorial.

I feel really glad if you give me feedback through comment below. Soon i am going to show more interesting & innovative tutorials so please keep visit our blog. That’s for now.

Have fun!

 

Reference: smashingpoint

Mahmudur Rahman
[email protected]
1 Comment
  • Addie Bitterman
    Posted at 00:53h, 01 March

    I am looking for a modeling job!