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

Cómo crear una plantilla de recetario en InDesign

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 a crear el diseño de un recetario en InDesign, a usar páginas maestras y cómo guardar tu trabajo como un archivo de plantilla de InDesign. ¡Así que toma tus fotos de comidas favoritas, y vamos a empezar!

Lo que necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

1. Cómo iniciar tu documento

Paso 1

Primero, comencemos con un Nuevo Documento. En este tutorial, use 7,5" de ancho por 9,25" de alto. Eres libre de usar cualquier tamaño que se ajuste mejor a tu proyecto y necesidades, ¡cuando no sepas que tamaño elegir, pregúntale a tu impresora!

Hagamos que nuestro documento Inicie con la Página 2, ya que aquí nos enfocaremos mayormente en un pliego doble página (siempre podremos cambiar esto después).

New Document ExampleNew Document ExampleNew Document Example

Paso 2

Antes de finalizar nuestro Nuevo documento, echemos un vistazo a algunas de las otras características importantes de nuestra configuración de documentos. Desplázate hacia abajo para ver más opciones.

Puesto que estamos creando un libro y diseñando pliegos doble página, vamos a activar la opción Páginas Opuestas.

También establecí un margen de 0,5" en la parte superior, inferior y exterior.

En el interior, puse un margen de 0,75", un poco más grande. ¿Por qué? Este espacio se conoce a menudo como el medianil. Abre un libro y echa un vistazo al centro de las páginas. A menudo algún espacio se "pierde" allí, entre las páginas, así que he asignado un poco más de espacio.

Asegúrate de preguntarle a tu imprenta sobre cuánto espacio de medianil podría ser el mejor para tu proyecto, si no estás familiarizado.

Como recomendación, ten cuidado con el deslizamiento, especialmente si estás creando un libro más grande, por ejemplo, intenta plegar varias hojas de papel. Nota que los bordes exteriores no necesariamente se alinean de manera perfecta. Así que a menudo necesitan ser ajustados para hacer que las páginas de tu libro se alineen perfectamente. Puedes agregar valores para acomodar el descuadramiento en Archivo > Imprimir folleto. Sin embargo, recomendaría que consultes con tu imprenta sobre qué valores sugieren y/o requieren para tu proyecto.

New Document ExampleNew Document ExampleNew Document Example

Paso 3

Por último, vamos a asegurarnos de agregar un poco de Sangrado aquí; agregué un Sangrado de 0.125" alrededor de todos los lados.

El sangrado puede sonar un poco sinuoso, ¡pero no lo es! Se refiere a la parte de tu trabajo que se recortará cuando se imprima. Si deseas que una imagen sea "sangrado completo", generalmente significa que va hasta el borde de la página, sin ningún borde o "espacio blanco". Así que asegúrate de extender tus imágenes a la zona de sangrado, para asegurarte de que tu producto final es el previsto.

Ten en cuenta que puedes modificar esta configuración, después de haber creado el documento, a través de Archivo > Configuración de documentos, ¡así que no te preocupes si cometes un error o necesitas hacer algún cambio!

Una vez que estés satisfecho con la configuración, haz clic en Aceptar.

New Document ExampleNew Document ExampleNew Document Example

2. Cómo añadir imágenes en InDesign

Paso 1

Ahora que estamos en nuestro documento, echemos un vistazo a nuestras Páginas Maestras.

Las Páginas Maestras sirven en gran medida como páginas similares a las plantillas que puedes usar en Páginas activas dentro de tu documento, siempre que lo desees.

Para ver las Páginas Maestras, ve a ventana > Páginas para abrir el panel Páginas. Las Páginas Maestras se encuentran en la parte superior, mientras que las páginas activas están en la parte inferior.

Pages PanelPages PanelPages Panel

Paso 2

Comencemos creando un diseño de muestra en A-Master, el primer conjunto de Páginas Maestras de nuestro documento.

Decidí que quería que el lado izquierdo presentara una imagen de página completa. Para insertar una imagen, vaya a Archivo > Colocar. Usé esta imagen de panqueque en este diseño de muestra.

Ajusta el tamaño de la Imagen y el Marco que contiene la imagen. Recorta como quieras, pero asegúrate de que el marco se extienda al Sangrado que definimos anteriormente.

Place ImageryPlace ImageryPlace Imagery

Paso 3

Decidí que me gustaría que esta imagen fuera recurrente en mi otra página. Sigue el mismo proceso para colocar una imagen: alternativamente, podría usar una imagen diferente aquí. No te preocupes si cambias de opinión. Una vez más, esta es una plantilla, y está diseñada para ser alterada.

Placing Additional ImageryPlacing Additional ImageryPlacing Additional Imagery

3. Cómo añadir una fuente en InDesign

Paso 1

Ahora, coloquemos nuestra fuente y hagámoslo de una manera con una jerarquía bien establecida. Para aquellos que podrían no estar familiarizados, la jerarquía se refiere a un sistema visual de importancia. Por ejemplo, tener un título grande hace que destaque más que una copia de cuerpo más pequeña.

Dicho esto, comencé colocando el título con la Herramienta de Texto. En este caso, acabo de llamarlo "Elemento de menú", por ejemplo, voy a cambiar esto cuando use estas páginas de plantilla de todos modos.

Adding TextAdding TextAdding Text

Paso 2

A continuación, agregué una línea decorativa, bajo mi título, usando la Herramienta Línea. Puedes modificar el ancho y el aspecto de la línea en el panel Trazo. Lo puedes encontrar en Ventana > Trazo.

Hice la mía una línea de puntos de color verde.

Adding a LineAdding a LineAdding a Line

Paso 3

Puse el tiempo estimado de cocción/preparación debajo de esta línea de puntos, usando la Herramienta de Texto. Observa cómo lo hice más pequeño en tamaño y más ligero en peso que el título de la receta. Esto ayuda a establecer que es un elemento suplementario en la composición.

Adding TextAdding TextAdding Text

Paso 4

Ahora, comencemos con los ingredientes. Usa la herramienta de Texto para crear cuadros de texto, según sea necesario.

Decidí poner el subtítulo "ingredients" en su propio cuadro de texto, para poder estilizarlo más fácilmente de una manera que se destaque de los ingredientes en sí.

La lista de ingredientes está en su propio cuadro de texto. Le apliqué sangrado ligeramente, usando la Herramienta Mover. Decidí mantener esta zona estrecha, ya que me gustaría tener dos columnas aquí.

Adding the IngredientsAdding the IngredientsAdding the Ingredients

Paso 5

Sigamos un proceso similar para las instrucciones. Una vez más, opté por poner el subtítulo en su propio cuadro de texto (usando la Herramienta de texto).

Estoy usando Lorem Ipsum aquí como texto de marcador de posición, ya que, de nuevo, esto va a ser una plantilla para mis páginas, ¡lo editaré más tarde!

Adding the DirectionsAdding the DirectionsAdding the Directions

Paso 6

Pensé que sería bueno tener algunas sugerencias en la parte inferior de la página, también. Seguí ese mismo proceso, de nuevo: subtítulos en su propio cuadro de texto, luego la copia del cuerpo en un cuadro separado en un tamaño más pequeño. Una vez más, usa la Herramienta de Texto.

Sin embargo, para este set de contenido, opté por usar el ancho completo, en lugar de seguir las dos columnas que establecí anteriormente.

¡Eres libre de seguir mi ejemplo, o intentar con tu propio criterio sobre esto!

Adding SuggestionsAdding SuggestionsAdding Suggestions

Paso 7

Para terminar la página, vamos a agregar algunos elementos de pie de página.

Decidí añadir una línea de puntos, de nuevo, como la de la parte superior. Puedes seguir ese mismo proceso, ¡o Copiar y luego Pegar! Muévelo hacia abajo usando la Herramienta Mover.

Adding a LineAdding a LineAdding a Line

Paso 8

Usé la Herramienta de Texto para crear un cuadro de texto en el lado izquierdo—Sentí que este era un buen lugar para incluir algún contenido suplementario, como el nombre del libro y la receta.

Adding Footer ContentAdding Footer ContentAdding Footer Content

Paso 9

Por último, vamos a agregar un Número de página en el lado derecho.

Crea un cuadro de texto con la Herramienta de Texto. Luego, con el cuadro de texto aún seleccionado, ve a Fuente > Insertar carácter especial > Marcadores > Número de página actual.

Notarás que se muestra como "A", en lugar de un número, ¡esto está bien! Recuerda, estamos en la Página Maestra A, así que eso está bien.

Adding Page NumbersAdding Page NumbersAdding Page Numbers

Paso 10

Vamos a añadir un toque final más. Pensé que sería bueno añadir un pequeño elemento decorativo a la imagen grande en el lado izquierdo de nuestro pliego.

Usando la Herramienta Rectángulo sin Relleno, Trazo Blanco, crea una forma rectangular. Hice que el mío se alineara con mis guías de página, aunque lo elevé un poco en la parte inferior, para alinearme con mi línea de pie de página punteada.

Adding a BorderAdding a BorderAdding a Border

4. Cómo usar tus Páginas Maestras

Paso 1

Ahora que hemos creado una plantilla, ¡vamos a usarla!

En primer lugar, vuelve a tus Páginas Activas. Puedes hacerlo desde el panel Páginas, haz clic en la página 2, aquí, para volver a "salir".

Luego, podemos crear Nuevas Páginas haciendo clic en el botón Crear nueva página en el panel Páginas.

Vamos a crear cuatro páginas, así que tenemos las páginas 2, 3, 4 y 5. Observa que tienen un icono "A" en ellas. Esto significa que se derivan de nuestras páginas A-Master.

Creating PagesCreating PagesCreating Pages

Paso 2

Ahora, ¿cómo editamos nuestras páginas activas?

Si solo haces clic en un elemento de tu diseño que está en una página activa, no va a pasar nada. Tienes que mantener presionada las teclas Mayúsculas + Comando (en una Mac) o Mayúsculas+ Control (En PC) para seleccionar el elemento.

Al realizar esta selección, presta atención al color de la selección.

Si el marco seleccionado se ve Azul, has seleccionado el mismo marco.

Blue SelectionBlue SelectionBlue Selection

Si el marco seleccionado se ve Rojo, has seleccionado el contenido dentro del marco (en el ejemplo siguiente, observa cómo la imagen es más grande que el marco; vemos el marco rojo fuera de este límite para indicar su tamaño actual).

Haz doble clic para alternar entre los dos.

Esto es importante para distinguir, ¡especialmente si deseas borrar lo que está dentro del marco, y no el marco en sí! Ten en cuenta que estas son las señales visuales predeterminadas, y pueden tener un aspecto diferente (por ejemplo, diferentes colores) si tu sistema tiene diferentes preferencias o configuraciones.

Red FrameRed FrameRed Frame

Paso 3

Así que vamos a probar esto! Ir a las páginas 4 y 5, vamos a tratar de hacer que este pliego sea una receta diferente.

Comienza seleccionando y eliminando las imágenes en el lado izquierdo. Recuerda, mantén presionada la tecla Mayúsculas + Comando (en Mac) o Mayúsculas - Control (en PC) para seleccionarlo. Haz doble clic en esta selección para asegurarte de que está resaltada por un marco rojo. Eso significa que hemos seleccionado el contenido, no el marco en sí. Queremos eliminar el contenido, no el marco.

Removing ContentRemoving ContentRemoving Content

Paso 4

Ahora, sigue y coloca una nueva imagen en este marco. Ve a Archivo > Colocar y seleccione tu imagen.

Al colocar la imagen, asegúrate de seleccionar el marco y no colocarlo aleatoriamente dentro del documento.

Replacing ContentReplacing ContentReplacing Content

Paso 5

Repite el mismo proceso en la imagen más pequeña ubicada en la página derecha. ¡Voila! Hemos intercambiado nuestras imágenes.

Replacing ContentReplacing ContentReplacing Content

Paso 6

Intercambiar el texto es un proceso similar, ¡de hecho, es aún más fácil!

Manten pulsada la tecla Mayúsculas + Comando (en Mac) o Mayúsculas + Control (en el PC) para seleccionar el contenido y editarlo localmente. Luego, realiza las ediciones deseadas.

Editing TextEditing TextEditing Text

5. Cómo añadir los toques finales

Paso 1

Pero, ¿qué pasa con la primera página de nuestro libro, o si queremos que la primera página comience con una página singular / única?

Podemos ir a Archivo > Configuración de documentos y cambiar nuestra página de inicio a 1. Ten en cuenta que este es un paso opcional y dependerá de lo que pretendas hacer con tu proyecto.

Advertencia: esto podría arruinar el orden de tus páginas. Sin embargo, no te preocupes, podemos arrastrar y soltar fácilmente nuestras páginas en el orden correcto.

Changing the pagesChanging the pagesChanging the pages

Paso 2

Decidí crear una nueva Página Maestra para esta única página de inicio. Pensé que podría ser un buen lugar para poner algo como una dedicatoria, una breve introducción, o tal vez un capítulo de inicio / descanso. Nota que esto se llama B-Master.

Para aplicar B-Master, haz clic y arrastra la Página Maestra que deseas aplicar a la página activa.

Usé la Herramienta Texto y Coloqué una Imagen para crear mi muestra B-Master, a continuación.

Sample Master PageSample Master PageSample Master Page

Paso 3

Sin embargo, tenemos que elegir si queremos que nuestras Páginas Maestras sean un pliego doble página o una sola página. En este caso, sólo quiero una página.

Selecciona una página del Pliego Maestro y pulsa el botón Papelera/Eliminar en el panel Páginas. Ahora tu Maestro contiene solo una página.

Single Master PageSingle Master PageSingle Master Page

Paso 4

Ten en cuenta que, al guardar el trabajo, puedes guardarlo específicamente como un documento de InDesign (o un archivo INDD) o como una plantilla de InDesign (un archivo INDT).

¿Por qué molestarse en usar plantillas de InDesign como tipo de archivo? Bueno, digamos que entras en tu original y cometes un error, o que tal vez te gustaría trabajar en dos libros de cocina diferentes, usando el mismo diseño.

Al abrir una plantilla de InDesign, puedes iniciar un nuevo documento utilizando el archivo de plantilla como base. Puedes elegir entre "Abrir Normal", que te da un nuevo documento sin título en base a este archivo, o "Abrir Original", que te permite editar la plantilla en sí. Práctico, ¿verdad?

Saving your DocumentSaving your DocumentSaving your Document

¡Buen provecho!

¡Muchas gracias por acompañarme en este tutorial! También podrías utilizar estas técnicas para crear una plantilla de portada de libro para el diseño de la portada de tu libro, que es esencialmente un pliego doble página. ¡Podrías usar las Páginas Maestras para tus consideraciones de diseño para la portada y la contraportada de tu libro! Sólo recuerda tener en cuenta la espina (¡ya que es un poco de espacio adicional!). En caso de duda, ¡pregúntale a tu imprenta!

Example LayoutsExample LayoutsExample Layouts

¿Buscas ayuda extra o algo que te inspire? Ya sea que estés buscando agregar algunas plantillas de libros de InDesign a tu colección o buscando un punto de inicio, ¡aquí hay algunas plantillas encantadoras a las que vale la pena que eches un vistazo!

Plantilla de libro de cocina de InDesign

Simple, limpia y fácil de usar: ¡esta plantilla está lista para editar e imprimir, con Páginas Maestras ya listas para ti! Cambia los colores, edita a tu gusto, y ¡listo!, perfecta para tus recetas favoritas.

Cookbook Template InDesignCookbook Template InDesignCookbook Template InDesign

Plantilla de recetario con historias de cocina de InDesign

Me encanta la fuente de este diseño, ¿no te parece? Audaz, pero bien compuesto, hay mucho énfasis en las fotos de alimentos. No sólo podría funcionar muy bien para tus proyectos temáticos de recetarios, ¡también podría ser un punto de partida versátil para una gran variedad de proyectos!

Recipe Template InDesignRecipe Template InDesignRecipe Template InDesign

Plantilla cuadrada de libro de cocina de InDesign

Me encantan los diseños cuadrados, ¡se ven tan limpios y acogedores para mí! Esta no es la excepción, elegante y acogedora, podría ser la indicada para tus recetas favoritas y fotos de comida.

Cookbook Template InDesignCookbook Template InDesignCookbook Template InDesign

Plantilla de recetario de postres de InDesign

Diseñada para postres pero con mucho espacio y potencial para otros proyectos, esta plantilla tiene 60 páginas. Es muy fácil ingresar y editar elementos como colores e imágenes, ¡también hay una vista previa en vivo! ¡Mira esto!

Desserts InDesign TemplateDesserts InDesign TemplateDesserts InDesign Template

Plantilla de recetario de InDesign

¡Échale un vistazo a esta plantilla de diseño simple y versátil! Podría ser perfecta para tus fotos de alimentos, especialmente dado su generoso espacio en blanco y diseño limpio y moderno.

Cookbook Template InDesignCookbook Template InDesignCookbook Template InDesign

Si te gusto este tutorial, ¡aquí hay algunos otros para ti!

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