Hello my friends. it is a long time since i haven't done a tutorial. Maybe you will ask why.

Well all Talk-Mania team was in a long holiday, after that we have moved our headquarters to a new location.

Today we are ready with all the changes, and i will start to create almost each day a new tutorial.

Very soon we will release another 15 new websites with free downloads ( all for webmasters - custom shapes, patterns, brushes, skins for some popular cms)
You will be announced when all will be ready

Today i will show you how to create a portfolio layout



As usual i will start with a new document
To open a new document please go to File > open, and choose the following size: 760x770 pixels

First we will place a photo with a tree on our document



Based on this tree we will continue to work on our layout. i will create a place where we will add our buttons. i will use Rounded rectangle tool, and i will place an image exactly under the image with the tree



On the other side of the layout i will add another shapes ( all made with rounded rectangle tool )



Right above the background layer , please create a new layer. to create a new layer, please press on CTRL+SHIFT+ALT+N in the same time
With gradient tool, draw a line from the top of the layout to the bottom



Now please download the following set of cloud brushes: Cloud Brushes

Create a new layer right above the last layer, then with the brushes you just downloaded , add some clouds



Select Rounded rectangle tool, and add some buttons. please be sure you will place the layers for this buttons under the big brown shape



Then for all this buttons , add some layer styles.
I am using the following layer styles for all the buttons.









This is my result



now for all this big shapes, please add the following layer styles









and here you can see the result



now it is time to add some text on the top menu



after that please add some text and images also on the other parts of the website



now if you have Talk-Mania Big-Pack go inside your Brush folder, then choose web icons



Load icons-1 file, and select the following brush



On a new layer ( press CTRL+SHIFT+ALT+N ) add the icons.



This is my final result. i hope you like it. tomorrow we will have another new tutorial



please download the PSD file to see how it's made

Attached Files

166.zip (1.20 MB, 62 views)

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

Nice layout

wowww.very coollll

nice for bussines layout

thats great!!

great, im gona use different colors though

very good layout! thanks!

thanx good layout

yes its really creative thank you

I think you have some great tutorials for layouts here and they really help to provide practice for both novice and expert level designers. However, the layout is just one part of designing a site. Why don't your tutorials go to the next level by showing viewers how to take the layouts to actual working web sites? The layout still needs to be sliced up and put together in Dreamweaver (or any other design program). Also, your final addition to this layout were arrow buttons as if to allow users to navigate through the images. This doesn't function without something like JavaScript. Once again, I think these are great layout tutorials, but not good on actually creating a functional site.