1. Design & Illustration
  2. Graphic Templates
  3. Menu

Cómo elaborar una plantilla para menú de restaurante en Affinity Publisher

Scroll to top
Read Time: 13 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

En este tutorial, aprenderás cómo crear una plantilla de menú para restaurante usando Affinity Publisher. Incluyendo un colorido diseño y una tipografía de tendencia actual, esta plantilla que presenta comida para llevar, es fácil de adaptar con tus propias fotos y marca.

En el proceso de aprender cómo elaborar un menú de restaurante, obtendrás habilidades clave del diseño de impresión y una fórmula sencilla para crear una elegante y efectiva muestra, que puede extenderse dependiendo del número de platillos que desees presentar.

final menu templatefinal menu templatefinal menu template

Diseñada teniendo en mente los servicios de entrega de comida sin contacto, esta plantilla puede imprimirse como un volante de una o varias hojas, enviarse por correo o puede exportarse como una plantilla online para sitios web o para publicidad por correo electrónico.

Descubre más plantillas para diseño de menú, plantillas de menú para llevar y plantillas de menú de cena para restaurantes, eventos y más en Envato Elements.

¿Estás listo para crear tu diseño para menú de restaurante? ¡Continúa leyendo para comenzar!

Sigue nuestro canal de Envato Tuts+ en YouTube:

Lo que aprenderás en este tutorial de plantilla para menú en Affinity Publisher

En el transcurso de este tutorial para principiantes, aprenderás:

  • Cómo configurar una plantilla para menú de cena en Affinity Publisher, completa con capas y muestras de color.
  • Cómo realzar tu diseño de menú con colores degradados, fuentes contemporáneas y estilos de fotografías.
  • Cómo exportar tu plantilla de menú para llevar como un PDF imprimible, lista para enviar por correo o usarla en un restaurante.

Se incluye en el tutorial una descarga gratuita de la plantilla tanto para Affinity Publisher como para Adobe InDesign, permitiéndote iniciar rápidamente la creación de tu propio elegante diseño de menú.

menu design menu of a restaurantmenu design menu of a restaurantmenu design menu of a restaurant
Crea tu propio mockup de menú usando plantillas disponibles en Envato Elements.

Lo que necesitarás para crear tu plantilla para menú

Usaremos Affinity Publisher para crear nuestro diseño de menú y también requeriremos descargar algunas fuentes.

También necesitarás tener fotos de tus platillos tomadas desde un ángulo superior, listas para incorporarlas a tu menú. Aquí están algunos ejemplos:

Una vez que hayas instalado las fuentes en tu computadora y tengas listas tus fotos, estás preparado para comenzar el proceso de aprender cómo crear una plantilla para menú de cena. ¡Manos a la obra!

1. Cómo configurar tu plantilla para menú en Affinity Publisher

Paso 1

Abre Affinity Publisher y ve a Archivo > Nuevo.

Elige Imprimir de las opciones que aparecen en la parte superior de la ventana. Establece el Ancho de página en 5.8 pulgadas y la Altura de la página en 8.3 pulgadas, con la opción de PPP en 300.

Incrementa el Número de páginas en 2 y verifica que la opción Páginas enfrentadas esté deseleccionada.

Incluye una Anchura de margen de 0.25 pulgadas y un Sangrado de 0.125 pulgadas antes de hacer clic en Aceptar.

new documentnew documentnew document
new documentnew documentnew document

Paso 2

Ve al panel Muestras y elige Añadir color global del menú desplegable del panel.

add global coloradd global coloradd global color

Nombra la muestra Lime y establece el modo en Deslizadores CMYK. Establece los niveles en C=36 M=0 Y=98 K=0 y haz clic en Añadir.

lime swatchlime swatchlime swatch

Repite el proceso para crear una segunda muestra, Off-White, con los niveles C=8 M=6 Y=4 K=0.

off white swatchoff white swatchoff white swatch

Paso 3

Trabajando en la Página 1 de tu documento (no en la página maestra), ve al panel Capas y haz clic en el ícono Añadir capa en la parte inferior derecha del panel. Renombra la capa Background.

background layerbackground layerbackground layer

Crea otras cinco capas: Type Behind, Photo Behind, Color, Type in Front y Photo in Front.

photo in frontphoto in frontphoto in front

Luego bloquea todas las capas excepto la capa inferior, Background.

locked layerslocked layerslocked layers

2. Cómo añadir un fondo con degradado a tu menú

Paso 1

Trabajando en la Página 1, que será el frente de tu menú, y en la capa Background, selecciona la herramienta Rectángulo (M) del panel de Herramientas en el lado izquierdo del espacio de trabajo, y arrastra por toda la página, hasta el borde del sangrado.

rectangle toolrectangle toolrectangle tool

Paso 2

Cambia a la herramienta Relleno (G) y haz clic y arrastra por todo el rectángulo para aplicar un relleno degradado. Puedes hacer clic para seleccionar uno de los manejadores circulares de color y desde el panel Color (Vista > Estudio > Color), puedes ajustar el color del manejador a una muestra CMYK. Establece el manejador de la izquierda en C=0 M=87 Y=50 K=0, un rosa cálido.

gradient fill toolgradient fill toolgradient fill tool

Haz clic en el manejador de la derecha y establece su color en C=0 M=73 Y=90 K=0 para un naranja intenso.

Organiza los manejadores para que el degradado se mueve horizontalmente desde el rosa cálido en la izquierda hasta el naranja en el lado derecho.

adjust gradientadjust gradientadjust gradient

Paso 3

Haz clic derecho en el rectángulo y elige Añadir a muestras > Desde relleno, para guardar el degradado como una muestra de color.

from fillfrom fillfrom fill

3. Cómo añadir un título e imagen focal a tu menú

Paso 1

Bloquea la capa Fondo y desbloquea la capa Type Behind.

Usa la herramienta Marco de texto (T) para crear un marco de texto grande en el lado izquierdo de la página, justo debajo del punto que marca la mitad. Escribe el título de tu menú y desde el panel Carácter establece la Fuente en Pioggia, en un Tamaño de fuente de 67 pt y un Color de fuente Lime.

new summer menu titlenew summer menu titlenew summer menu title

Paso 2

Bloquea la capa Type Behind y desbloquea la capa Photo Behind de arriba. Cambia a la herramienta de Elipse de marco de imagen (F) y manteniendo presionada la tecla Mayúsculas, arrastra para crear un círculo perfecto por toda la página, ubicándolo casi en el centro, superponiéndose ligeramente al título del menú, como se muestra a continuación.

ellipse toolellipse toolellipse tool

Ve a Archivo > Colocar, explora hasta donde se encuentra la imagen que quieres usar y Ábrela.

placed imageplaced imageplaced image

Haz doble clic dentro del marco de imagen para seleccionar directamente la imagen y escálala para que el plato encaje cómodamente en el marco circular.

image resizedimage resizedimage resized

Paso 3

Con el marco de imagen seleccionado, ve al panel Efectos (Ver > Estudio > Efectos) y marca la casilla Sombra exterior. Incrementa la Opacidad a 22%, el Radio a 43.4 px y el Desplazamiento a 13.4 px, con un Ángulo de 225 grados.

effects shadoweffects shadoweffects shadow

Paso 4

Trabajando en la capa Type Behind, usa la herramienta de Elipse de marco de imagen (F) como antes, para dibujar un círculo ligeramente más grande que el original, centrándolo respecto a la imagen del plato.

ellipse toolellipse toolellipse tool

Selecciona la herramienta Texto artístico (T) y haz clic en cualquier lado en el borde de la elipse para transformarla en un trazado de texto. Escribe el número de orden, nombre del platillo y un precio, estableciendo la Fuente en Karoll. Resalta algunos elementos del texto en Lime, estableciendo el resto en Off-White.

Puedes arrastrar los íconos del triángulo alrededor del borde del círculo para cambiar la posición y la orientación del texto. Quieres ubicarlo en el lado superior izquierdo.

artistic textartistic textartistic text

Paso 5

Trabajando en la capa Color, usa la herramienta Rectángulo (M) para crear una forma en la extrema derecha de la página, extendiendo el borde hasta el sangrado superior, inferior y derecho.

Establece el Relleno en la muestra de degradado.

placed rectangleplaced rectangleplaced rectangle

Desde el panel Efectos, añade una sutil Sombra exterior al rectángulo, con un ángulo de -180 grados.

effects shadoweffects shadoweffects shadow

4. Cómo llenar tu plantilla de diseño para menú con platillos

Paso 1

Trabajando en la capa Photo in Front, usa la herramienta de Elipse de marco de imagen (F), igual que antes, para crear un marco circular en la parte superior del nuevo rectángulo.

photo in frontphoto in frontphoto in front

Aplica Archivo > Colocar, soltando otra foto tomada desde un ángulo superior en el marco, y escalando la imagen para que encaje cómodamente el platillo en el marco. Al igual que antes, añade una sombra paralela al marco de imagen desde el panel Efectos para añadir realismo.

effects paneleffects paneleffects panel

Paso 2

Copia y Pega el marco de imagen circular reiteradamente para crear una secuencia vertical de platos en la longitud del rectángulo. Puedes cambiar diferentes imágenes ahora o posteriormente, las que prefieras.

pasted imagespasted imagespasted images

Paso 3

Como lo hicimos antes, pero esta vez trabajando en la capa Type in Front, usa la herramienta de Elipse de marco de imagen (F) para dibujar un círculo alrededor del borde de la imagen del plato superior, haciendo el círculo ligeramente más grande que la imagen.

type in fronttype in fronttype in front

Usa la herramienta Texto artístico (T) para añadir una descripción y precio al círculo, estableciendo la Fuente en Karoll en un tamaño más pequeño.

artistic textartistic textartistic text

Luego Copia y Pega el círculo con el trazado de texto, colocando cada copia alrededor de una imagen de plato.

copy and pastecopy and pastecopy and paste

Paso 4

Añade un encabezado, por ejemplo 'Main Dishes' (platillos principales), en la capa Type in Front, en la parte superior de la secuencia de platillos.

Establece la Fuente en Pioggia, Tamaño 23 pt, Centrar y un Color de Fuente Lime.

sub heading textsub heading textsub heading text

Paso 5

Añade un marco de texto debajo del título de menú con más detalles sobre cómo está disponible el menú, establecido en Karoll, Mayúsculas y un color de fuente Off-White.

text in karolltext in karolltext in karoll

También puedes añadir un número telefónico y dirección web debajo, la fuente también establécela en Karoll. Resalta los detalles de contacto claves en una fuente más grande y en color Lime.

contact detailscontact detailscontact details

En la parte superior izquierda de la página, puedes aplicar Archivo > Colocar a una versión PNG del logo del restaurante, o crear un logo usando las fuentes que tengas disponibles como Pioggia.

business logobusiness logobusiness logo

Paso 6

Puedes usar el reverso de tu menú para presentar un número mayor de platillos. Esta será la Página 2 de tu diseño.

Usaremos algunos de los elementos que creamos en la Página 1 para llenar la segunda página. Primero, desbloquea la capa Background y selecciona y Copia el rectángulo con el degradado en esta capa.

background colorbackground colorbackground color

Desplázate hacia abajo hasta la Página 2 y aplica Edición > Pegar a la forma en la página.

pasted shapepasted shapepasted shape

Paso 7

Selecciona el rectángulo más angosto en la Página 1 ubicándolo en la capa Color y aplícale Edición > Pegar para ponerlo en la Página 2. Colócalo en el extremo izquierdo y expande la anchura un poco más de la mitad de la anchura de la página.

Ajusta el Ángulo de la Sombra exterior en 0 grados.

angle outer shadowangle outer shadowangle outer shadow

Paso 8

Copia y Pega el encabezado 'Main Dishes' de la Página 1 en la Página 2, moviéndolo a la parte superior del rectángulo en el lado izquierdo.

main dishes headermain dishes headermain dishes header

Pega de nuevo, moviendo este encabezado a la parte superior de la columna de la derecha, ajustando el texto para que se lea 'Sides' y estableciendo el Color de la fuente en Off-White.

sides headersides headersides header

Puedes añadir más encabezados, como 'Desserts' (postres) y 'Drinks' (bebidas) ,al pegar y editar el texto.

drinks headerdrinks headerdrinks header

Paso 9

En la Página 1, selecciona una de las imágenes del plato y el trazado de texto que lo rodea (necesitarás desbloquear capas para hacer esto), y aplícales Edición > Copiar.

copy textcopy textcopy text

Pégalas en la Página 2, colocándolas en la esquina superior izquierda, debajo del encabezado. Podrías necesitar escalar el tamaño de ambos elementos ligeramente para disminuir su dimensión, buscando que encajen en las dos columnas de imágenes de platos en la sección de la izquierda. Si tienes menos platillos, puedes mantener el mismo tamaño.

paste imagepaste imagepaste image

Copia y Pega el platillo redimensionado y su trazado de texto repetidamente, creando dos columnas de platillos. Puedes aplicar Archivo > Colocar a nuevas imágenes en cada marco de imagen y ajustar el contenido de texto como corresponda.

placed imagesplaced imagesplaced images

Paso 10

Una vez que hayas añadido más platillos en la sección derecha, puedes agregar elementos del menú para cosas como bebidas y extras hacia la parte inferior de la sección derecha.

dishes placeddishes placeddishes placed

Establécelos en Karoll, Mayúsculas y varía el Color de fuente entre Lime y Off-White.

prices of drinksprices of drinksprices of drinks

Paso 11

No olvides también añadir un número de contacto y/o sitio web a la parte inferior de este reverso.

Si quieres añadir más páginas a tu plantilla para menú con el fin de incluir más elementos y crear un folleto de varias páginas, puedes hacer clic derecho en la Página 2 en el panel Páginas y elegir Duplicar. Esto creará una tercera página, basada en el diseño de la Página 2, en la que puedes cambiar las imágenes de los platillos y el texto del encabezado.

contact detailscontact detailscontact details

5. Cómo exportar tu muestra de menú como un PDF imprimible

Una vez que hayas finalizado de trabajar en tu plantilla, ve a Archivo > Exportar.

Elige PDF de las opciones que aparecen en la parte superior y elige PDF (preparado para imprimir)* del menú ajuste preestablecido.

pdf press readypdf press readypdf press ready

Asegúrate de que PPP de Rasterización esté establecido en 300 que Incluir sangrado esté marcado, antes de hacer clic en Exportar.

export pdfexport pdfexport pdf

Nombra y Guarda tu archivo, y ¡terminaste! Este PDF está listo para imprimirse como un menú de restaurante para enviarse por correo. ¡Sensacional trabajo!

* Si quieres crear una versión de tu diseño de menú para compartir por correo electrónico o cargar en un sitio web, elige PDF (digital).

Conclusión: Tu diseño de menú terminado

Tu plantilla para menú de restaurante está terminada y exportada, lista para imprimirse y mandarse por correo a los clientes. ¡Fabuloso trabajo!

Una vez que hayas creado el menú del restaurante, dale un diseño profesional usando un mockup. Descubre 25 mockups de menús gratuitos en el siguiente artículo:

final menu templatefinal menu templatefinal menu template

En este tutorial, aprenderás una serie de técnicas y habilidades que puedes aplicar para imprimir proyectos y otros trabajos de diseño para volantes usando Affinity Publisher. Ahora sabes cómo elaborar una sencilla plantilla para menú en Affinity Designer, permitiéndote crear documentos para impresión o para publicación online.

Recuerda que una descarga gratuita de la plantilla para Affinity Publisher y Adobe InDesign está incluida con el tutorial, lo que te permitirá comenzar rápidamente la creación de tu propio fabuloso diseño de menú.

¿Estás buscando diferentes plantillas para Affinity Publisher y para InDesign con el objetivo de crear las tuyas para un menú? Puedes encontrar una amplia gama de plantillas para menús fáciles de editar y plantillas para Affinity Publisher en Envato Elements.

Descubre más plantillas y tutoriales recomendados para crear fantásticos diseños de menú de comida para llevar, menús de restaurantes, menús de cafeterías y más.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads