Clean style layout ( corporate or business )

admin · #1 (**permalink**) 11-07-2006, 11:46 PM

Hello

Today we will continue with the 100 Marathon Tutorials
For our newest members this means that each day i will add a new tutorial.
This one is Tutorial Number 35

Create a new document with a white background.the size should
be 760 x 700 px.
Create a new Layer ( press CTRL+ALT+SHIFT+N )

With Rounded Rectangle tool create a rectangle like in the next image. Set the radius to 30.
Please note that the following image is resized.

Then add the following layer style for this rectangle.

Create a new layer ( press CTRL+SHIFT+ALT+N )

Select Rectangle Tool and create a small rectangle. Fill this rectangle with the following color : #647483
Here we will create the buttons. ( you can rename this layer from Shape 2 to Buttons)
it will be easyer to follow the tutorial.

Now duplicate the Buttons layer and change the color to #7fd900

Then drag the layer Buttons copy under the Buttons layer :

You will have something like me:

Now we will create a pattern. Open a new document with a transparent background. the size should be 20 x 20 pixels

Zoom the document to 1600%

Set the foreground color to white. and with the Pencil tool create some dots like on the following image

Do not use the grey color )
I have used this color so you can see better what i am doing

Then go to Edit > Define Pattern
Choose a name for your pattern and press OK

Now we will come back to our layout.

Select the Buttons layer. Hold down the CTRL key and press on the layer Thumbnail:

You will see that a selection will apear.
Create a new layer ( press CTRL+SHIFT+ALT+N )

Then select Paint Bucket Tool
Use this settings:

Then fill the selection ( click one time inside your selection )

This will be the result:

With this layer selected press on Add layer mask.
Set the foreground color to white and the background color to black and with the gradient toll make a line in the same way you see the arrow on the next image.

Now you can add alone some text for the buttons:

Select the Line Tool ( be sure you have the line weight set to 1 ) and create some lines and place it between the text buttons

Now select the rectangle tool and create a small rectangle. After you draw the rectangle rotate to 45 degrees:

After you have rotated the small rectangle duplicate it a few time and place it like on the following image:

Next you can add a photo on this layout. I have used a photo with clouds.
You can see that my clouds are fading out at the bottom.
this is a very simple to be done. you have already created above for the navigation bar.

So i will repeat here this simple steps:

With the clouds layer selected press on: Add layer mask
Set the foreground color to white and the background color to black
Select the gradient tool and draw a line from bottom to top of you clouds

In the next image you can see that i have changed the blending mode for the clouds. I have used the vivid light mode.

Now i will add some rectangles and a line at the bottom of the layout.

For the rectangles i have used the following layer style

I will add also some text. You can add your own text.

Now this will be my final step. i will add some lines with the type tool.

I will write some minus signs "---------------" and " ++++ "
You will see my final result in the next image

If you want to add extra details on this layout then you might be interested in Talk-Mania Big-Pack
If you like this layout you can download it and use it as you like. thanks