7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Adobe InDesign

Como crear un Suculento y Atractivo Menú en Adobe InDesign

Scroll to top
Read Time: 14 mins

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

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

Los menús juegan una parte importantísima en dar forma a la experiencia de un comensal, para bien o para mal (¡nos enfocaremos en la primera!). Ya sea que estés creando un menú para un restaurante, cafetería, o algún otro negocio emergente, o simplemente estás buscando una nueva forma de sorprender a amigos o familiares en una fiesta especial, puedes fácilmente darle vida a la mesa con éstas cartas sencillas de crear y propias para el verano.

Usaremos Adobe InDesign para éste tutorial, y ni siquiera necesitaremos descargar imágenes o gráficas-los diseños del menú están basados alrededor de una fuerte e impactante tipografía y una sencilla y veraniega paleta de colores.

¡Comencemos!

Ésto muestra el maquetado del menú que estaremos creando-un menú de una sola página de ambos lados, en un tamaño grande (11.69 pulgadas por 16.54 pulgadas).

NB: Si quieres crear un menú más pequeño, puedes exportar el menú final (ver los pasos finales abajo) y redimensionarlo en Photoshop.

Frente:

front of menufront of menufront of menu

Reverso:

Reverse of menuReverse of menuReverse of menu

1. Crear el Documento del Menú en InDesign

Paso 1

Abrir InDesign y seleccionar Archivo > Nuevo > Documento.

Mantener la Calidad establecida en Imprimir, y aumentar el Número de Páginas a 2. Desmarcar Páginas Opuestas.

En Tamaño de Página, selecciona A Pedido... del menú desplegable, para abrir la ventana Tamaño  de Página Personalizado.

Escribe Menu en el cuadro nombre y establece la Anchura en 11.69 pulgadas (o 296.926 mm) y Altura en 16.54 pulgadas (420.116 mm). Da click en Agregar, y luego OK para regresar a la ventana de Nuevo Documento.

custom page sizecustom page sizecustom page size

Paso 2

Establece el Número de Columnas a 4, y reduce el Medianil a 0 mm-ésto divide la página (dentro de los márgenes) en cuatro secciones uniformes.

Establece los Márgenes a diferentes valores: 40 mm en el Inferior, 23 mm en el Superior, 15 mm en el Derecho y 15 mm en el Izquierdo.

Da a tu documento una Sangrado (esencial para cuando envíes la carta a imprimir) de 5 mm alrededor.

new document windownew document windownew document window

Da click en OK para crear tu nuevo documento.

new document creatednew document creatednew document created

2. Crear Capas para Organizar Tu Maquetado

Creemos una secuencia de capas, para ayudar a estructurar nuestro diseño y a hacer los elementos fácilmente bloqueables y editables.

Paso 1

Expande el panel Capas desde el lado derecho del espacio de trabajo, o ve a Ventana > Capas.

Haz doble click en el nombre predeterminado Capa 1 para abrir la ventana Opciones de Capa. Renombra la capa como Border y da click en OK.

border layerborder layerborder layer

Paso 2

Selecciona Nueva Capa del menú desplegable del panel. Renombra la nueva capa como Color y da click en OK.

new layernew layernew layer
color layercolor layercolor layer

Crea una tercera y última capa, y renómbrala como Typography.

typography layertypography layertypography layer

Una vez que tienes la secuencia de tres capas, Bloquea las capas Typography y Color, y da click en la capa Border para activarla.

layers panellayers panellayers panel

3. Crea un Borde en tu Menú

Vamos a empezar a trabajar en el lado reverso de la carta (el lado que tiene más texto), que tomaremos como Page2 (Página 2) del documento InDesign.

Paso 1

Desplázate hacia abajo a la Page 2 del documento, o da click en el ícono Page 2 en el panel Pages (Páginas) (Window > Pages).

Siguiendo en la capa Border, selecciona Herramienta Línea (\) del panel Herramientas (ubicado en el lado izquierdo del espacio de trabajo). Manteniendo presionada la tecla Mayúsculas, arrastra tu mouse hacia abajo desde el margen superior, a lo largo de la linea del centro de la página (marcada por las líneas de columna), extendiéndolo hasta el margen inferior.

Abre el panel Trazo (Ventana > Trazo), e incrementa el Grosor a 3 mm y selecciona White Diamond del menú desplegable Tipo.

central linecentral linecentral line
stroke panelstroke panelstroke panel

Paso 2

Con la Línea Herramienta (\) aún seleccionada, manteniendo presionada la tecla Mayúsculas y arrastra de izquierda a derecha a lo largo del borde del margen superior. Establece el Grosor de Trazo en 2 mm y Tipo en White Diamond.

top border linetop border linetop border line

Selecciona la línea que acabas de crear y Editar > Copiar, Editar > Pegar. Arrastra un extremo de la línea para reducir su longitud a 130 mm.

Colócala en el lado izquierdo de la página, cruzando las dos columnas de la extrema izquierda, en la posición Y 136 mm. Copia y Pega la línea corta, y colócala en el lado izquierdo de nuevo, ésta vez en la posición Y 307 mm.

Copia y Pega dos veces para crear otras dos líneas cortas más, posiciónalas en el lado derecho de la página, en posiciones Y 165 mm y 329 mm.

border linesborder linesborder lines

Regresa al panel Capas y Bloquea la capa Border. Desbloquea la siguiente capa hacia arriba, Color.

4. Selecciona una Paleta de Color Fresca y Veraniega

¡Tu menú debería verse lo suficientemente bueno para comer! El color puede jugar una parte importante en que tan atractivo se ve tu menú (y que tan optimista se siente la gente cuando leen los platillos).

Paso 1

Para éste menú, queremos seleccionar un solo color pero fuerte que funcionará bien con los elementos blancos y negros. Aquí he ido por un verde césped, pero puedes elegir un tono diferente (¿por que no intentas con un azul cielo, o un coral intenso?) cuando crees tu propio menú.

Para crear el verde utilizado aquí, abre el panel Muestras (Ventana > Color > Muestras) y da click en el ícono Nueva Muestra en la parte inferior del panel.

Haz doble click en la nueva muestra predeterminada para editarla.

Mantén el Tipo de Color como Process, y el Modo de Color como CMYK. Ajusta los reguladores deslizantes a los siguientes valores: C=46 M=5 Y=87 K=0. Desmarca la casilla Nombre con Valor de Color en la parte superior de la ventana, y renombra la muestra como Grass Green (verde césped). Da click en OK.

swatch optionsswatch optionsswatch options

Paso 2

Continuando en la Page 2 el documento, y en la capa Color, selecciona la Herramienta Rectángulo (M) y arrastra para crear una forma de 307 mm de Anchura y 18.7 mm de Altura. Colócalo en la parte inferior de la página, contra la sangría inferior, derecha e izquierda.

Establece el Color de Relleno en Grass Green y el Color del Trazo en [Ninguno].

green rectanglegreen rectanglegreen rectangle

Paso 3

Desplázate hacia arriba a la Page 1 del documento y usa de nuevo la Herramienta Rectángulo, ésta vez para crear una forma que se extienda a toda la página, hasta la sangría de todos los lados.

Establece el Color de Trazo en Grass Green y el Color de Trazo en [Ninguno].

green menu colorgreen menu colorgreen menu color

Continuando en la misma página, toma la Herramienta Rectángulo (M) otra vez, y arrastra para crear una forma de 278 mm de Anchura y 401 mm de Altura. Establece el Color de Relleno en [Ninguno] y el Color de Trazo en [Papel].

Desde el panel Trazo, o del panel de control ejecutándose en la parte superior del espacio de trabajo, establece el Grosor del Trazo en 3 mm y Tipo en White Diamond.

border on menu frontborder on menu frontborder on menu front

Regresa al panel Capas y Bloquea la capa Color. Desbloquea la capa superior, Typography.

5. Elige Fuentes Divertidas y Legibles para tu Carta

A menos que estés diseñando un menú para un restaurante muy formal, cartas de menú tienden a estar del lado informal y divertido. Después de todo, ¡su objetivo es presentar platillos de forma emocionante y tentadora para el comensal!

Puedes divertirte con color y fuentes, pero trata de apegarte a éste regla guía: elige un máximo de tres fuentes para el texto. Una puede ser una tipografía divertida y peculiar (para el título del menú), otra una tipografía legible para los sub-encabezados, y una tercera que es una tipografía sencilla, fácil de leer para listar todos los platillos y precios (una sans serif es una buena elección).

Para éste diseño de menú, estaré usando:

Es una gran idea buscar también bonitos fuentes que contienen símbolos (winddings) para añadir elementos gráficos a tus maquetados de menú.  Aquí, también usaré:

  • Adhesive Nr. Seven: para etiquetas gráficas fáciles
  • Davys: una peculiar fuente que contiene símbolo, para elementos de estilo antiguo

Descarga e instala todas las fuentes de arriba, y luego regresa a tu documento InDesign.

Paso 1

De regreso en InDesign, continuando en la Page 1 del documento en la capa Typography, selecciona Herramienta Texto (T) y arrastra para crear un marco de texto en el centro de la página. Coloca tu cursor en el marco y, desde el panel Controles de Formato de Caracter en la parte superior del espacio de trabajo, establece la fuente en Adhesive Nr. Seven, Tamaño 350 pt y Alineacion Centrada.

Abre el panel Pictogramas (Ventana > Texto & Tablas > Pictogramas) para que puedas ver el completo juego de símbolos disponibles en Adhesive Nr. Seven Font.

Da doble click en uno de los pictogramas para insertarlo en el marco.

glyphs panelglyphs panelglyphs panel

Establece el Color de Fuente en [Papel].

white bannerwhite bannerwhite banner

Paso 2

Crea un segundo marco de texto usando la Herramienta Texto (T) y escribe 'Summer Menu' (o tu título de menú preferido). Establece la Fuente en Great Vibes, Tamaño 70 pt, Alineación Centrada y Color de Fuente en Grass Green.

Cubre el marco de texto sobre la banner blanca, como se muestra.

text over bannertext over bannertext over banner

Paso 3

Crea otro marco de texto, y colócalo debajo de la etiqueta blanca, centrado en la página. Escribe:

'Appetisers Starters Mains

(salto de párrafo)

Sharers Salads

(salto de párrafo)

Sides'

Establece la Fuente en Josefin Slab, variando cada palabra entre los estilos tipográficos Bold y Regular, y Tamaño en 25 pt. Establece el texto en Todo en Mayúsculas, Alineación Centrada, incrementa el Tracking a 50, y el Color de la Fuente en [Papel].

text below titletext below titletext below title

Paso 4

Introduce un nuevo marco de texto pequeño, da click con el cursor dentro de él, y establece la Fuente en Davys. Del panel Pictogramas selecciona el pictograma de la mano que apunta y da doble click para insertar. Establece el Tamaño de Fuente en 22 y Color en [Papel].

Coloca el marco de texto a la izquierda de la línea superior de texto que comienza con 'Appetisers...'

hand pointerhand pointerhand pointer

Selecciona el marco de texto y Editar > Copia, Editar > Pegar, volteando el marco con Click-Derecho (Windows) o Control-Click (Mac OS) > Transformar > Voltear Horizontal. Coloca la segunda mano a la derecha del marco de texto central.

text on front of cardtext on front of cardtext on front of card

Has finalizado el Frente de tu carta. ¡Gran Trabajo!

front of card completedfront of card completedfront of card completed

Ahora podemos llenar el lado Reverso con tipografía...

6. Finalizar el Reverso de la Carta

Paso 1

Dirígete a la Page 2 de tu documento, al lado Reverso de la Carta.

Toma la Herramienta Texto (T) y crea un marco de texto en la parte central superior de la página. Escribe 'Menu' en el marco y establece la Fuente en Good Vibes, Tamaño 55 pt, Alineación Central, y Color de Fuente en Grass Green.

A la izquierda del marco de texto 'Menu' crea otro marco de texto, y escribe 'Summer (salto de párrafo) Food Menu', estableciendo la Fuente en Josefin Slab Bold, Tamaño 12 pt, Tracking 50, Todo en Mayúsuculas y Alineación Central.

menu titlemenu titlemenu title

Toma la Herramienta Línea (\) y arrastra para crear una línea horizontal perfectamente derecha (manteniendo pulsada la tecla Mayúsculas), unos 57 mm de Longitud. Desde el panel Trazo, establece el Grosor en 1 mm, Estilo Tipográfico en Thick-Thin y Color en Grass Green.

Coloca la línea debajo del marco de texto que acabas de crear.

left-hand headingleft-hand headingleft-hand heading

Paso 2

Selecciona el marco de texto 'Summer...' y la línea, y Editar > Copiar, Editar > Pegar, moviendo los elementos pegados en el lado derecho de la página. Edita el texto para leer las horas de apertura del restaurante (o cualquier otra información que quisieras proporcionar).

pasted top headingpasted top headingpasted top heading

Paso 3

Crea un nuevo marco de texto en la esquina superior izquierda de la página, debajo del margen superior, y establece la Fuente en Adhesive Nr. Seven, Tamaño de Fuente en 180 pt y Alineación Central.

Del panel Pictogramas, selecciona un símbolo y da doble click para insertar.

black bannerblack bannerblack banner

Repite el paso de arriba, creando otros cinco marcos de texto con etiquetas variando la clase de etiqueta y el color entre [Negro] y [Grass Green]. Coloca como se muestra debajo, arriba de cada sección marcada del menú.

banners on menubanners on menubanners on menu

Paso 4

Encima de cada marco de texto banner, cubre otro marco de texto que contenga un sub-encabezado. Establece la Fuente en Josefin Slab Bold, variando el Tamaño de 40 pt para secciones más prominentes (por ejemplo, Entrantes, Principales) y 35 pt para otros (por ejemplo Aperitivos).

Establece el Color de Fuente en [Papel], Todo en Mayúsculas, Alineación Central, y aumenta el Tracking a 50.

sub-title examplesub-title examplesub-title example
sub-titles on cardsub-titles on cardsub-titles on card

Paso 5

Aplica zoom en la esquina superior izquierda del menú. Toma la Herramienta Texto (T) y arrastra para crear un marco de texto en 63 mm de Anchura, casi la anchura de la primera columna. Escribe tus platillos de aperitivos, estableciendo la Fuente en Josefin Sans, Tamaño de 13 pt, Interlineado en 24 pt y Alineación Izquierda.

Selecciona el platillo y establece el Estilo Tipográfico en Bold, estableciendo los precios en un Grosor Light.

dish namesdish namesdish names

Una vez que has establecido, puedes Editar > Copiar, Editar > Pegar el marco de texto, colocando el segundo marco de texto en la segunda columna, descansando contra la línea de la columna. Entonces puedes Copiar y Pegar las dos columnas del texto a través de todas las secciones de tu menú, editando el contenido de texto como gustes.

Paso 6

Menús con mucho texto pueden ser agobiantes, y a veces resaltar platillos especiales puede ofrecer a tus comensales algo para elegir rápidamente.

Deja algo de espacio en diferentes secciones de la página libre de texto (anchura de una columna, unas siete líneas de alto), para que tengas lugar para destacar algunos platillos especiales, como se muestra abajo.

Toma la Herramienta Texto (T) y arrastra para crear un marco de texto alto y angosto. Colócalo en uno de los espacios en blanco en la página, al lado izquierdo del espacio. Coloca tu cursor en el marco de texto y establece la Fuente en Josefin Sans, Thin, Tamaño 160 pt, y Color de Fuente en Grass Green. Escribe un corchete ( [ ) en el marco de texto.

square bracketsquare bracketsquare bracket

Selecciona el marco de texto y Editar > Copiar, Editar > Pegar, ajustando el texto al corchete de cierre ( ] ).

square bracket pastedsquare bracket pastedsquare bracket pasted

Paso 7

Crea otro marco de texto, escribiendo 'Special (salto de párrafo) Sharer (o Main, Starter, etc.)', y establece la Fuente en Josefin Slab, Bold, Tamaño 18 pt, All Caps, y Color de Fuente en Grass Green. Coloca entre los corchetes arriba, hasta la esquina superior izquierda.

Crea un marco de texto adicional para colocarlo debajo, con el texto alineado al centro, y la Fuente establecida en Josefin Sans.

special dish textspecial dish textspecial dish text

Como toque final, crea otro marco de texto y establece la Fuente en Davys, Tamaño 22 pt y Color en Grass Green. Usa el panel Pictogramas para dejar una mano que apunta, y coloca el marco de texto a la derecha del sub-encabezado 'Special...'.

hand symbolhand symbolhand symbol

Paso 8

Selecciona los dos corchetes, el texto incluído y la gráfica de la mano, y Editar > Copiar, Editar > Pegar un par de veces mas para usarlos en toda la página. Ajusta el contenido de texto como corresponda.

pasted special artworkpasted special artworkpasted special artwork

El lado Reverso de tu menú está terminado-¡Gran Trabajo!

finished reversefinished reversefinished reverse

Ahora estás listo para exportar tu menú, listo para enviar a imprimir. Continúa leyendo para descubrir como...

7. Exportar Tu Carta para Imprimir

Paso 1

Una vez que has marcado tu documento InDesign para corregir errores (Editar > Ortografía > Revisar Ortografía), estás listo para Guardar el documento y Exportarlo a un formato listo para imprimir.

Dirígete a Archivo > Exportar, y selecciona Adobe PDF (Imprimir) del menú desplegable Formato en la ventana Exportar. Da click en Guardar.

export windowexport windowexport window

Paso 2

En la ventana Exportar Adobe PDF que se abre, elige [Calidad de Prensa] del menú desplegable Valor de Adobe PDF.

press qualitypress qualitypress quality

Desplázate hasta las opciones Marcas y Sangrado, del menú de la izquierda de la ventana. Marca Todas las Marcas de Impresora y marca Usar Ajustes de Sangrado de Documento.

marks and bleedmarks and bleedmarks and bleed

Da click en Exportar ¡para crear tu archivo listo para imprimir!

menu with marksmenu with marksmenu with marks

Conclusión

¡Tu menú esta terminado y listo para mandar a la imprenta! ¡Felicidades!

final menufinal menufinal menu

En éste tutorial hemos cubierto una variedad de habilidades y técnicas que son realmente útiles para crear documentos en Adobe InDesign para imprimir. Ahora puedes sentirte con más confianza en:

  • Crear un documento básico de ambas caras en InDesign para imprimir
  • Usar la Herramienta Línea y el panel Trazo para crear bordes atractivos para tus maquetados para imprimir.
  • Elegir colores simples y adecuados para el propósito y fuentes para tus diseños.
  • Manipular capas de color, texto y gráficas simples para crear un aspecto moderno y actual a tus diseños
  • Exportar tu arduo trabajo a un formato PDF listo para imprimir

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

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.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.