Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout How to Create A Tasty Restaurant Website

How to Create A Tasty Restaurant Website


Step 1

Create a document 1000 wide by 1250 long then create a footer area fill with a light blue gradient.

Step 2

add a header at the top with the same gradient

Step 3

add a bar for the menu and add a two pixel black stroke

image 1

Step 4

create a box with a fine one pixel stroke - use 50% opacity and use the same gradient

Step 5

add in a gradient in the remaining space

image 2

Step 6

add a white box in the footer lowered the opacity use a gradient

image 3

Step 7

add a leaf shape from the custom shape tools use a green gradient

Step 8

from Google maps screen grab an area and place it in the footer

image 4

Step 9

image 5

Step 10

add another bar between the footer and the main page use the same layer style as the menubar.

Type out nothing would be more tiresome than eating and drinking if God had not made them a pleasure as well as a necessity Voltaire

image 6

Step 11

Use this Lorem Ipsum generator and paste them into the three boxes and the footer.

image 7

Step 12

type out the words you see in the menu bar in the image

image 8

Step 13

type out digital art Empire restaurant and put it a green gradient box behind it

image 9

Step 14

download these images image 2 place them in the document resize them to the same size

image 10

step 15

Final Image

type outbest with virtual restaurant everin a cursive font and that's it were done.

How to Create A Tasty Restaurant Website



Author's URL: PVM Garage
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: