Advertisement
  1. Design & Illustration
  2. Vector

Diseña impactantes diseños para tu propio recetario usando InDesign

Scroll to top
Read Time: 17 min

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

En este tutorial crearemos una variedad de diseños para un recetario orientado a la autopublicación, impreso o como libro electrónico, usando Adobe InDesign. Te mostraré cómo puedes mostrar simples fotos impactantes para crear diseños minimalistas y coloridos para tus diseños de maquetado de tus páginas y libro. ¡Cocinemos!

Muchas gracias a Cameron Knight por las hermosas fotos usadas en este tutorial. Puedes leer el tutorial de Cameron para reunir estas aquí.

1. Configura el diseño del documento

Abre InDesign y selecciona Archivo > Nuevo documento. En la ventana Nuevo documento, establece la Calidad en Impresión y el Número de páginas en 9. Mantén seleccionada la opción de Páginas opuestas. En Tamaño de página, selecciona Personalizado... del menú desplegable para abrir la ventana Tamaño de página personalizado. En Nombre, escribe "Cookery Book" y establece la Anchura en 170 mm y la Altura en 270 mm. Haz clic en Añadir y luego OK.

New Document SettingsNew Document SettingsNew Document Settings

Establece el Margen superior en 18 mm, el Margen inferior en 23 mm, Margen interior en 21.5 mm y el Margen exterior en 15.5 mm. Establece el Sangrado en 3 mm, pero mantén el valor de Interior en 0 mm. Haz clic en OK.

Document SettingsDocument SettingsDocument Settings

2. Selecciona fuentes para usar en tus diseños

Para un recetario, es una magnífica idea tener dos fuentes distintas a la mano, para crear una separación entre el encabezado de la receta y/o el método y la lista de ingredientes.

En este tutorial, usaré una clásica fuente serif, Calluna, para los encabezados de las recetas y un generoso texto para el cuerpo. Utilizaré una rústica fuente del estilo de máquina de escribir, Special Elite, para contrastar con la de las listas de ingredientes y de los pies de página.

3. Configura una página maestra para tu recetario

Paso 1

Asegúrate de que esté abierto el panel Páginas al ir a Ventana > Páginas. Verás que una A-Página maestra consiste de dos páginas combinadas como un pliego que ha sido agregado automáticamente a InDesign.

Haz doble clic en el pliego A-Página maestra para que aparezca en la pantalla. Arrastra una guía vertical desde la regla ubicada en el extremo izquierdo hasta los 13 mm en la primera página de la página maestra, y arrastra una segunda hasta los 137 mm en la segunda página de la página maestra.

Master PagesMaster PagesMaster Pages

Haz un acercamiento en la esquina inferior izquierda del pliego y selecciona la Herramienta Texto (T) del panel de control de herramientas. Arrastra para crear un pequeño cuadro de texto de 3 mm de Anchura y 3 mm de Altura. Coloca esta contra la guía de la izquierda que acabas de insertar y abajo del margen inferior, y aplica Texto > Insertar carácter especial > Marcadores > Número de página actual. Establece el texto en Alinear a la izquierda, Fuente en Special Elite Regular y Tamaño en 9 pt.

Con la "A" seleccionada, ve al menú desplegable Rellenar en los Controles de formato de carácter y establece el matiz del Relleno negro en 80%.

Character FormattingCharacter FormattingCharacter Formatting

Paso 2

Con el marco de texto seleccionado, ve a Edición > Copiar y Pegar para ubicarlo en la página opuesta de la A-página maestra. Coloca este nuevo marco de texto contra la línea guía de la derecha que creaste en el Paso 1, con la misma alineación horizontal (alrededor de la posición Y 226 mm). Cambia la alineación de texto a Alinear a la derecha.

Text AlignmentText AlignmentText Alignment

Paso 3

Usa la Herramienta Texto (T) para crear un nuevo cuadro de texto de 133 mm de Anchura y 3 mm de Altura. Escribe "my cookbook" en el cuadro y establece el texto en Centrar. Establece la Fuente en Special Elite Regular Tamaño 9 pt, y el matiz de negro en 80% como antes.

Coloca este en la parte inferior de la página izquierda de la A-página maestra alineada contra el cuadro de número de página y centrado entre los márgenes exterior e interior.

Con el marco seleccionado, aplica Edición > Copiar > Pegar y mueve este nuevo cuadro hacia una posición idéntica en la página derecha de la página maestra.

Verás que la página maestra ha sido aplicada automáticamente a todas las páginas en el documento.

Appled MastersAppled MastersAppled Masters

4. Crea una impactante página inicial

Paso 1

Haz doble clic en el ícono de la página para Página 1 de manera que se muestre la página en la pantalla.

Usa la Herramienta Marco Rectangular (F) para crear un cuadro grande que se extienda por toda la página, hasta las sangrías. Establece el Relleno del cuadro en [Papel].

Para algunas páginas, podemos usar imágenes contra un fondo blanco o claro para proporcionar contraste y permitir fragmentos de ingredientes para que verdaderamente resalten. Puedes usar el filtro Niveles en Photoshop para incrementar el blanco en una foto dada antes de colocar la imagen en InDesign.

Ve a Archivo > Colocar, selecciona tu imagen, y haz clic en Abrir. Haz doble clic dentro del cuadro para seleccionar directamente la imagen y mantén presionada la tecla Mayúsculas para escalar la imagen sin distorsionarla.

Placing a FilePlacing a FilePlacing a File

Paso 2

Usa la Herramienta Texto (T) para crear un nuevo marco de texto con una Anchura de 132 mm y una Altura de 58 mm. Escribe "My (salto de párrafo) Cookbook" y establece la Fuente en Calluna Regular. Establece el Tamaño de la fuente en 80 pt e Interlineado en 80 pt.

Selecciona "M" y "C" por separado y establece el Tamaño en 90 pt para dar énfasis.

Selecciona "Cook" y establece el Color en un ardiente rojo, C=8 M=95, Y=100, K=1, para mostrar el color de las especias en la foto. ¡Este enfoque también podría funcionar agradablemente para una portada de libro!

The Type Tool and ColourThe Type Tool and ColourThe Type Tool and Colour

5. Diseña un vibrante pliego introductorio

Paso 1

Haz doble clic en el ícono de la página para la Página 3 en el panel Páginas para mostrar la página en la pantalla. Usa la Herramienta Texto (T) para crear un nuevo marco de 133 mm de Anchura y 48 mm de Altura. Escribe el texto para un encabezado, "The importance (salto de párrafo) of the Ingredients...,"

Inserta un breve párrafo introductorio después de otro salto. Aquí escribí: "Try to use organically sourced, fresh ingredients in your cooking. (salto de párrafo) You will taste the difference!"

Selecciona el texto del encabezado y establece la Fuente en Calluna Regular, el Tamaño en 49 pt, y el Interlineado en 53 pt. Por ahora mantén el predeterminado Color Negro.

Selecciona el texto restante y establece la Fuente en Calluna Regular, el Tamaño en 12 pt, y el Interlineado en 14.4 pt.

Header and FontsHeader and FontsHeader and Fonts

Paso 2

Divide la Página 2 en una cuadrícula sencilla arrastrando una línea guía de la regla del extremo izquierdo hasta los 65 mm y arrastrando una guía horizontal hasta los 80 mm.

Page 2Page 2Page 2

Paso 3

Usa la Herramienta Marco Rectangular (F) para crear un marco de 68 mm de Anchura y 246 mm de Altura. Coloca este contra el sangrado de la izquierda en la Página 2 del documento, extendiendo hacia arriba hasta el sangrado superior y hacia abajo hasta el sangrado inferior. Debería descansar no muy prolijamente contra tu nueva guía vertical.

Dale al marco un Trazo Sólido en [Papel] con un Grosor de 1 mm. Ve a Archivo > Colocar y selecciona una foto con color que sientas pueda ser recortada y que se le pueda hacer un acercamiento sin perder la claridad de su sujeto. Usa la opción Llenar marco proporcionalmente en el panel de control superior para acomodarlo hasta que estés satisfecho.

Rectangle Frame and StrokeRectangle Frame and StrokeRectangle Frame and Stroke

Paso 4

Introduce otro par de marcos de imágenes, como lo hiciste anteriormente, los cuales se encuentran en la guía horizontal. (Puedes Copiar > Pegar el cuadro de imagen existente y editar las dimensiones.)

Coloca imágenes en este con colores contrastantes pero complementarios. En este ejemplo, puedes ver que he optado en general por una paleta de color veraniega y animosa ¡que en verdad hace resaltar la comida!

Placing ImagesPlacing ImagesPlacing Images

Introduce un cuadro de imagen adicional en la página opuesta, que llegue hasta la guía horizontal.

Additional Image FrameAdditional Image FrameAdditional Image Frame

Paso 5

Selecciona la Herramienta Cuentagotas (I) y pasa el mouse sobre el color de fondo de una de las fotos. Haz clic una vez y doble clic en la muestra resultante que aparece en la parte inferior del panel Herramientas. Selecciona Añadir muestra CMYK y haz clic en OK.

Color PickerColor PickerColor Picker

Regresa al cuadro de texto en la parte superior de Página 3 y selecciona "Ingredients..." Establece el Color de Texto en tu nueva muestra (la que utilicé aquí es C=0, M=88, Y=73, K=0), la cual ha aparecido en el menú desplegable Relleno en el panel de control superior. También puedes aplicar este a partes del texto del cuerpo que quieres destacar.

Adjusting Text ColorAdjusting Text ColorAdjusting Text Color

Paso 6

Haz doble clic en el pliego A-página maestra para poner la página maestra en la pantalla. Arrastra y selecciona los dos marcos de número de página y los dos cuadros de pies de página en el pliego y aplica Edición > Copiar. Regresa a los pliegos de las Páginas 2 y 3 y aplica Edición > Pegar en el mismo lugar. Establece el Color del Texto para todos los elementos en [Papel].

Paste in PlacePaste in PlacePaste in Place

¡Fabuloso trabajo, tienes un pliego introductorio hermoso y colorido!

6. Crea un pliego de receta de alto contraste

Paso 1

Haz doble clic en los íconos de Páginas 4-5 para mostrar el pliego. Aplica Ver > Encajar pliego en ventana.

Introduce algunas guías verticales en la Página 4 para que nos permita crear columnas de tamaño uniforme. Arrastra una guía hasta los 130 mm, una segunda hasta los 76 mm, y una tercera hasta los 69 mm.

Adding GuidelinesAdding GuidelinesAdding Guidelines

Paso 2

Usa la Herramienta Texto (T) para crear un marco de texto con 133 mm de Achura y 53 mm de Altura. Escribe "Creamy Salmon (salto de párrafo x 2) with Danish (salto de párrafo) Sugar-Brownded (salto de párrafo) Potatoes".

Establece la Fuente en Calluna Regular. Selecciona "Creamy Salmon" y establece el Tamaño de la fuente en 49 pt y el Color en una muestra mostaza neutral, C=12, M=51, Y=100, K=1. Selecciona el texto restante y establece el Tamaño en 30 pt y el Interlineado en 32 pt. Mantén el predeterminado Color Negro.

Adjusting the TypeAdjusting the TypeAdjusting the Type

Paso 3

Introduce un nuevo marco de texto de 53.5 mm en Anchura y 122 mm en Altura. Inserta un encabezado "Ingredients" seguido por la lista de ingredientes. Establece la Fuente en el encabezado y cualquier subencabezado en Calluna Regular, Tamaño en 21 pt, Interlineado en 25.2 y establece el Color en un matiz de Negro 80%.

Establece la Fuente en la restante lista de ingredientes en Special Elite Regular, Tamaño 10 pt, Interlineado 10 pt, dejando un salto de párrafo entre cada ingrediente para mayor claridad. Introduce cualquier información en la muestra color mostaza, C=12, M=51, Y=100, K=1, pero mantén el resto de la lista en Negro.

Adjusting the TypeAdjusting the TypeAdjusting the Type

Paso 4

Crea una nueva columna para permitir que el texto fluya en ella. Crea un marco de texto y colócalo entre las dos guías verticales junto a la primera columna. Haz clic en el pequeño cuadro blanco en la parte inferior derecha de la primera columna y haz clic de nuevo en este nuevo marco para conectar los dos.

Puedes arrastrar una guía horizontal hacia abajo hasta la Página 4 para asegurar que las líneas de texto concuerden exactamente con la primera columna.

Horizontal GuidesHorizontal GuidesHorizontal Guides

Paso 5

Usa la Herramienta Línea (\) para introducir un trazo de 106 mm de Longitud y colócalo debajo del encabezado "Ingredients" para enmarcarlo. Ve a Ventana > Trazo para abrir el panel Trazo. Establece el Grosor en 0.35 mm, el Tipo en Grueso-Fino y el Color de trazo en un matiz de Negro 60%.

Line Tool and StrokeLine Tool and StrokeLine Tool and Stroke

Paso 6

Dirígete a la página opuesta, la Página 5. Arrastra una guía vertical hasta el punto central de la página, y arrastra dos guías horizontales hacia abajo para dividir la página en seis secciones.

Usa la Herramienta Marco Rectangular (F) para insertar un marco alrededor de 70 mm por 70 mm, establece el Relleno en [Papel], y colocarlo en la esquina superior izquierda de la página, descansando contra la cuadrícula formada por las guías. Ve a Archivo > Colocar y elige una imagen con un fondo blanco. Haz clic en Abrir. Usa la opción Rellenar marco proporcionalmente en el panel de control superior para colocar la imagen en el centro del marco.

Fill Frame ProportionallyFill Frame ProportionallyFill Frame Proportionally

Paso 7

Aplica Edición > Copiar > Pegar al marco de imagen cinco veces más y aplica Archivo > Colocar o Volver a vincular (Ventana > Vínculos) para insertar nuevas imágenes para crear un efecto ordenado y a cuadros.

Insert New ImagesInsert New ImagesInsert New Images

Fabuloso, este pliego luce realmente bien.

Preview of SpreadPreview of SpreadPreview of Spread

7. Diseña un interesante pliego de método

Paso 1

Haz doble clic en el ícono de la página, en esta ocasión Página 6 ubicado en el panel Páginas para mostrarla en la pantalla. Desde la regla superior, arrastra una guía horizontal hacia abajo hasta 122 mm. Desde la regla del extremo izquierdo, arrastra una guía vertical hasta los 86 mm.

Horizontal RulesHorizontal RulesHorizontal Rules

Paso 2

Usa la Herramienta Marco Rectangular (F) para crear un marco que encaje dentro de la esquina inferior izquierda de la Página 6, los límites de lo que has creado con las guías. Extiéndelo hasta los bordes del sangrado.

Igual que con las Páginas 2 y 3, dale al marco un Trazo Sólido en [Papel] con un Grosor de 1 mm.

Ve a Archivo > Colocar, selecciona uno de tus imágenes de Método, y haz clic en Abrir. Usa la opción Llenar marco proporcionalmente para colocar la imagen en el marco, aunque una imagen con un acercamiento funcionaría realmente bien aquí.

Placing ImagesPlacing ImagesPlacing Images

Paso 3

Arrastra otra guía vertical hasta los 232 mm en la página opuesta, la Página 7.

Selecciona el marco de imagen que creaste en el Paso 2, y aplica Edición > Copiar > Pegar. Repite para crear un tercer marco de imagen.

Organiza estos dentro de la cuadrícula que creaste con tus guías como en la imagen que se muestra a continuación. Remplaza los dos nuevos marcos de imagen con las otras fotos de tu método y organiza su escala y proporciones hasta que estés satisfecho con el resultado.

Replace ImagesReplace ImagesReplace Images

Paso 4

Verás que las fotos que has introducido a la página están obstruyendo el pie de página de la Página 7, lo cual no está bien. Ve al panel Páginas, arrastra Página maestra [Ninguna] y suéltala en la Página 7.

Ve a la A-página maestra y arrastra para seleccionar el marco de texto de número de página (no los marcos de texto del pie de página); aplica Edición > Copiar.

Regresa a la Página 6 y 7 y aplica Edición > Pegar en el mismo lugar. Selecciona el marco del número de página en Página 6 únicamente y establece el Color del Texto en [Papel].

Paste in PlacePaste in PlacePaste in Place

Paso 5

Introduce el texto de tu método en la página creando dos marcos de texto en la parte superior izquierda de la Página 6 y a lo largo del lado derecho de la Página 7. Puedes aplicar Edición > Copiar > Pegar el texto y trazo que ya creaste para el pliego anterior (Páginas 4 y 5) para mimetizar el formato que diste a esas páginas.

Asegúrate de que los pasos estén claramente acomodados, con un espacio adecuado entre cada paso del método. Proporciona mucho espacio entre los bordes del texto y las imágenes (permití una brecha de 17 mm) para darle un aspecto profesional.

Excelente trabajo, creaste una hermosa y minimalista página de método.

Page in ProgressPage in ProgressPage in Progress

8. Adjuntemos una página final que muestre comida suculenta

Paso 1

Ahora que "has terminado de cocinar", ¡quieres ver los preciosos resultados! Hasta ahora hemos usado un simple blanco con una paleta de color brillante para las páginas. Para contrastar, vamos a crear una animada página oscura para la foto de la receta terminada.

Haz doble clic en los íconos de las páginas, en esta ocasión Páginas 8 y 9 para mostrar el pliego en la página. Usa la Herramienta Marco Rectangular (F) para crear un marco que se extienda por todo el pliego, llegando hasta el borde del sangrado en todos los lados. Ve a Archivo > Colocar y selecciona una imagen con un fondo oscuro. No tiene que ser negro, pero algo que contrastará bien con el texto más pálido. Haz clic en Abrir.

Haz doble clic dentro del cuadro para acomodar la imagen. Trata de usar una imagen de alta calidad a la que puedes hacer un acercamiento con facilidad. Trata de darle a la imagen un ángulo recortado vigoroso para añadir interés.

Placing an ImagePlacing an ImagePlacing an Image

Paso 2

Introduce un marco de texto usando la Herramienta Texto (T) con 61 mm de Anchura y 35 mm de Altura. Escribe "Bon (salto de párrafo) Appétit!" y establece la Fuente en Calluna Regular, Tamaño en 51 pt, Interlineado en 55 pt, y Color de Texto en [Papel].

Coloca el marco en la esquina inferior izquierda de la Página 8, o donde vaya en tu página de fondo oscuro.

Adjusting the TypeAdjusting the TypeAdjusting the Type

Paso 3

Introduce un Trazo para enmarcar debajo del texto usando la Herramienta Línea (\). Establece la Longitud en 84 mm (en este ejemplo para que combine con el borde blanco del plato), Color en [Papel], Grosor en 1 mm y el Tipo en Grueso - Fino.

Adding a StrokeAdding a StrokeAdding a Stroke

Paso 4

Haz doble clic en la A-Página maestra para que aparezca en la pantalla la página maestra. Arrastra por la parte inferior del pliego para seleccionar ambos cuadros de texto del número de página y los cuadros de texto del pie de página. Aplica Edición > Copiar y regresa a las Páginas 8-9. Aplica Edición > Pegar en el mismo lugar.

Establece el Color de Texto tanto para el número de la página como para el pie de página de la Página 8 en [Papel].

¡Fabuloso trabajo, tienes una página final que se ve lo suficientemente bien para comer!

Finalized PageFinalized PageFinalized Page

9. Prepara tu recetario para impresión o para uso digital

El objetivo de este tutorial ha sido mostrarte algunas maneras de crear diseños impactantes, contemporáneos y minimalistas para un libro de cocina. Puedes usar las ideas, presentadas aquí para crear tus propios diseños fascinantes, plantillas para libros editables en InDesign, e incluso una plantilla para libro en formato PDF.

Una vez que hayas armado todo tu libro, podrías querer exportarlo como un PDF Interactivo para compartirlo online (ve a Archivo > Exportar > y selecciona Adobe PDF (Interactivo) del menú Formato; y selecciona Pliegos del menú subsecuente).

De manera alternativa, puedes crear un libro impreso al ir a Archivo > Exportar > y seleccionando Adobe PDF (Imprimir) del menú desplegable. Selecciona Calidad de Prensa del menú desplegable Valor de Adobe PDF, y marca Todas las marcas de impresoras, del menú Marcas y sangrados.

Preview of Tutorial LayoutsPreview of Tutorial LayoutsPreview of Tutorial Layouts

¿Buscas inspiración y ayuda adicional?

¿Necesitas ayuda adicional para iniciar rápidamente tu proyecto? Si requieres una plantilla para recetario, InDesign es una buena opción, y estas plantillas de alta calidad son muy versátiles. ¡Consúltalas!

Plantilla para Recetario editable en InDesign

Este diseño minimalista multipropósito viene con 28 páginas únicas, en tamaños A4 y carta estadounidense, ¡óptima para una amplia variedad de proyectos, libros de cocina o algo por el estilo!

Cookbook Template InDesignCookbook Template InDesignCookbook Template InDesign

Plantilla cuadrada para recetario editable en InDesign

Este elegante diseño cuadrado (de 210x210 mm) es una gran alternativa para una variedad de proyectos, ya sea que quieras mostrar tus recetas o compartir hermosas fotografías de comida.

Square Cookbook InDesign TemplateSquare Cookbook InDesign TemplateSquare Cookbook InDesign Template

KITCHEN STORIES - Plantilla para recetario en InDesign

Hay más de 40 páginas para elegir de esta plantilla de alta calidad editable en InDesign, diseñada para encuadernar, ¡y cambiar fácilmente los colores!

KITCHEN STORIES - Recipe Cookbook InDesign TemplateKITCHEN STORIES - Recipe Cookbook InDesign TemplateKITCHEN STORIES - Recipe Cookbook InDesign Template

Twistee - Plantilla para recetario de postres en InDesign

Hay más de 50 páginas incluidas en esta plantilla para InDesign, ¿no estás seguro que sea buena para tí? Consulta la previsualización instantánea.

Twistee Dessert Recipe Book TemplateTwistee Dessert Recipe Book TemplateTwistee Dessert Recipe Book Template

Plantilla para recetario editable en InDesign

Un diseño prolijo y hermoso perfecto para mostrar tus creaciones más suculentas, ¡consulta esta plantilla! En tamaños A4 y carta estadounidense, tiene una gran cantidad de aplicaciones potenciales.

Cook Book InDesign TemplateCook Book InDesign TemplateCook Book InDesign Template

¡¿Ahora cuándo comemos?!

¡Buena suerte visualizando tus propios diseños hermosamente grastronómicos! Si disfrutaste este tutorial, aquí están otros que deberías consultar:

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.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads