Classy Model Portfolio Layout

Well, here is a rather simple tutorial on creating a classy models portfolio layout. So lets begin shall we.

Firstly, open a new document (800px x 880px) withn a backgroung color of #444444

Using the Rectangle Tool, draw a rectangle, with the came color as the background, in the centre of your page. once tis is done, apply the following stroke to this layer.

You sould have something that looks like this…

Now what we want to do is draw another rectangle inside this box we have just completed, I have chosen the color #888888. It should look like this.

Now, we are going to use the Ellipse Tool and draw an oval over the top left corner, I used #e9a0b2 as my color of choice. Once you have done that, rasterize the layer. Now here come a slightly tricky part, Ctrl click on the thumbnail of the inner box we have just created to select it, then press Shift + Ctrl + I to inverse the selection, with the oval layer still active hit Delete. This should remove all of the oval we drew except for the section inside of the inner box. One last thing to do is to set the opacity of this layer down to about 25%. I have added a white to black linear gradient stroke to mine just to add a bit of depth, you can play around with this if you wish.

Now, repeat the above step agan, only draw you oval in the bottom right corner. Your end result should be similar to this.

In the next step we are going to be adding 2 lines above the inner box, the first line is 1px which runs the entire length of the top edge, the second is a slightly thicker line that is slightly shorter than the first. Once this is done, add the following gradient overlay to these lines.

This layer style makes the lines almost seem to vanish into thin air. Your result should look similar to the image below.

Next we are going to be creating the conten boxes or tabs..

Right, lets press on, select the Rounded Rectangle Tool and set the radius to 7px. I used the same color as the background, #444444, draw a rectangle the size that you like, then rasterize the layer. Ctrl click on the layer thumbnail to select it and then go to Select – Modify – Contract and set this setting to about 3px (set it higher if you want your lines thicker), once you see that the selection has been contracted, press delete. This will remove te centre of this rectangle. Now apply a layer mask to this layer and using the Gradient Tool, with a black to while gradient, hold Shift and drag your gradient from left to right inside the rectangle. You will end up with this.

That is pretty much the basic layout, now its time to add a few finishing touches, I wont tellt you any more, it’s now time for your imagination to take effect…

After all of that, here is my final result of for my Model Portfolio Layout tutorial.

Leave a Reply

Your email address will not be published. Required fields are marked *