Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

Luxurious Hotel

Hi! 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 to represent a rectangle (it just must get outside of the working territory, like it is indicated in the next image).

Create Web Header for Luxurious Hotel in Photoshop CS

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.

Create Web Header for Luxurious Hotel in Photoshop CS

As a result we must get such a Gradient:

Create Web Header for Luxurious Hotel in Photoshop CS

Create now one more file with 3×3 px with a transparent background. Choose the following instrument to insert three dots along the diagonal, like it is shown below:

Create Web Header for Luxurious Hotel in Photoshop CS

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.

Create Web Header for Luxurious Hotel in Photoshop CS

Close by it looks like this:

Create Web Header for Luxurious Hotel in Photoshop CS

Page: 1 2 3 4

Comments