Luxurious Hotel

Luxurious Hotel
This lesson I’ll tell you how to create a very simple Header for the site. So, let’s begin!

Open the Photoshop and create a new file with 768×387 px. Choose now the instrument

Luxurious Hotel

to represent a rectangle (it just must get outside of the working territory, like it is indicated in the next image).

Luxurious Hotel

This space is reserved for the picture and the menu, but firstly we have to apply Gradient Overlay in the Blending Options. Set the same colors from the next picture.

Luxurious Hotel

As a result we must get such a Gradient:

Luxurious Hotel

Create now one more file with 3×3 px with a transparent background. Choose the following instrument

Luxurious Hotel

to insert three dots along the diagonal, like it is shown below:

Luxurious Hotel

Choose Define Pattern from Edit menu and you’ll get a window where you should click OK.
Create a new layer now and place it above the gradient’s layer.
Open Edit menu again and choose Fill or just click on the SHIFT+F5.
In the Custom Pattern menu you should choose a pattern with our 3 px that we’ve created it recently. Click OK and the new layer we’ll get the same texture, as you may see below.

Luxurious Hotel

Close by it looks like this:

Luxurious Hotel

Create now a rectangle with the shown tool

Luxurious Hotel

. Paint it in black and place it the same way from the next image.

Luxurious Hotel

On the upper right corner, draw two rectangles with the previous instrument. The figures must have the same highness, but different length.

Luxurious Hotel

On the green rectangle you should insert the inscription SEARCH. Apply to the text next options: Blending Options > Drop Shadow. The parameters are shown next picture.

Luxurious Hotel
Luxurious Hotel

As you already guessed, that will represent a search option for the site.

Luxurious Hotel

Using the next instrument

Luxurious Hotel

, draw an element that will be the same with that one from the picture below.

Luxurious Hotel

Place it on the upper left corner.

Luxurious Hotel

Insert the text on the right side of the element:
The parameters for the following text LUXURIOUS HOTEL:

Luxurious Hotel
Luxurious Hotel

The parameters for the text TOUCH THE EXCELLENCE:

Luxurious Hotel
Luxurious Hotel
Luxurious Hotel

Next step you should add with this instrument

Luxurious Hotel

a dividing line of 1 px thickness that must have the color EED948.

Luxurious Hotel

Apply to it Blending Options > Bevel and Emboss with the adjustments from the next picture.

Luxurious Hotel

Represent now a rectangle (

Luxurious Hotel

) of white color. Apply the Free Transform option to turn it around the same way it is indicated next step.

Luxurious Hotel

Represent the shadow of the rectangle by doubling the rectangle’s layer. Change its color in black and choose the next instrument

Luxurious Hotel

. Make a click on the left mouse’s button inside of it and you’ll get a window with a message. Click OK. Hide now the black rectangle behind the white one. Click on the right mouse’s button on the black rectangle and choose Free Transform > Distort option to distort it the same way it is represented in the next image.

Luxurious Hotel

Choose the following tool

Luxurious Hotel

(50) and blur out the edges of the shadow.

Luxurious Hotel

Place now the picture above the white rectangle:

Luxurious Hotel

In the end you have to create the menu. Insert the sections our site consists of. You may see below the text’s parameters.

Luxurious Hotel

Apply to the text Blending Options > Drop Shadow with the indicated adjustments.

Luxurious Hotel
Luxurious Hotel

Divide the site’s sections with a pointed line, but firstly you have to create it. Click on the point button on the keyboard and keep it pressed until you’ll have a line with the necessary sizes. Copy the layer with many points and place it the same way from the picture below.

Luxurious Hotel

That’s it!

View full size here.