Illustrated designs - http://www.illustrateddesigns.com
Business/Corporate Layout
http://www.illustrateddesigns.com/articles/2747/1/BusinessCorporate-Layout/Page1.html
By Art-D !
Published on 02/2/2007
 
Create Business/Corporate Layout in Photoshop CS Business/Corporate Layout
Learn how to create a fast corporate styled professional web layout.
Business/Corporate Layout - part 1
Open a new file hat would have 607x607 px and 72 dpi. It must be painted in black color.

Create Business/Corporate Layout in Photoshop CS

Take the next shown instrument and try to represent the lowest layer for the site to be, colored in 3B3B3B.

Create Business/Corporate Layout in Photoshop CS

Blending Options-Stroke

Create Business/Corporate Layout in Photoshop CS

Write now the site’s name, keeping the demands from these tables, for each word.

Create Business/Corporate Layout in Photoshop CS

(corporate)

Create Business/Corporate Layout in Photoshop CS

(co.)
Business/Corporate Layout - part 2
Create Business/Corporate Layout in Photoshop CS

(precise and impartial approach)

Create Business/Corporate Layout in Photoshop CS

Select after that the next tool and represent the lowest layer for the site’s menu’s button.

Create Business/Corporate Layout in Photoshop CS

Blending Options-Gradient Overlay

Create Business/Corporate Layout in Photoshop CS

Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS
Business/Corporate Layout - part 3
Blending Options-Stroke

Create Business/Corporate Layout in Photoshop CS

Make three copies of this new layer and place it the way it is demonstrated in the next image.

Create Business/Corporate Layout in Photoshop CS

Selecting the previous instrument, it’s possible to represent inside each of the buttons a colored gradient.

Create Business/Corporate Layout in Photoshop CS

Blending Options-Gradient Overlay (for the red one button)

Create Business/Corporate Layout in Photoshop CS

Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS
Business/Corporate Layout - part 4
Blending Options-Gradient Overlay (for the orange one)

Create Business/Corporate Layout in Photoshop CS

Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS

Blending Options-Gradient Overlay (for the green one)

Create Business/Corporate Layout in Photoshop CS

Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS

Blending Options-Gradient Overlay (for the blue one)

Create Business/Corporate Layout in Photoshop CS
Business/Corporate Layout - part 5
Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS

Take the next tool and draw now a flare on the upper part of the button.

Create Business/Corporate Layout in Photoshop CS

Create Business/Corporate Layout in Photoshop CS

Fill 0% on the layers.
Blending Options-Gradient Overlay

Create Business/Corporate Layout in Photoshop CS

Gradient’s parameters:

Create Business/Corporate Layout in Photoshop CS
Business/Corporate Layout - part 6
Make three copies of the new created layer and place by one copy on each button we have.

Create Business/Corporate Layout in Photoshop CS

Insert now the titles for the buttons on the site’s menu.

Create Business/Corporate Layout in Photoshop CS

Blending Options-Drop Shadow

Create Business/Corporate Layout in Photoshop CS

Create Business/Corporate Layout in Photoshop CS

This should be the final result!

View full size here.