Subscribe:

Preview:

Office Space Theme Header Design.

Step 1:

Let’s start out by creating a new file. I used a 1000×260 pixels canvas set at 72dpi, and I filled my background with #838383 color shade. Now create a new layer then draw a large rounded rectangle with #050505 color shade and 781 x 105 px dimensions.

Step 2:

Step 3:

Duplicate your wooden rounded rectangle design and merge it with a blank layer so the layer styles designs become permanent. Then resize the copy by a couple of pixels and rotate through it Edit > Transform. Now place the layer behind the first wooden rounded rectangle design.

Step 4:

On your layers window create a new layer set behind the large rounded rectangle layer from step 1, name it ‘Drawer’. Then in a new layer draw a brown rectangle with #996B37 color shade and 186 x 67 px dimensions.

Step 7:

Step 8:

In a new layer draw a very thin white rectangle outside the drawer designs, this will be the handle.

Step 9:

Merge down the ‘Drawer’ layer set through Layer > Merge Layer Set then re size the drawer layer by a couple of pixels. Now under Layer Style(Layer > Layer Style) add a Drop Shadow blending option.
Result:

Step 10:

Select the Horizontal Type Tool then set the font family to Arial, regular, 16 pt, crisp and white color shade. In a new text layer type ‘Home’ n the first drawer design.

Step 11:

Now add the rest of your navigation with its own drawer design, use the transform settings under Edit to rotate the last drawer.

Step 11:

Select the Horizontal Type Tool then set the font family to Burnstown Dam, regular, 82 pt, crisp and #613500 color shade. In a new text layer type your website name on the wooden rounded rectangle.