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

Clean Restaurant Layout


On a new document with the following size 760x770. Then I will open a new image:

Clean Restaurant Layout image 1

With Rounded Rectangle Tool I will create a shape with the following color #b90306. I will place this shape on the top left side of the layout.

Clean Restaurant Layout image 2

I will add a drop shadow:

Clean Restaurant Layout image 3

After that I will create another shape with the following color #9e553a:

Clean Restaurant Layout image 4

I will add the same layer style as above ( drop shadow ). This is my result:

Clean Restaurant Layout image 5

I will create another rectangle, and I will place it like in the next image. you can see now how my strawberry image will look near these shapes:

Clean Restaurant Layout image 6

After that I will select Rectangle Tool I will create a small shape:

Clean Restaurant Layout image 7

I will add the following layer styles:

Clean Restaurant Layout image 8

Clean Restaurant Layout image 9

Clean Restaurant Layout image 10

After that I will go to Edit > Transform > Warp.

Clean Restaurant Layout image 11

And from the drop down menu I will chose Arc.

Clean Restaurant Layout image 12

This is my result:

Clean Restaurant Layout image 13

After that I will rotate the layer, and I will place the shape like in the following image:

Clean Restaurant Layout image 14

With Ellipse Tool I will create a small shape.

Clean Restaurant Layout image 15

I will duplicate this layer, and with move tool, I will place it like in the following image:

Clean Restaurant Layout image 16

I will duplicate the last 3 layers, and I will place them like in the following image:

Clean Restaurant Layout image 17

With Rounded Rectangle Tool I will create a simple shape, and right over this shape I will add an image with some nice chocolate:

Clean Restaurant Layout image 18

For the rounded shape I will add a shadow ( use drop shadow settings ).

Clean Restaurant Layout image 19

This is my result:

Clean Restaurant Layout image 20

With Rounded Rectangle Tool I will create a small shape with a white color:

Clean Restaurant Layout image 21

Then with Ellipse Tool I will create a search button. you can see in the next image how I have placed this ellipse.

Clean Restaurant Layout image 22

The next step is to create a arrow. You can download some great custom shapes from Free Photoshop Custom Shapes.

With Custom Shape Tool

Clean Restaurant Layout image 23

and the following shape:

Clean Restaurant Layout image 24

I have placed this small arrow right above the black ellipse.

I will create a simple logo. For this logo I will use Rounded Rectangle Tool:

Clean Restaurant Layout image 25

I will rotate this image to 45 Degrees, then I will place another custom shape over the black shape:

Clean Restaurant Layout image 26

The next step is to add some text with Type Tool, and some images from your stock photo collection.

Clean Restaurant Layout Tutorial: Final Result



Author's URL: victor
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Clean Restaurant Layout"

Only registered users can write comment

Reader's comments