Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Very Clean Business Layout

Very Clean Business Layout


So let's start with a new document
Size 760 X 770 pixels
Background color : #e6e4d8

Select Rounded Rectangle Tool ( set the radius size to 10 pixels )
then create a simple shape on your canvas

image 1

Then add the following layer style

image 2

Now Select Pen Tool and create the following path:

Click to enlarge
Click to enlarge

Then apply the following layer styles

image 4

image 5

image 6

This is my result

image 7

Duplicate this layer ( Ctrl+J ) then resize this shape like in the following image

image 8

For this last shape add the following layer styles

image 9

image 10

image 11

image 12

image 13

image 14

image 15

image 16

This layer styles you can download them for free on www.free-photoshop.com

This is my result

image 17

Now duplicate this 2 layers a few times, resize the layers, and place them like me.
We will create a nice navigation menu

Click to enlarge
Click to enlarge

Now you can add some text under the buttons, and in the same time you can add also a text logo ( for this text logo i have used a font with a white color, and i have change the blending mode to Overlay )

Click to enlarge
Click to enlarge

Now Create a new layer ( press Ctrl+Shift+Alt+N ). Be sure this layer is placed under the Big Logo shape
Find some Clouds brushes on internet. Soon you can download also from www.free-photoshop.com

And with Brush Tool, create some clouds drawing. This is my result

Click to enlarge
Click to enlarge

Select line Tool, And Start creating some lines ( set the weight to 1 pixels )

Click to enlarge
Click to enlarge

You can notice that my lines are fading out at the end. If you want to create something like this first you need to rasterize each line layer, then use the Eraser Tool ( set the Opacity of the brush to 50 % and then start deleting at the end of the lines )

The next step is to Download the following brushes link
Load the brushes and on a new layer please add more details on your layout.This is my final result

Very Clean Business Layout Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: amitk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Very Clean Business Layout"

Only registered users can write comment

Reader's comments