Crear hermosos diseños de página y una impactante portada para un libro infantil

En este tutorial mostraré como crear una portada impactante así como también diseñar páginas para un libro infantil (En este caso una versión moderna de Alicia en el País de las Maravillas). Utilizando InDesign, exploraremos como, pensando de manera creativa, con tipografía e imágenes podemos crear páginas de texto más interesantes. Este tutorial revisa las técnicas que puede utilizar para diseño y composición; lecciones que puede aplicar al momento de crear su propio libro impreso o digital.

Mil gracias a Mary Winkler por contribuir a este tutorial con sus magnificas ilustraciones para el diseño. También puede aprender cómo crear sus ilustraciones en su tutorial how to create your own Alice in Wonderland illustrations.

1. Ajustar la composición de la portada

Paso 1

Abra InDesign y seleccione Archivo > Nuevo documento (File > New Document). En la ventana de Nuevo documento ajuste Calidad a Impresión y determine el número de páginas a 1. Deseleccione Páginas opuestas (Facing pages). En Tamaño de página (Page size) active Personalizado... (Custom) y desde el menú contextual seleccione A medida... (Custom Page Size). Digite "Portada Alicia" (Alice in Wonderland_Cover) y ajuste el Ancho a 277 mm y el Alto a 216 mm.

Este ajuste crea un tamaño de página de 135 mm por 216 mm el cual es un estandar en la industria de libros impresos. En mi versión de InDesign los milímetros son convertidos a picas, pero a lo largo de este tutorial utilizaré milímetros como unidad de medida. De clic en Añadir y luego OK.

Establezca los márgenes Superior, derecho e izquierdo a 20 mm y el margen inferior a 25 mm. De clic en OK.

Paso 2

Arrastre una guía vertical desde la regla de la izquierda (Vaya a Ver > Mostrar reglas, si no son visibles (View > Show Rulers). Arrastre una segunda guía al centro a la posición 138.5 mm. Arrastre una tercera guía a 142 mm. Esto establece los bordes externos y el punto central con un lomo de 7 mm.

Paso 3

Desde la regla izquierda arrastre una guía a 115 mm (el ancho de la página de 135 mm menos 20 mm de margen) para establecer los márgenes de la contraportada. Repita el proceso para la portada arrastrando una guía a 162 mm.

Las proporciones básicas de su portada están listas, ahora puede comenzar a añadir contenido.

2. Diseñar la portada

Paso 1

Utilice la herramienta Marco rectangular (F) (Rectangular Frame Tool) para crear un marco de 95 mm de Ancho. La altura puede variar dependiendo de la imagen que escoja. Sitúe el marco alineado con el borde inferior del margen inferior y luego active Archivo > Colocar (File > Place). Seleccione una imagen (preferiblemente un EPS con fondo transparente y está utilizando imágenes vectoriales) y de clic en Abrir.

Con el marco de la imagen seleccionado, de clic en la casilla Llenar marco proporcionalmente (Fill Frame Proportionally) desde el panel de Control.

Paso 2

Active la herramienta Texto (T) (Type Tool) y cree un marco de 95 mm de Ancho y 30 mm de Alto. Digite ‘ALICE IN (enter) WONDERLAND’ y seleccione Centrar (Align Center) desde el panel de Control.

Ahora puede seleccionar un par de fuentes que le den una apariencia más dinámica a su portada. En este ejemplo, mi elección fue EB Garamond, una fuente clásica con serifas, y BonvenoCF, una fuente moderna sin serifas. Esta combinación funcionará muy bien para esta versión moderna del libro de Alicia en el país de las maravillas.

De nuevo en el marco de texto, seleccione todo el texto y aplique la fuente BonvenoCF Light. Seleccione solamente ‘ALICE IN’ y establezca el tamaño de la fuente a 55 pt, con un interlineado de 66 pt y un Tracking de 30.

Paso 3

Vaya a Ventana > Trazo (Window > Stroke) para abrir el panel Trazo. Seleccione la herramienta Línea (Ñ) (Line Tool), mantenga oprimida la tecla Shift y arrastre para dibujar una línea horizontal de 90 mm de Ancho. En el panel Trazo (Stroke) establezcla el grosor a 0.35 mm y conserve el Tipo: Sólido. Coloque la línea centrada debajo del encabezado.

Paso 4

Con la herramienta Texto (T) (Type Tool) dibuje un segundo marco de texto de 95 mm de Ancho. Digite el subtitulo del libro, en este caso, ‘Lewis Carroll’s Traditional Tale Revisited’, establezca alineación Centro y active la fuente EB Garamond Regular. Ajuste el tamaño de la fuente a 16 pt.

¡Su sencilla e impactante portada está lista! Ahora vamos con la contraportada.

3. Diseñar la contraportada 

Paso 1

Con la herramienta de Texto (T) (Type Tool) dibuje un marco de texto de 95 mm de Ancho y coloque el borde superior del marco con el margen superior de la contraportada. El marco deberá estar centrado en la contraportada.

Aquí puede insertar el resumen de su libro, o por ahora, ir a Texto > Llenar con texto falso (Type > Fill with Placeholder). 

Alargue el marco hacia abajo aproximadamente a la mitad de la contraportada y divida el texto en dos párrafos. Resalte todo el texto y seleccione Justificar con última línea alineada a la izquierda (Justify with Last Line Aligned Left) desde el panel de control. Ajuste el tamaño de la fuente a 12 pt con un Interlineado de 14.4 pt. Vaya al menú Ventana > Texto y tablas > Artículo (Window > Type & Tables > Story) para abrir el panel Artículo. Con el cursor en el texto marque la casilla Alineación óptica de margen (Optical Margin Alignment).

Resalte el primer párrafo y establezca desde el panel de Control Capitular (Número de líneas) (Drop Cap Number of Lines) 4. Establezca el estilo de la fuente a Regular.

Resalte el párrafo inferior y establezca el estilo de la fuente a Italica y Capitular (número de líneas) (Drop Cap Number of Lines) 2. Este es un lugar ideal para insertar una frase, un comentario o la biografía del autor.

En la parte inferior de la contraportada puede también insertar un logotipo, una página web o un código de barras si es necesario.

4. Diseñar el lomo

Paso 1

Con la herramienta Texto (T) Type Tool (T) dibuje un marco de texto de 3 mm de Alto y 25 mm de Ancho. Digite el nombre del autor. Asigne al texto la fuente EB Garamond SC (o active la opción Todo en mayúsculas (All Caps) en el panel de Control para crear el mismo efecto) y establezca el tamaño de la fuente a 11 pt. Seleccione el marco y presione Control-clic (Mac) o de clic derecho (PC) y desde el menú contextual seleccione Transformar > Rotar 90o a la derecha (Transform > Rotate 90 degrees Clockwise). Alinee el borde superior del marco con el margen superior, centrado con el lomo.

Paso 2

Vaya a Edición > Copiar > Pegar (Edit > Copy > Paste) ajuste el Ancho a 57 mm y el Alto a 3.5 mm. Digite el nombre del libro (ALICE IN WONDERLAND) y asigne la fuente Bonveno CF Light. Ajuste el Tracking a 30. Sitúe este marco de texto a aproximadamente la mitad del centro del lomo.

También puede colocar un logo o una pequeña ilustración en la parte inferior del lomo cerca del margen inferior - esto le pueda dar un toque especial a su portada.

¡Bien hecho - su portada está lista! Ahora las páginas interiores.

5. Ajustar el diseño de las páginas interiores

Paso 1

Vaya a Archivo > Nuevo documento (File > New Document). En la ventana de Nuevo documento (New Document) establezca Calidad: Impresión y Número de páginas 3 (No. of Pages) Mantenga la opción Páginas opuestas (Facing Pages) activa. Desde Tamaño de página (Page Size) active A medida...(Custom...) para abrir la ventana Tamaño de página a medida (Custom Page Size). En el campo Nombre (Name) digite ‘Alice in Wonderland_Pages’ y ajuste el Ancho a 135 mm y el Alto a 216 mm. Se clic en Añadir y luego en OK.

Establezca los márgenes superior e interiores a 20 mm, el margen exterior a 15 mm y el margen inferior a 25 mm. Ajuste el Sangrado (Bleed) a 3 mm, dejando el valor Interior (Inside) a 0 mm.

Paso 2

Podemos crear dos páginas maestras - una para la página de comienzo de capítulo o sección, y una segunda para las páginas principales.

Asegúrese que el panel Paginas (Pages) esté abierto activando Ventana > Páginas (Window > Pages). Notará que una página A-Maestra (A-Master) conformada por dos páginas como un pliego ha sido creada automáticamente por InDesign. En este libro, todos nuestros capítulos comenzarán en una página derecha, así que haga clic en la página izquierda de la página maestra A-Maestra (A-Master) y arrástrela al icono de la papelera en la esquina inferior derecha del panel Páginas.

Haga doble clic sobre la página A-Maestra (A-Master) para hacerla activa en pantalla. Arrastre una guía vertical desde la regla izquierda a 69 mm y arrastre una segunda guía a 73 mm para indicar los bordes de las dos columnas para texto.

Seleccione la herramienta Texto (T) (Type Tool) y arrastre para crear un pequeño marco de texto de 5 mm de Ancho y 4 mm de Alto. Coloque este marco centrado entre las guías de columnas (aproximadamente 201 mm en Y) y vaya a Texto > Insertar caracter especial > Marcadores > Número de páginas actual (Type > Insert especial character > Current page number) Ajuste la alineación Centro, fuente EB Garamond SC y tamaño de fuente 9 pt.

Paso 3

Vaya al menú del panel Página (Pages) y active Nueva página maestra... (New master page...) para crear un pliego de dos páginas B-Maestra (B-Master).

Puede copiar las guías y el marco de texto del número de página en sus respectivas posiciones en este segundo pliego.

También puede añadir algunos encabezados en la parte superior de cada página para dar a su libro una apariencia más uniforme y profesional. Utilizando la herramienta Texto (T) (Type) cree un marco de texto de 3.5 mm de Alto y 100 mm de Ancho. Colóquelo centrado arriba del margen superior en la página derecha en la página B-Maestra (B-Master). Escriba el nombre del libro en mayúsculas y ajuste el texto con alineación Centro, fuente Boveno CF Light, tamaño de fuente 7 pt y Tracking a 30.

Con la herramienta Línea (Ñ) (Line Tool) y manteniendo presionada la tecla Shift, dibuje una línea de aproximadamente 37 mm de Largo. Mantenga la línea delgada (yo escogí 0.088 mm) y colóquela justo debajo del encabezado para darle un bonito marco.

Vaya a Edición > Copiar, y copie y pegue (Edit > Copy > Paste) el marco de texto en la posición correspondiente en la página izquierda de la página B-Maestra (B-Master).

Aquí puede aplicar esta página maestra a las páginas 2 y 3, y a otras páginas que no sean inicio de capítulo en su libro.

6. Crear una página dinámica de capítulo de apertura

Paso 1

Aplique la página A-Maestra (A-Master) a la página 1 haciendo clic y arrastrando el icono de la página A-Maestra (A-Master) sobre el icono de la página 1. De doble clic sobre la página 1 para activarla en pantalla.

Seleccione la herramienta Texto (T) (Type Tool) y arrastre para crear un marco de texto de 47 mm de Ancho y 5 mm de Alto. Coloque este marco en la parte superior de la columna izquierda, alineando el borde superior del marco con el margen superior de la página.

Digite el número del capítulo o la sección y ajuste al fuente a Bonveno CF Light, tamaño 15 pt y Tracking 30. Seleccione Todo en mayúsculas (All Caps) desde el panel de Control.

Utilice la herramienta Línea (Ñ) (Line Tool) para dibujar una línea un poco más corta que el marco de texto, aproximadamente 46 mm. Ajuste el Grosor a 0.3 mm y ubíquela centrada debajo del marco de texto.

Paso 2

Podemos aplicar una gran letra capital a la primera letra del capítulo para llamar la atención. Sin embargo, para hacerlo, debemos extender la altura del marco de texto más allá de los límites de los márgenes de las columnas. Esto se logrará con algo de prueba y error, pero es un efecto tipográfico muy interesante.

Utilice la herramienta de Texto (T) (Type Tool) para crear un marco de texto de 47 mm de Ancho y 196 mm de Alto. Necesitará hacer un zoom para verlo al tamaño completo. Ubique este marco en el espacio de la columna derecha, dejando la parte inferior del marco alineada con el borde inferior.

Puede insertar el texto para su capítulo y ajustar la fuente a EB Garamond Regular. Por ahora será más sencillo trabajar solamente con los primeros 5 renglones (o la primera frase) de su capítulo. Podemos agregar el resto después.

Seleccione Justificar con última línea alineada izquierda (Justify with Last Line Aligned Left). Establezca el tamaño de la fuente a 12 pt y un interlineado de 15 pt. Ahora restalte la primera letra del texto y vaya al panel de Control y seleccione Capitular (número de líneas), ajuste el valor a 9. Su primera letra habrá crecido hasta ocupar el ancho de la columna derecha.

Paso 3

Para lograr una tipografía realmente especial para esta página, puede jugar con el tamaño, tracking e interlineado de los renglones para darle una apariencia más dinámica al texto, y destacar el primer renglón del capítulo para un efecto interesante. Particularmente, esto puede funcionar muy bien para libros infantiles, donde el texto es menos extenso y el tamaño del texto es mayor.

En este ejemplo he resaltado la palabra ‘here was a’ y he aumentado el tamaño de la fuente a 34 pt con un interlineado de 43 pt. Luego he seleccionado el siguiente grupo de palabras y he incrementado el tamaño de la fuente a 44 pt. Continúe experimentando con el tamaño del texto (puede que encuentre sus propios retos con palabras largas que tengan partición). Esta operación hará que el texto se vaya corriendo hacia la parte inferior de la página, puede jugar con la posición del marco hasta que esté satisfecho.

¡Genial - se ve muy bien!

7. Diseñar un pliego con tipografía creativa

Paso 1

Active las páginas 2 y 3 del documento en pantalla. Cree dos marcos de texto utilizando la herramienta Texto (T) (Type Tool) y ajuste el tamaño de estos para que encajen en las columnas de la página 2. Puede insertar el texto restante de su capítulo en el primer marco. De clic en el pequeño cuadro en la parte inferior derecha del marco y de clic en el segundo marco para vincular los marcos y hacer que el texto fluya al segundo marco.

Establezca la alineación del texto a Justificar con última línea alineada a la izquierda (Justify with Last Line Aligned Left). Aplique la fuente EB Garamond Regular, tamaño 12 pt e interlineado 15 pt. 

Resalte el primer párrafo de texto y active Capitular número de líneas (Drop Cap Number of Lines) a 4. Necesitará ajustar el alto de los marcos de texto un poco para permitir que el último renglón quede alineado con el margen inferior. Asegúrese que la opción Alineación óptica de margen (Optical Margin Alignment) no esté activada para permitir que el primer párrafo encaje en la columna.

Paso 2

La segunda página de su capítulo se ve clásica y tradicional. Podemos contrastarla con una página un poco más peculiar.

Podemos lograr esto utilizando Illustrator para crear una forma vectorial que llenaremos con texto. Esto, y una imagen relevante crearán una combinación interesante.

Utilice la herramienta Marco rectangular (F) (Rectangle Frame Tool) para crear un pequeño marco y colóquelo en la parte inferior derecha de la página. Vaya a Archivo > Colocar (File > Place) y seleccione una imagen (preferiblemente en blanco y negro o escala de grises, con un fondo blanco o transparente, para conservar la apariencia de una novela antigua); de clic en Abrir (Open). Active la opción Llenar marco proporcionalmente (Fill Frame Proportionally) para cambiar el tamaño de la imagen.

Paso 3

Abra Illustrator y vaya al menú Archivo > Nuevo (File > New...) para crear un nuevo documento. Ahora tiene que ejercitar su imaginación. ¿Qué forma funcionará mejor con su imagen? ¿Puede hacer esta forma suficientemente ancha para acomodar el texto suficiente?

En este ejemplo, he creado una forma simple utilizando la herramienta Arco (Arch) con un relleno sólido (no necesita aplicarle un Contorno). Seleccione la forma y vaya a Edición > Copiar (Edit > Copy).

Paso 4

De nuevo en InDesign vaya a Edición > Pegar (Edit > Paste). La forma de Illustrator aparecerá en su documento de InDesign. Ajuste el relleno a Ninguno desde el panel de Control.

Paso 5

Utilizando la herramienta de Selección (V, Escape) (Selection Tool), modifique el tamaño de la forma para que se ajuste en la página 3. Puede mantener oprimida la tecla shift para conservar las proporciones de la forma. Seleccione la herramienta Texto (T) (Type) y ubique el cursor sobre la forma. El cursor se convertirá en cursor de texto, de clic una vez y la forma se convertirá en un marco de texto.

Vincule el segundo marco de texto de la página 2 con la forma de la página 3, haciendo clic en el pequeño cuadro inferior derecho del marco de la segunda columna y dando clic nuevamente sobre la forma. El texto fluirá dentro de la forma.

Probablemente necesitará hacer algunos ajustes al tamaño de la forma una vez el texto haya sido colocado. Haga su mejor esfuerzo para asegurarse que no queden huecos entre los renglones de texto ni palabras sueltas.

Paso 6

Estan listas las primeras tres páginas de su capítulo - ¡se ve genial!

Puede repetir los principios de los pasos 1-5 mostrados arriba para crear más hermosos diseños para las páginas internas de su libro. Los resultados dependerán del contenido, sus imágenes y su imaginación. He aquí otro ejemplo para hacer volar su imaginación.

En este ejemplo, dibuje una espiral en Illustrator utilizando la herramienta Espiral (Spiral Tool) y, como antes, copié y pegué la forma en InDesign, y con la herramienta Texto en Trazado (Shift-T) (Type on a Path Tool) ceñí el texto a la espiral.

Es una manera genial de imaginar a Alicia descendiendo por el hueco del conejo.

8. Preparar su libro para impresión o digital

Paso 1

El objetivo de este tutorial fue mostrar algunas formas de crear diseños dinámicos y peculiares para un libro infantil. Puede utilizar las ideas presentadas aquí para crear sus propios diseños de maquetación y portada.

Una vez haya terminado su libro, puede exportarlo como un documento PDF interactivo para compartir en línea (vaya a Archivo > Exportar (File > Export) y seleccione Adobe PDF (Interactivo) desde el menú desplegable; marque la opción Pliegos (Spreads) desde el siguiente menú) 

Como alternativa, puede crear un libro impreso activando Archivo > Exportar (File > Export) seleccionando Adobe PDF (Impresión) Adobe PDF (Print) desde el menú contextual. Seleccione Calidad de Prensa (Press Quality) desde el menú Valor de Adobe PDF y marque la casilla Todas las marcas de impresora desde la sección Marcas y sangrados (Marks and Bleeds).

¡Listo, un trabajo genial!

Espero que haya encontrado este tutorial útil y que le haya inspirado para crear su propio libro infantil.

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