Illustrated designs - http://www.illustrateddesigns.com
Design Bureau - The best creative ideas
http://www.illustrateddesigns.com/articles/2761/1/Design-Bureau---The-best-creative-ideas/Page1.html
By Art-D !
Published on 02/16/2007
 
Create Design Bureau Weblayout in Photoshop CS Design Bureau - The best creative ideas
In this step by step tutorial you will learn how to create a colorful layout for design bureau.

Design Bureau - The best creative ideas - part 1
In this step by step tutorial you will learn how to create a colorful layout for Design Bureau.

Open a new file that would have 766x700 px and 72 dpi. It must be painted in black.

Create Design Bureau Weblayout in Photoshop CS

Then you should select the next tool and create the lowest layer designed for the menu?s button of the site.

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Stroke

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 2
Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Copy this new made layer three times and place them the way it is indicated in the picture, but don?t forget to change the parameters for each of the new copy.

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay (for the red one)

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Stroke

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 3
Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay (for the green one)

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Stroke

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 4
Blending Options-Gradient Overlay (for the blue one)

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Stroke

Create Design Bureau Weblayout in Photoshop CS

Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Using the same instrument applied before, it?s possible to draw a flare of white color, the same way it is shown below:

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 5
Create Design Bureau Weblayout in Photoshop CS

Fill 10% on the layers
Copy the new made layer three times again and place them the same way it is demonstrated in the next image:

Create Design Bureau Weblayout in Photoshop CS

Select now the next instrument and represent a ring. Start with the outside edges, then click on the Alt button and erase the inside zone.

Create Design Bureau Weblayout in Photoshop CS

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 6
Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Make three copies of the new represented layer and place everything the same way it is shown in the next picture.

Create Design Bureau Weblayout in Photoshop CS

Mark out the ring of one button and copy the layer. Click on the Alt button and apply in the same time the next shown tool to erase the unnecessary parts.
Use the parameters shown below:

Create Design Bureau Weblayout in Photoshop CS

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 7
Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Copy the ring?s flare three times for those three buttons left.

Create Design Bureau Weblayout in Photoshop CS

Insert now the titles for the buttons of the site?s menu:

Create Design Bureau Weblayout in Photoshop CS

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Drop Shadow

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 8
Insert the site?s name after that, keeping the demands from the tables shown next step:

Create Design Bureau Weblayout in Photoshop CS

(Design)

Create Design Bureau Weblayout in Photoshop CS

(Bureau)

Create Design Bureau Weblayout in Photoshop CS

(The best creative ideas)

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Drop Shadow

Create Design Bureau Weblayout in Photoshop CS

Design Bureau - The best creative ideas - part 9
The last feature includes representing a stripe out of dots. It?s possible to do that, using the next instrument .
First create the dots and then represent the shadows of them.

Create Design Bureau Weblayout in Photoshop CS

Create Design Bureau Weblayout in Photoshop CS

The final result!

View full size here.