Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Design an Elegant Rustic Layout for Hotels or Restaurants

Design an Elegant Rustic Layout for Hotels or Restaurants


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.

img

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.

img

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

img

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.

img

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

img

I will add the following layer styles

img

img

img

img

This is my result so far

img

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.

img

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

img

For this layer I will add the following layer styles

img

img

img

This is my result so far

img

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

img

For all these shapes I will use the following layer styles

img

img

This is my result so far

img

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 )

img

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

img

img

img

img

Here is my result

img

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

img

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

img

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

img

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

img



Author's URL: grafpedia
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos. More Web Layout Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: