Her

Home Photoshop Tutorials Web Layout Web Layout for Italian Restaurant

Web Layout for Italian Restaurant

Author: Adobetutorialz.com Author's URL: www.adobetutorialz.com More by this author

The final result!

Web Layout for Italian Restaurant Tutorial: Final Result (Click to enlarge)

Before we'll start check these Italian restaurant website templates:

Restaurant of Italian Food WordPress Theme

Restaurant of Italian Food WordPress Theme

Cafe And Restaurant WordPress Theme

Cafe And Restaurant WordPress Theme

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Moto CMS HTML Template

Cafe And Restaurant Moto CMS HTML Template

Cafe And Restaurant Website Template

Cafe And Restaurant Website Template

Cafe And Restaurant Joomla Template

Cafe And Restaurant Joomla Template

Create a new file of black color with 780х800px and 72dpi.

image 1

Take the instrument image 2 to draw a rectangle with the color 282828, like in the next picture.

image 3

Use the next tool image 4 to paint it vertically in white with blurred edges, like in the next picture. Opacity – 40%.

image 5

On a new layer. Use the instrument image 2 to mark a part on our rectangle. Use a brush of black color and dark out the left side, like it is demonstrated in the picture.

image 7

On a new layer also. Use a gain the same instrument image 2 , mark the necessary part to paint it in 3E3E3E, like in the next image.

image 9

Take a photo that has the appropriate sizes and place it out like in the next picture.

image 10

On a new layer. Use the instrument image 2 to mark out the part that is necessary and paint it in black. The opacity must be 30%.

image 12

Use another instrument image 13 to represent a rectangle, having the color E2C066 and place it like in the next picture.

image 14

Take another instrument image 15 to choose the corresponding cliché, like in the next picture.

image 16

Choose the color C9A152 and the points of the same color with the text points. Place everything out like it is done in the image below.

Web Layout for Italian Restaurant

Using the instrument image 1 , choose the corresponding cliché, like in the next picture.

image 2

Use the next color – 9C6733 and create a figure on the shown place, then use the instrument and the color – E2C066. Erase everything that is not necessary, represent again and erase again to look perfectly like in the next image.

image 4

Take the instrument to represent a rectangle with the color BA973A, like the next image.

image 6

On a new layer. Apply the instrument image 7 , mark out a part and take a brush of black color to dark out the left side and the right one, like it is shown below.

image 8

On the new layer. Use the instrument image 9 to mark out the necessary part and paint it with the next color – CBAC5C.

image 10

On a new layer. Use the next instrument image 11 to mark out a part and take the brush of black color. Dark out the left side and the right one. Opacity must be of 50%.

image 12

On a new layer. Use the instrument image 13 and mark out the same place from the picture below. Take the brush of white color and make the enlightening. The Opacity – 30%.

image 14

Take the next tool image 15 and choose the necessary cliché, like in the next picture.

image 16

Use the color 9C6733 and make everything look like in the picture below.

image 17

Using the instrument and the color DBC07A, create a rectangle, like in the image below:

image 2

Apply the instrument image 3 to choose the corresponding cliché.

image 4

Use the color 9C6733 and Opacity of 20%.

image 5

On a new layer. Use the instrument image 6 to mark out the necessary side and click on the right button in the middle of the marked place, choose Stroke. Set the color 652501. Opacity – 30%.

image 7

image 8

On the new layer. Take the instrument image 9 to mark again the shown place in the picture and click on the right mouse’s button in the center of the marked place. Choose Stroke and the color – 652501. Opacity – 30%.

image 10

image 11

Use the following instrument and the color 8b7641 to represent a rectangle, like in the next picture.

image 13

Take the necessary photo that would have the appropriate sizes and place it out like it is shown below:

image 14

On the new layer. Take the instrument image 15 to mark out the place shown in the next picture and click again on the right button in the marked place’s center, choose Stroke and insert the color 652501. Opacity – 30%

image 16

image 17

Take another instrument image 18 and the color C4A378 to represent a figure like that from the next image.

image 19

Place it like in the picture. Copy the recently created layer 2 times and make everything look like in the picture.

image 20

On the new layer. Use the old instrument image 1 and mark again the necessary place, like it is shown in the picture below and make a click on the right button, choose Stroke. Set the color 652501. Opacity 30%.

image 2

image 3

Copy the new layer and place it like it is demonstrated below.

image 4

Take the instrument and the color 8B7641 to create a rectangle, like in the picture.

image 6

Copy the recently created picture and place it like it is done in the next image.

image 7

Take the instrument image 8 and chose the corresponding color.

image 9

Set the white color in the indicated places (copying the layer two times). Opacity – 10% on each figure’s layer.

image 10

Take the picture then, with appropriate sizes and place it out like it is done below.

image 11

On the new layer. Take again the instrument image 12 and mark the necessary place. Click on the right button, choose Stroke and the color 652501. Opacity – 30%

image 13

image 14

For the convenience merge all the layers, composing the picture and the frame in a group. Copy the group and place out everything like in the next picture.

image 1

Take the instrument and the color 521e01 to represent another rectangle, like it is demonstrated below.

image 3

On the new layer. Use the instrument image 4 to mark out again the convenient place and use the brush of black color to dark out the left side and the right one, like it is done below. Opacity – 50%.

image 5

image 6

Copy the recently created layer 5 times and place out like it is done next picture.

image 7

On the new layer. Use again image 8 to mark out the convenient place and take this time a brush of white color to enlighten the marked place. Opacity – 30%.

image 9

image 10

Add the text on the web – headline, like in the next image.

image 11

Choose a styli brush looking like a star and decorate the headline, like in the picture below.

image 12

The last stage includes adding the text, keeping the type, color and the place like it is done below.

Web Layout for Italian Restaurant Tutorial: Final Result (Click to enlarge)

The final result!