Web Layout for Italian Restaurant

October 30th, 2006 by ART-D Posted in Adobe Photoshop, Web Layout

   

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

On a new layer. Use the instrument 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.

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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

Create Web Layout for Italian Restaurant in Photoshop CS

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.

Create Web Layout for Italian Restaurant in Photoshop CS

  •  

  •    
  •  

 

Post Pages: 1 2 3 4 5

  • ETM

    27/10/2009

    Love the template so far…. simply stunning.

  • Sr. Lima

    19/11/2009

    Muito Bonito :)

    Very simple and beatifull!

  • dharmendra

    19/01/2010

    very helpful

  • Web Design

    29/04/2010

    very informative thank you :)

  • Deepak Rajpal

    11/06/2010

    Colors having life in layout…

  • priyantha

    23/07/2010

    It’s good thx

  • تقنية

    23/09/2010

    very good tutorial thanks

  • Vinnie

    01/01/2011

    This’s what I’m looking for. Thank you very much.

  • Priyanka

    08/02/2011

    Very usefull stuff…. Thanks a lot…!

  • david hehehe

    26/04/2011

    i like it

  • Sharon W

    04/05/2011

    Very nice, I really like the menu.

  • Michelle

    08/05/2011

    I have CS5 and there are not even close to all the shapes you show in your tutorial. Were they available in an earlier version, or can I download them somewhere?
    Thanks!

  • sawebdesigns

    11/05/2011

    Very nice tutorial and very easy to do thanks

  • Webdesign Eindhoven

    04/06/2011

    Final result looks great, thanks for sharing this tut!

  • hoangzip

    11/06/2011

    very good. thanks you

  • Ambar

    12/07/2011

    Thanks alot for the tutorial it really helped me out…!:D

  • Moises

    15/08/2011

    Great tutorial man. Great talent as well. Keep it up!

  • irene

    22/12/2011

    so good! thx

  • Yeshai

    23/02/2012

    I found this hard to follow. Directions are not so clear.

  • Anthony Lv

    29/12/2012

    Good evening…i realy love it…i am a newbie…
    uhm but how can i use any photoshop design ? How can i convert it to css?
    Or i should use the whole image?
    uhm thanks :)