Esta es la plantilla que haremos hoy:

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Entonces, comience creando un nuevo lienzo, 900*700px.
Haz una nueva capa en tu lienzo y rellénala con cualquier patrón similar a la madera. Si no tiene patrones de madera, descargue nuestro archivo PSD.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

A continuación, utilizando la herramienta Marco rectangular, seleccione una correa en la parte superior de la plantilla, digamos de 140 o 170 píxeles de alto. Haz una nueva capa y rellena tu selección con cualquier tono de marrón.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Vaya a Capa >> Estilos de capa >> Degradado y usando #000000… #FFFFFF… #000000 colores, aplique el efecto de degradado con un 28% de opacidad. Asegúrate de establecer también el Relleno de la capa en aproximadamente el 30%.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Próximo paso. Usando nuevamente la herramienta Marco rectangular, seleccione un cuadro debajo de la capa anterior, también de lado a lado, pero aproximadamente dos veces más alto.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Crea una nueva capa y establece tu color principal en #013814 y tu color secundario en #005e29. Usando la herramienta Degradado, dibuja una línea desde abajo hacia arriba, de modo que el tono más oscuro quede debajo.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Mientras esta capa aún está seleccionada, vaya a Capa >> Estilos de capa >> Opciones de fusión y aplique los siguientes ajustes:
Recorrido
Sombra paralela

Así es como debería verse tu lienzo hasta ahora.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Usando la herramienta Marco rectangular, seleccione un cuadro en la esquina superior izquierda de su plantilla, como se muestra en la siguiente imagen:

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Crea una nueva Capa y cambia a la herramienta Degradado nuevamente, esta vez, usando los mismos tonos verdes que antes, dibuja una línea de arriba a abajo, de modo que el tono verde más oscuro quede arriba. Esto le dará al diseño un mejor equilibrio.

Diseñe una plantilla completa para el diseño del sitio web de un bar restaurante - Tutoriales de PS Lorelei Web Design

Mientras este último todavía está seleccionado, vaya a capa >> estilos de capa y aplique la siguiente configuración (igual que en el cuadro anterior).