Today I will create a layout for a hotel.
This layout will work also if you have site related to the hotel industry: bed and breakfast, motels, and it will work very good for restaurants, cafes, pizzerias , bars, wineries layouts, etc.
I will use a nice background image and you will see that a simple background image will create an elegant rustic layout

Want to download this layered PSD layout ?
Register for a VIP account
Create a new document with the following size: 1000 pixels width and 1100 pixels height.
Please click on the following image to see the full size image. Save the image to your computer, and then open this seamless pattern in Photoshop. We will use this image to create a background for this hotel layout.

Open the image from above in Photoshop and then go to Edit > Define Pattern. In this way you can create any type of patterns from your images.
You can close the document with this background image and then you need to add this pattern over your layout document. To add the pattern you need to select Paint Bucket Tool.
Be sure you select the pattern you just created.

Click one time on your document. The background for this layout will look like in the following image.

As you can see the pattern filled all the document but at the bottom of the layout it doesn’t look very good. I will fix the problem very fast. With Brush Tool ( and with a smooth brush ) I will make a drawing on the bottom of the layout. It is very important what color you choose to make the drawing. I will recommend you to use the eyedropper tool to grab the exact color or a similar color with mine.

With Rounded Rectangle Tool I will create a shape in the middle of the layout

I will add the following layer styles

This is my result so far

Now it is up to you what you will place here. I will use only a image with a restaurant, but you can create here a nice slide show, or maybe a reservation form.

On the top I will create another round shape. this shape will be transformed into a simple menu

For this layer I will add the following layer styles

This is my result so far

I will use one more time Rounded Rectangle Tool to create three shapes.

For all these shapes I will use the following layer styles

This is my result so far

Now I will use Pen Tool to create a similar shape like you see in the following image. the easy way to create such a shape is to turn on the Grid (View > Show > Grid )

I will add the following layer styles for this simple scarf.

Here is my result

I will duplicate this layer several times and I will place the new layers like in the following image. Click to zoom

I will add some text and images over this layout.
One more time it will be better if you click on the following image to see better my restaurant / hotel layout

Now I will try to create a scarf on the top of the layout. I will use Pen Tool to create something like this

As you can see I have used the same layer style I have used for the top menu.
Now I will write down ” Welcome to Grafpedia “. This is my final result

If you don’t know already we have a VIP membership which gives members access to a huge collection of premium resources ( around 70.000 items ) , as well you will be able to download each PSD file for each tutorial.
To access all the files it will cost you 49 $ and you have the opportunity to pay only for one month. This means you will not be charged again at the end of the month. However if you want to subscribe to a recurring payment we have this option for you, and if you love us you can apply for a bigger plan. For example you can pay 69.95 $ and you will be able to access all our existing downloads plus the next one I will release in the next year. Join Now

Learn how to design beautiful web pages using 646-230 tutorials and other 312-50 resources. We also offer latest 650-177 videos and self paced study guide for in detail learning.