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

Como Crear una Portada encuadernada estilo Vintage para un libro en Adobe InDesign

El mundo de la publicación, recientemente ha visto una explosión en la popularidad de encuadernación de libros, los cuales son un impresionante tributo moderno a los métodos antiguos del diseño de libros. Casas como Penguin y HarperCollins han redescubierto los encantos del estilo de encuadernación vintage y, también, los mismos editores están escogiendo rápidamente esa tendencia.
Scroll to top
This post is part of a series called How to Create a Book Cover.
Create a Cool Image-Inside-Image Effect in Adobe InDesign
How to Design a Classic Book Cover With a Modern Twist!

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

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

El mundo de la publicación, recientemente ha visto una explosión en la popularidad de encuadernación de libros, los cuales son un impresionante tributo moderno a los métodos antiguos del diseño de libros. Casas como Penguin y HarperCollins han redescubierto los encantos del estilo de encuadernación vintage y, también, los mismos editores están escogiendo rápidamente esa tendencia.

En este tutorial, aprenderá como ajustar la ilustración para una encuadernación de una cubierta de un libro en Adobe InDesign y Adobe Illustrator, y miraremos como aumentar al máximo el impacto del diseño usando una paleta de colores reservada y sencillas siluetas de gráficos.

Si desea aprender más sobre como crear un cubierta de libro impactante, o si solamente es un fanático del estilo vintage, bueno, ¡éste tutorial va a encajar como un anillo al dedo para usted!

1. Una Nota en el Diseño de Encuadernación del Libro

Las encuadernaciones de los libros están hechas a través de un proceso de encuadernación llamado caso de unión. Caso de unión es uno de los método más comunes, utilizados para la encuadernación de libros de tapa dura.

Las páginas son montadas y pegadas para crear un “bloque de texto”. Luego, éste bloque de texto es unido a una cubierta (o “caja”), la cual está hecha de cartón y luego es cubierta con tela.

La mayoría de los bindaries (compañías que se especializan en imprimir libros y encuadernarlos), ofrecen el servicio de pegar libros, a sus clientes y, además, hay un cantidad de compañías en línea que, también, toman tu trabajo y lo transforman en un hermosa encuadernación.

final productfinal productfinal product

La encuadernación de libros puede lucir como un tesoro construido minuciosamente, pero, en realidad, requieren un mínimo y moderado enfoque de su diseño, sin duda, en la etapa inicial de la elaboración, lo cual es lo que veremos en éste tutorial

final artworkfinal artworkfinal artwork

El diseño de la cubierta  es directamente estampado en la tela, como un resultado de que el diseño necesita ser recreado en dos colores como máximo debido a la eficiencia del costo. La encuadernación de los libros no requieren un sobrecubierta, por lo que el ejemplar no tiene que incorporar ningún espacio extra para el dobles (sobre el lomo y en los bordes extremos de la portada y contraportada) ni para las solapas.

En resumen, la encuadernación de los libros luce verdaderamente hermosa, pero diseñar su portada no necesita ser complicado. ¡Empecemos con crear el arte para esta cubierta para “Un Cuento de Invierno” y descubra cuán simple puede ser!

2. Configure el Formato de la Cubierta en InDesign

Paso 1

Abra Adobe InDesign. Vaya a Archivo > Nuevo > Documento.

En la venta Documento nuevo, escoja Impresión desde el menú Calidad.

print intentprint intentprint intent

Paso 2

Mantenga el Número de Páginas ajustado en 1 y desactive la opción Páginas Opuestas.

Acá, debajo de Tamaño de página, había guardado un Tamaño de página a medida llamado B-Format.

B-Format, es un tamaño estándar para libros impresos en papel suave, pero, asimismo podemos usarlo para nuestra cubierta rústica. Ajuste la Anchura del documento en 130 mm y la Altura en 198 mm.

new document windownew document windownew document window

Aguarde —esto creará una cubierta para el frente, pero necesitamos ajustar la cubierta completa, incluyendo la contraportada y el lomo.

Para hacer esto, conserve la Altura del documento como está, pero incremente la Anchura en 294 mm. Esto dejará espacio para unos 30 mm del lomo más las anchuras tanto para la portada como para la contraportada.

custom page sizecustom page sizecustom page size

Paso 3

Ajuste los Márgenes en todos los lados en 9 mm.

Aunque estamos creando un documento en blanco y negro para la obra, aún así, debería incluir un sangrado. Esto le dejará saber a la impresora con más claridad en dónde será recortada la obra y dejará más tela para doblar sobre los bordes de la cubierta.

Ajuste el Sangrado en todos los lados con 5 mm y luego haga clic en OK para crear la cubierta de su página.

new document with bleednew document with bleednew document with bleed

Paso 4

Dividamos la página para definir la portada y la contraportada, el lomo y los márgenes de cada parte de la cubierta.

Asegúrese que sus reglas están visibles (Ver > Mostrar Reglas), y luego haga clic sobre la regla que está al lado izquierdo y arrastre una guía hacia el centro de la página, hasta la posición en 147 mm en X.

center of spinecenter of spinecenter of spine

Arrastre otra guía hasta la posición 132 mm y otra hasta 162 mm, para marcar los bordes del lomo.

spinespinespine

Paso 5

Defina los márgenes de la portada y la contraportada, arrastrando dos guías más hacia las posiciones 123 mm y 171 mm en X.

Esto, ahora señala un margen completo de 9 mm a cada cubierta, para combinar el margen actual de 9 mm alrededor de los bordes de la página completa.

marginsmarginsmargins

Finalmente, para asegurarnos que todos los elementos del diseños de nuestra cubierta serán centrados perfectamente en la portada y la contraportada, entonces arrastre dos guías más hasta las posiciones 66 mm y 228 mm en X, respectivamente, para señalar el centro de las cubiertas para las portada y contraportada.

guides at center of front and back coversguides at center of front and back coversguides at center of front and back covers

Paso 6

Seleccione la Herramienta Rectángulo (M) desde el panel Herramientas y arrastre hasta el lado derecho de la página (lo cual será la cubierta del frente o portada) para crear una forma que encaje perfectamente sobre el margen de los 9 mm que marcó los límites de la cubierta del frente, tal y como se muestra a continuación.

Abra al panel Trazos (Ventana > Trazos) y ajuste la Anchura a 0.75 mm.

stroke panelstroke panelstroke panel

Asegúrese de que el Color del Trazo está ajustado con [Negro] (C=0 M=0 Y=0 K=100). Todos los elementos en el diseño que queremos que se peguen tendrán que seleccionar está muestra de color [Negro]. Para todos los elementos que vamos a utilizar a partir de aquí, asegúrese que todos están ajustados con el Color de Relleno y el Color de Trazo en [Negro].

swatches panelswatches panelswatches panel

Paso 7

Con el rectángulo seleccionado, vaya hasta Objetos > Opciones de vértices.

Ajuste el Tamaño de todas las esquinas de la forma con 2 mm y para la Forma escoja la opción Redondeado Inverso. Haga clic en OK.

corner optionscorner optionscorner options

Paso 8

Seleccione el rectángulo y vaya a Edición > Copiar, Edición > Pegar. Mueva la forma que acaba de pegar dentro del lado izquierdo (en la contraportada) de la página, y ubiquelo en frente de los márgenes como lo hizo antes.

borders on back and frontborders on back and frontborders on back and front

Paso 9

Seleccione, nuevamente, Edición > Pega, para crear un tercer rectángulo y reduzca la Anchura de la forma hasta 18 mm. Ubiquelo en el centro de la página, hasta formar el marco del lomo.

layout preview with spine borderlayout preview with spine borderlayout preview with spine border

3. Introduzca siluetas de vector dentro de la cubierta

Paso 1

Una parte clave del diseño de “El Cuento de Invierno” será los diseños de los árboles de invernales que se elevan a través del frente de la portada.

Puede crear sus propias siluetas de árboles si usted desea aceptar el desafío o sencillamente descargue éste conjunto de gráficos de árboles predefinidos desde GraphicRiver.

Abra el archivo EPS en Adobe Illustrator. Separe simplemente el árbol de invierno a la izquierda de la mesa de trabajo, y vaya a Edición > Copiar, Edición > Pegar, dentro del documento nuevo en Adobe Illustrator.

tree vectortree vectortree vector

Paso 2

Use la Herramientas Tijeras (C) para recortar ambos lados cerca del trunco para la base de las ramas.

cut trunkcut trunkcut trunk

Paso 3

Luego borre la sección más baja del árbol.

Además, es buena idea, reducir la anchura de lo que queda del tronco, así, usted puede cambiar a la Herramienta de Selección directa (A) y arrastrar los dos puntos de anclaje al fondo del tronco para hacerlo un poco más estrecho.

narrow trunknarrow trunknarrow trunk

Paso 4

Arrastre su mouse a través de la mesa de trabajo hasta seleccionar el gráfico y, vaya a Edición > Copiar.

tree graphic selectedtree graphic selectedtree graphic selected

Regrese a su documento en InDesign. Vaya a Edición > Pegar para dejar caer el vector del árbol directamente dentro de la página.

pasted treepasted treepasted tree

Paso 5

Cambie el tamaño, manteniendo presionada la tecla Shift, hasta que el árbol tenga aproximadamente 33 mm en la Altura.

Ubiquelo en el centro de la portada, usando la línea guía para ayudarse, y hacia el fondo de la página, tal y como se muestra.

reduced graphicreduced graphicreduced graphic

Paso 6

Tome la Herramienta Línea (\) desde el panel Herramientas y, manteniendo presionada la tecla Shift, y arrastre hacia abajo desde la base del gráfico del árbol hasta las líneas que se encuentran con el fondo del borde negro.

Desde el panel Trazo, ajuste la Anchura del trazo para que coincida con el ancho del tronco. Acá, 1.4 mm parece ser lo mejor para el gráfico, para adaptarlo al grueso de su propia página.

stroke panelstroke panelstroke panel

Paso 7

Seleccione tanto el gráfico del árbol como su “tronco” nuevo y Clic-derecho (Windows) o Control-Clic(Mac OS) > Agrupar, para juntar los dos elementos y que sea más fácil moverlos.

grouped elementsgrouped elementsgrouped elements

Luego, vaya a Edición > Copiar, Edición > Pegar.

Paso 8

Mueva el árbol que pego a la derecha del primero y hágalo un poquito más alto sobre la página, haga doble-clic en el tronco para seleccionar la línea directamente, y estirelo hacia abajo hasta que se encuentre con el borde negro, tal y como lo hizo antes.

extend lineextend lineextend line

Paso 9

Repita el mismo paso para crear un tercer árbol y ubiquelo hacia la parte superior de la página, y a la derecha de los otros dos árboles. Extienda su tronco hacia abajo hasta que se encuentre con los bordes.

extend lineextend lineextend line

Paso 10

Seleccione tanto el árbol al extremo derecho como el árbol en medio y vaya a Edición > Copiar.

copied treescopied treescopied trees

Luego, Edición > Pegar, para crear un segundo par de árboles. Con el par pegado, aún seleccionados, Clic-Derecho (Windows) o Control-Clic (Mac OS) > Transformar > Voltear horizontal.

pasted trees to flippasted trees to flippasted trees to flip

Paso 11

Mueva los árboles en una posición espejo en el lado izquierdo de la portada.

flipped treesflipped treesflipped trees
trees on covertrees on covertrees on cover

Paso 12

Seleccione uno de los tres gráficos y Edición > Copiar.

Edición > Pegar, y reduzca el tamaño del gráfico, sujetando la tecla Shift. Ubiquelo en el centro de la página, el fondo del lomo. Ajuste la Anchura del Trazo del tronco para emparejarla con la del árbol reducido, y extienda la línea inferior hasta que quede en el fondo del borde del lomo.

tree on spinetree on spinetree on spine
layout previewlayout previewlayout preview

Paso 13

Diríjase hacia GraphicRiver y descargue este conjunto de siluetas de venados.

Abra el archivo EPS en Illustrator, separe la recreación del gráfico de venado que se muestra a continuación, y asegúrese que la imagen no tiene aplicado el trazo, solamente un relleno negro.

deer graphicdeer graphicdeer graphic

Seleccione la imagen y vaya a Edición > Copiar.

Paso 14

Vuelva a su cubierta en InDesign, y vaya a Edición > Pegar, para colocar la silueta del venado sobre la página.

pasted deerpasted deerpasted deer

Paso 15

Manteniendo presionada la tecla Shift, reduzca el tamaño del venado, hasta que tenga 20 mm en el Ancho. Ubiquelo en la portada del frente al lado derecho, más o menos en la posición que se muestra.

pasted deer reduced in sizepasted deer reduced in sizepasted deer reduced in size

Paso 16

Seleccione el venado y vaya a Edición > Copiar, Edición Pegar, y luego Clic-Derecho (Windows) o Control-Clic (Mac OS) > Transformar > Voltear horizontal, y pegue el venado.

pasted deer to flippasted deer to flippasted deer to flip

Paso 17

Coloquelo en la posición espejo en el lado izquierdo de la portada.

flipped deerflipped deerflipped deer
layout previewlayout previewlayout preview

4. ¡Hora del Texto!

El estilo de fuente clásica y más o menos parecida a libros van a ser perfectas en nuestra diseño de cubierta estilo vintage. Para este diseño, he usado Jacques Francois, la cual es una fuente que puede descargar gratuitamente, que tiene una apariencia encantadora y tradicional.

Descargue la fuente, luego instale la fuente y después regrese a su documento en InDesign.

Paso 1

Tome la Herramienta Texto (T) y arrastre sobre la portada hasta crear un marco de texto que se extiende a través del ancho de la portada. Ubiquelo al centro entre los árboles y los venados.

Teclee “Un (haga un corte de párrafo) Cuento (haga otro corte de párrafo) de Invierno”.

Ajuste la Fuente con Jacques Francois, Tamaño de Fuente con 43 pt., aumente el Interlineado hasta 59 pt., y ajuste la alineación al Centro.

Al igual que los demás elementos en el diseño, ajuste el Color de la Fuente con [Negro].

title formattedtitle formattedtitle formatted

Paso 2

Cree un segundo marco de texto más delgado usando la Herramienta de Texto (T) y ubiquelo al centro de la portada hasta la parte superior de la página.

Teclee “Nombre del Autor” y ajuste la Fuente con Jacques Fancois, Tamaño 20 pt., alineación al Centro, y aumente la Tracking (espacio entre todos los caracteres) hasta 40.

authors nameauthors nameauthors name

Paso 3

Seleccione el marco de texto “Autor” y Copiar y después Pegar.

Clic-Derecho (Windows) o Control-Clic (Mac OS) > Transformar > Rotar 90 grados a la derecha.

rotate on spinerotate on spinerotate on spine

Paso 4

Ubique el marco de texto al centro junto al lomo, hasta la parte superior de la página y reduzca el Tamaño de la Fuente hasta 14 pt., y quite el Tracking (reduzcalo a 0).

Asegúrese que el nombre del autor queda perfectamente al centro a través de la línea guía que está marcando el dentro del lomo.

authors name on spineauthors name on spineauthors name on spine

Paso 5

Copiar y Pegar el marco de texto del autor que está en el lomo, y ajuste el texto el marco de texto que pego para leer “Un Cuento de Invierno”.

Aumente el Tamaño de la Fuente hasta 20 pt., y ubique en la parte inferior del lomo, asegurándose que todavía el texto esta centrado perfectamente junto a la guía.

title on spinetitle on spinetitle on spine

Paso 6

Navegue sobre el lado izquierdo de la página (la contraportada) y seleccione la Herramienta Elipse (L) desde el panel Herramientas. Arrastrelo sobre la página, hasta crear un ovalo, de aproximadamente 105 mm en la Altura y 90 mm en la Anchura.

Ubique el ovalo al centro de la contraportada, usando la guía para ayudarlo a quedar perfectamente centrado.

ellipse toolellipse toolellipse tool

Paso 7

Seleccione la Herramienta de Texto (T) y haga clic una vez dentro del ovalo para transformarlo en un marco de texto.

Abra el panel Carácter (Ventana > Texto & Tablas > Carácter), y con su cursor de texto aún en el marco ovalo, ajuste la Fuente con Jea Francois, Tamaño 10.5 pt., Interlineado 14.5 pt., y la alineación al Centro

convert to text frameconvert to text frameconvert to text frame

Paso 8

Desactive la opción Separar, para ello tiene que ir al panel Controles de Formatos de párrafo, que está ubicado en la parte superior de la pantalla y desactive la casilla Separar.

Usted puede, ya sea; crear su propia propaganda para el texto, o llenar el marco de texto con texto falso (Texto > Llenar con texto falso).

blurb in text frameblurb in text frameblurb in text frame
layout previewlayout previewlayout preview

5. Enseñelo….

¡Solamente necesita un toque final para hacer esta cubierta que luzca extra invernal y extra especial!

Paso 1

Puede usar Adobe Illustrator para crear su propio efecto de nieve o puede descargar ésta ventisca de nieve predefinida desde GraphicRiver.

Abra el archivo EPS en Illustrator y separe una pequeña sección rectangular de la nieve, tal y como se muestra a continuación.

Vaya a Edición > Copiar. Copie una porción de nieve más pequeña y más fácil de manejar le dará un poco más de flexibilidad cuando lo pegue en InDesign.

snow graphicsnow graphicsnow graphic

Paso 2

Vuelva a su documento en InDesign, y vaya a Edición > Pegar, para pegar el gráfico de nieve sobre la página.

Arreglelo en el lado izquierdo de la portada. Haga doble-clic para seleccionar directamente cualquier bola de nieves que se pasen de la linea del borde, que éste suelta en medio de cualquiera de la tipografía o de los gráficos, y luego bórrelas para crear un diseño nítido.

pasted snowpasted snowpasted snow

Seleccione todas las bolas de nieve Copiar y Peguar, voltee la bolas de nieve que pego y póngalas en posición reflejo al lado derecho de la portada.

snow mirroredsnow mirroredsnow mirrored

Paso 3

Arrastre su mouse hasta seleccionar todos las bolas de nieve en la portada y Copiar, Peguar.

Ubiquelas en la contraportada y borre cualquier bola de nieve suelta que encuentre a través del texto propaganda.

blurb on backblurb on backblurb on back

¡Felicitaciones, su cubierta está terminada!

¡Magnífico trabajo! La ilustración para su cubierta está completa, y luce hermosa, muy mágica y clásica.

finished artworkfinished artworkfinished artwork

El trabajo que le queda por hacer es enviar su ilustración en InDesign a un bindery o una imprenta especialista ¡que haga su sueño de encuadernación realidad!

Muchas bindaries estarán felices de recibir archivos en InDesign preparados. Todo la ilustración destinada para peguarse está ajustada en la misma capa y será recreada en el mismo color, así que no necesita hacer algo complicado cuando prepare su trabajo. Puede ser útil dejar claro a la persona encargada de hacer la encuadernación que todo lo que va a ser estampado sea en un mismo color.

Puede cambiar el nombre de la capa que contiene la ilustración, para indicar está observación; acá he nombrado a la Capa 1, Estampado en Caliente.

layers panellayers panellayers panel

Asegúrese de ir a Archivo > Empaquetar, para agrupar su archivo InDesign antes de enviar su trabajo, ya que esto asegurará que sus fuentes están empacadas y quedan intactas cuando la persona encargada del estampado acceda a su ilustración.

Además, puede disfrutar hablar de las opciones de colores de tela y de las ideas para el estampado (¿quiere un acabado metálico, o un acabado mate, o un acabado de color brillante?). Ellos serán capaces de aconsejarle sobre las opciones de costo más efectivas.

final productfinal productfinal product

En este tutorial, ha aprendido como:

  • Preparar el diseño de una cubierta para una encuadernación rústica en InDesign, y dividió la composición en una portada y una contraportada y el lomo.
  • Importó siluetas gráficas desde Illustrator hasta InDesign, para añadir un toque decorativo a su diseño.
  • Ajustar tipografía clásica y elegante en InDesign para dar a su cubierta un auténtico impresión vintage.

Si quiere mostrar a su cliente como quedará el diseño de su nueva portada, quizá considera usar una maqueta de producto para cubierta de libros.