Her

Home Photoshop Tutorials Web Layout Creative Portfolio Layout

Creative Portfolio Layout

Author: amitk Author's URL: www.talk-mania.com More by this author

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.

image 1

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.

image 2

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

image 3

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.

image 4

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.

image 5

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

image 6

Then for all this buttons , add some layer styles.

I am using the following layer styles for all the buttons.

image 7

image 8

image 9

image 10

This is my result.

image 11

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

image 12

image 13

image 14

image 15

And here you can see the result.

image 16

Now it is time to add some text on the top menu.

image 17

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

image 18

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

image 19

Load icons-1 file, and select the following brush.

image 20

On a new layer ( press Ctrl+Shift+Alt+N ) add the icons.

image 21

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

Creative Portfolio Layout