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

Diseña una cubierta de libro sobre crimen y suspenso en Adobe InDesign

Scroll to top
Read Time: 17 mins
This post is part of a series called Book Templates .
How to Create a Historical Fiction Book Cover in Adobe InDesign
How to Create a Mock Haynes Manual Cover in Adobe InDesign
This post is part of a series called How to Create a Book Cover.
Create a Beautiful Book Cover in InDesign Using a Busy Photo Background
How to Create a Historical Fiction Book Cover in Adobe InDesign

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

Entra en cualquier librería y notarás que cada género de ficción tiene su propio 'estilo' general para diseños de cubierta. Aunque cada cubierta es diferente, los elementos en ella crean una suerte de código que permite el lector darse una idea de lo que trata el libro.

En este tutorial aprenderás cómo diseñar una cubierta de libro para el género de ficción crimen/suspenso y exploraremos cómo puedes crear un diseño apropiado para el género usando tipografías, herramientas y consejos cuando utilices Adobe InDesign. ¡Creemos un cubierta de la que estaría orgulloso Stephen King!

1. Configura el diseño de tu portada en InDesign

En este tutorial, crearemos una cubierta para un libro con pasta delgada, con dimensiones de formato-B (5.06 x 7.81 pulgadas [130 x 198 mm]) y un lomo de 16 mm.

Nota: Puedes ajustar la anchura del lomo para adecuarla a tus propósitos usando la herramienta Página para modificar la anchura del documento posteriormente.

Paso 1

Abre InDesign y selecciona Nuevo documento de la ventana de Bienvenida o aplica Archivo > Nuevo > Documento.

En la ventana de Nuevo documento, establece la Calidad en Imprimir y el Número de páginas en 1 y desmarca Páginas opuestas. Desde el menú desplegable de Tamaño de página selecciona Personalizado...para abrir la ventana Tamaño de página personalizado.

Establece la Anchura en 130 mm y la Altura en 198 mm. Escribe 'B-Format Paperback' en el cuadro de texto Nombre y haz clic en Añadir y luego en OK.

custom page sizecustom page sizecustom page size

Paso 2

De vuelta en la ventana de Nuevo documento, establece los Márgenes en 8 mm para todos los lados y el Sangrado en 3 mm también para todos los lados. Haz clic en OK.

new documentnew documentnew document

Esta página tiene el tamaño correcto únicamente para la parte frontal de tu cubierta. Aunque vamos a querer enviar toda la cubierta al impresor, completa con lomo y la parte posterior, es realmente una buena idea diseñar primero únicamente la parte frontal. Esto te permite evaluar mejor cómo lucirá la cubierta desde la perspectiva del lector, cuando el libro se exhiba en la librería.

Usaremos la herramienta Página posteriormente en el tutorial para incluir el lomo y la parte posterior en el documento. Pero por ahora, trabajemos solo en la parte frontal.

page 1page 1page 1

Desde la Regla que aparece a la izquierda, arrastra una guía vertical a 65 mm. Esto marca el punto central de la parte frontal, que es útil para cuando empiezas a colocar los elementos en la página.

2. Crea un fondo helado

Paso 1

Abre el panel Capas (Ventana > Capas) y haz doble clic en la capa predeterminada Capa 1 para abrir la ventana Opciones de capa. Renombra la capa como Image y haz clic en OK.

Selecciona la herramienta Marco rectangular (F) y arrastra para crear un marco de imagen de 58 mm de Anchura que se extienda por toda la página, llegando al borde del Sangrado en los lados Superior, Inferior y Derecho, con el borde izquierdo del marco ubicándose poco después del punto central de la página, como se muestra a continuación.

Aplica Archivo > Colocar y selecciona una imagen adecuada para el fondo de tu cubierta. Quería elegir algo que funcionara bien como un papel tapiz en el fondo de la página, sin características significativas o personas en él y también que tuviera una sensación de amenaza o claustrofobia. Esta imagen de un conjunto de árboles sin hojas cubiertos de nieve es perfecta.

stock image icy scenestock image icy scenestock image icy scene

Haz clic en Abrir. Organiza la foto en el marco usando el ícono de Llenar marco proporcionalmente en el panel de control superior.

fill frame proportionallyfill frame proportionallyfill frame proportionally

Con el marco seleccionado, ve a Objeto > Efectos > Desvanecimiento de degradado. Mantén el Tipo como Lineal y establece el Ángulo en 180 grados. Manipula las Etapas de degradado como se muestra a continuación.

gradientgradientgradient
gradient applied to imagegradient applied to imagegradient applied to image

Paso 2

Selecciona el marco de imagen y da clic derecho (Windows) o Control-clic (Mac OS) > Transformar > Voltear horizontal. Coloca este segundo marco en el lado izquierdo de la página, reflejando el primer marco de imagen.

mirrored imagesmirrored imagesmirrored images

Toma el borde izquierdo del nuevo marco y arrastra para que llegue al borde de Recorte de la página. No necesitarás un Sangrado en este lado de la página, pues aquí es donde quedará el borde del lomo.

bleedbleedbleed

Paso 3

Aunque ya tengamos aplicado un efecto de degradado a las imágenes, cualquier tipografía que apliquemos a la cubierta es muy probable que se pierda entre el alto contraste de las ramas oscuras y la blancura de la nieve.

Regresa al panel Capas y Bloquea la capa Image. Haz clic en el ícono Crear nueva capa en la parte inferior derecha del panel. Haz doble clic en el nombre predeterminado de la capa y renómbrala Front Covert Arwork. Haz clic en OK.

layer optionslayer optionslayer options

Selecciona la herramienta Elipse (L) y manteniendo pulsada la tecla Mayúsculas, arrastra para crear un círculo perfecto de 113 mm de diámetro. Colócalo en el centro de la página usando la Guía como referencia en la posición Y 42 mm.

Establece el Color del trazo en [Ninguno] y el Color del relleno en [Papel].

white circlewhite circlewhite circle

Paso 4

Con la forma del círculo seleccionada, ve a Objeto > Efectos > Desvanecimiento de degradado, como lo hicimos anteriormente. Esta vez, establece el Tipo en Radial y mueve las Etapas de degradado en la posición como se muestra abajo, para que el degradado parezca muy suave.

gradient radialgradient radialgradient radial
soft gradientsoft gradientsoft gradient

Paso 5

Selecciona la forma del círculo y aplica Edición > Copiar, Edición > Pegar. Mantén presionada la tecla Mayúsculas para redimensionar el círculo o edita las medidas desde el panel de control superior, redimensionando el círculo a 44 mm de diámetro.

Coloca esta segunda forma en la esquina superior derecha de la página, como se muestra enseguida. Vamos a estructurar en capas un lema sobre esta más adelante.

soft white lightsoft white lightsoft white light

3. Incorpora una tipografía espeluznante

Paso 1

Dirígete al panel Capas y Bloquea la capa Front Cover Artwork. Selecciona el ícono Crear nueva capa y renombra la capa Typography.

layer optionslayer optionslayer options

Paso 2

Queremos introducir tres partes en el texto de la portada: el título, el nombre del autor y un lema. Trabajemos en el primer título.

Primero, seleccionemos una tipografía que funcione bien en nuestra cubierta de Suspenso invernal. Busca algo que luzca dramático cuando aparezca en Mayúsculas, una sin serifa contundente llamará la atención del lector. He elegido Futura Std.

Selecciona la herramienta Texto (T) y arrastra para crear un pequeño marco de texto de 25 mm de Anchura y 12 mm de Altura. Escribe 'The', establece la Fuente en Futura Std, Book (Regular), Tamaño 40 pt, Tracking en -60 y el texto en Todo en mayúsculas. Coloca el marco en la parte superior izquierda del círculo blanco central, en la posición Y 60 mm, como se muestra a continuación.

Abre el panel Muestras (Ventana > Color > Muestras) y haz clic en el ícono de Nueva muestra en la parte inferior derecha del panel. Crea una nueva muestra CMYK, estableciendo los porcentajes en los siguientes valores: C=19 M=98 Y=89 K=10. Haz clic en OK. Establece el texto en esta nueva muestra roja.

swatch optionsswatch optionsswatch options
typographytypographytypography

Paso 3

Crea un segundo marco de texto más grande usando la herramienta Texto (T), de 100 mm de Anchura y 26 mm de Altura. Escribe 'Winter', establece la Fuente en Futura Std, Book (Regular), Tamaño 86 pt, Tracking en -80 y establece el texto en Todo en mayúsculas.

Futura StdFutura StdFutura Std

Con el texto resaltado, ve a Texto > Crear contornos. Altera el Color del relleno del texto ahora contorneado en [Ninguno] desde el panel superior de control o desde el panel Muestras.

Create outlinesCreate outlinesCreate outlines

Deselecciona el texto y el marco que lo contiene. Ahora aplica Archivo > Colocar y selecciona una imagen adecuada para rellenar el texto. Aquí, he utilizado una imagen de calaveras y huesos, que luego edité en Photoshop usando el ajuste de Mezclador de canales, haciendo las sombras de la imagen mucho más oscuras.

Haz clic en Abrir, antes de hacer clic una vez en el texto contorneado para rellenar la palabra 'Winter' con la imagen de las calaveras.

fill text with imagefill text with imagefill text with image

Podrías necesitar hacer doble clic en el texto para seleccionar directamente la imagen y dar clic derecho (Windows) o Control-clic (Mac OS) > Transformar > Rotar, para obtener la imagen orientada correctamente en el texto.

Manipula 'Winter' en la portada, colocándolo justo debajo del primer marco de texto, como se muestra enseguida.

text effecttext effecttext effect

Paso 4

Crea un tercer marco de imagen usando la herramienta Texto (T), de 100 mm de Anchura y 35 mm de Altura. Escribe 'Killer' en el marco y establece la Fuente en Futura Std, Book (Regular), Tamaño 115 pt, Tracking en -40 y establece el texto en Todo en Mayúsculas. Establece el Color de fuente en C=19 M=98 Y=89 K=10.

Coloca el marco justo debajo del marco de texto 'Winter', como se muestra a continuación.

typographytypographytypography

Como toque final, selecciona este marco de texto y aplica Objeto > Efectos > Sombra paralela. Introduce una sombra paralela muy sutil al texto 'Killer' estableciendo el Modo en Normal, Opacidad en 25% y en Opciones, el Tamaño en 3 mm. Haz clic en OK.

drop shadowdrop shadowdrop shadow

Paso 5

Selecciona el marco de texto 'Killer' que acabas de crear y aplica Edición > Copiar y Edición > Pegar. Ajusta el Grosor de la fuente en Light Condensed, el Tamaño en 70 pt, el Tracking en 90, Centrar y Color de la fuente en [Papel].

Ajusta el texto a 'Jim Bleak (Nombre del autor)'. Coloca el marco hacia la parte inferior de la página en la posición Y 167 mm. Puedes ir a Objeto > Efectos > Sombra paralela como antes e incrementa la Opacidad de la sombra en 65% y el Tamaño en 5 mm.

drop shadow on textdrop shadow on textdrop shadow on text

Paso 6

Finalmente, crea un lema para la portada seleccionando la herramienta Texto (T) y creando un marco de texto de 20 mm de Anchura y 17 mm de Altura. Colócalo en la esquina superior derecha de la página, como se muestra enseguida.

Escribe 'An isolated cabin in the woods. (salto de párrafo) A family seeking reclusion. (salto de párrafo) A killer on the loose.' y establece el texto en Alinear a la derecha.

Establece la Fuente en Futura Std, Book (Regular), Tamaño 15 pt e Interlineado en 18 pt. Resalta las dos primeras líneas del texto y establece el Color de la fuente en [Negro]. Establece el Color de la fuente de la línea final en C=19 M=98 Y=89 K=10, para darle un énfasis visual.

taglinetaglinetagline

El frente de tu cubierta está completo, ¡y luce magnífico!

final front coverfinal front coverfinal front cover

Ahora es momento de realizar cualquier ajuste menor en el diseño, hasta que estés satisfecho con el resultado. Una vez que lo tengas, puedes comenzar a estructurar el resto de la cubierta...

4. Expande tu cubierta

Paso 1

Podría ser una buena idea duplicar la Página 1 de tu documento para mantener una copia solo del frente.

Para hacer esto ve al panel Páginas (Ventana > Páginas) y haz clic y arrastra el ícono de Página 1 hacia la parte inferior del panel, soltándolo en el ícono de Crear nueva página para hacer una copia de la página.

Haz doble clic en la Página 2 del documento para llevarla a la pantalla. Selecciona la herramienta Página (Mayúsculas-P) desde el panel Herramientas y haz clic una vez en la Página 2 del documento para seleccionarlo. Ahora, dirígete al lado izquierdo del panel de control superior y ajusta la Anchura de la página a 276 mm. Esto permitirá tener la parte posterior de la cubierta de la misma anchura de la parte frontal (130 mm) además de un lomo de 16 mm de anchura.

Page ToolPage ToolPage Tool

Desbloquea todas las capas en el panel Capas. Arrastra tu mouse por la página para seleccionar todos los elementos. Llévalos hacia la derecha hasta que los marcos de imágenes lleguen al borde del sangrado derecho.

edited page sizeedited page sizeedited page size

Paso 2

Desde la Regla izquierda, traza una Guía vertical a 130 mm, para marcar el borde izquierdo del lomo. Jala una segunda Guía a 65 mm, marcando el punto central de la parte posterior de la cubierta.

También puedes jalar Guías a 138 mm y 122 mm, para marcar el punto central del lomo y el margen derecho de la parte posterior de la cubierta.

guidesguidesguides

5. Diseña el lomo

Nota: En este tutorial, crearemos un lomo con un color contrastante con el resto de la cubierta. Por lo tanto, es muy importante que las dimensiones del lomo en la ilustración coincidan exactamente con el lomo impreso y encuadernado. Cuando creas tu propia ilustración para imprimirla, asegúrate de preguntar a tu impresor la anchura exacta para tu lomo antes de crearla.

Paso 1

Regresa al panel Capas y Bloquea todas las capas existentes. Crea una nueva capa, renombrándola como Spine Artwork. Mueve esta capa para que se ubique debajo de la capa Typography y arriba de la capa Front Cover Artwork.

layer optionslayer optionslayer options

Selecciona la herramienta Rectángulo (M) y arrastra para crear un marco de 16 mm de Anchura que se ubique entre las Guías que marcan los bordes del lomo. Extiende la Longitud del marco para que llegue hasta los sangrados superior e inferior.

Establece el Color del trazo en [Ninguno] y el Color del relleno en C=19 M=98 Y=89 K=10.

spine colorspine colorspine color

Paso 2

Selecciona la herramienta Marco rectangular (F) y arrastra para crear un marco de imagen de 16 mm de Anchura, como antes y 58 mm de Altura. Coloca el marco en la parte inferior del lomo, descansando el borde inferior en el borde del sangrado.

Aplica Archivo > Colocar y selecciona la imagen de las calaveras que usamos previamente para la parte frontal de la cubierta. Haz clic en Abrir y haz clic en el ícono Llenar Marco proporcionalmente en el panel de control superior.

Con el marco de imagen seleccionado, ve a Objeto > Efectos > Desvanecimiento de degradado. Establece el Tipo en Lineal y el Ángulo en 90 grados. Mueve las Etapas del degradado en la posición que se muestra a continuación. Haz clic en OK.

gradient feathergradient feathergradient feather
skulls on spineskulls on spineskulls on spine

Selecciona el marco de imagen y aplica Edición > Copia, Edición > Pegar, antes de reducir la Longitud del marco a 25 mm y colocarlo en la parte superior del lomo. Ve a Objeto > Efectos > Desvanecimiento de degradado como antes y cambia el Ángulo del degradado a -90 grados para que la imagen se desvanezca hacia abajo.

skulls on spineskulls on spineskulls on spine

Paso 3

En el panel Capas, Bloquea la capa Spine Artwork y Desbloquea la capa Typography. Selecciona la herramienta Texto (T) y arrastra para crear un marco de texto de 8 mm de Altura y 37 mm de Anchura.

Escribe 'Jim Bleak (Nombre del autor)' y establece la Fuente en Futura Std, Medium Condensed, Tamaño 25 pt, Tracking en 90, Todo en mayúsculas y el Color de la fuente en [Papel]. Selecciona el marco de texto y haz clic derecho (Windows) o Control-clic (Mac OS) > Transformar > Rotar 90 grados a la derecha. Coloca el marco de texto centrado en el lomo, hacia la parte superior, justo debajo de la imagen superior de las calaveras.

text on spinetext on spinetext on spine

Selecciona el marco de texto y aplica Edición > Copiar, Edición > Pegar. Modifica el texto a 'The Winter Killer', el Grosor de la fuente en Light y el Tracking en 0. Podrías necesitar extender la Longitud del marco de texto para acomodar el texto. Coloca el marco centrado en el lomo, justo debajo del nombre del autor.

text on spinetext on spinetext on spine
final spine designfinal spine designfinal spine design

6. Crea la parte posterior de la cubierta

Tu cubierta comienza a lucir más completa. Ahora, todo lo que queda por hacer es armar el diseño para la parte posterior.

Paso 1

Regresa al panel Capas y Bloquea la capa Typography. Desbloquea la capa Image. Selecciona la herramienta Marco rectangular (F) y arrastra para crear un marco de 133 mm de Anchura y 102 mm de Altura. Coloca el marco para que cubra la mitad superior de la parte posterior de la cubierta, llegando a los bordes del sangrado superior e izquierdo.

Aplica Archivo > Colocar y selecciona la imagen de los árboles en invierno que usamos previamente para la portada. Coloca la imagen proporcionalmente en el marco.

Aplica Objeto > Efectos > Desvanecimiento de degradado. Establece el Tipo en Lineal y el Ángulo en -90 grados. Mueve las Etapas de degradado en la posición que se muestra a continuación. Haz clic en OK.

gradientgradientgradient

Selecciona el marco de imagen y haz clic derecho (Windows) o Control-clic (Mac OS) > Transformar > Voltear vertical. Mueve este segundo marco de imagen a la parte inferior de la parte posterior de la cubierta, permitiendo que el borde superior llegue al borde inferior del primer marco de imagen.

gradient on imagesgradient on imagesgradient on images

Paso 2

En el panel Capas, Bloquea la capa Image. Crea una nueva capa, nombrándola Back Cover Artwork. Colócala debajo de la capa Typography y arriba de la capa Spine Artwork.

layer optionslayer optionslayer options

Paso 3

Continuando en la capa Back Cover Artwork, selecciona la herramienta Elipse (L) y manteniendo presionada la tecla Mayúsculas, arrastra para crear un círculo perfecto de 133 mm de diámetro. Establece el Color del trazo en [Ninguno] y el Color del relleno en [Papel].

Con la forma seleccionada, ve a Objeto > Efectos > Desvanecimiento de degradado. Establece el Tipo en Radial y mueve las Etapas de degradado en la posición que se muestra enseguida. Haz clic en OK.

gradient effectgradient effectgradient effect

Centra la forma del círculo en la parte posterior de la cubierta, descansando el borde izquierdo contra el margen izquierdo y el borde derecho contra la Guía de 122 mm.

soft lightsoft lightsoft light

Paso 4

Necesitarás colocar un código de barras en la página si tienes intención de vender el libro en tiendas.

Crea un marco blanco usando la herramienta Marco rectangular (F) y aplica Archivo > Colocar a una imagen de código de barras generada. Asegúrate de que la imagen sea lo suficientemente grande para ser escaneada con facilidad y no recortes el código muy cerca de los bordes en caso de que cualquiera de los datos del código sea ilegible.

También he creado un segundo marco justo debajo del código de barras, establece el color en C=19 M=98 Y=89 K=10. Este es un lugar adecuado para insertar el precio para el libro usando la herramienta Texto (T).

barcodebarcodebarcode

Paso 5

Bloquea la capa Back Cover Artwork y Desbloquea la capa Typography.

Selecciona la herramienta Elilpse (L) y manteniendo presionada la tecla Mayúsculas, arrastra para crear un círculo de 88 mm de diámetro. Establece el Color del Trazo y el Color de relleno en [Ninguno], y coloca el círculo centrado en la contraportada, justo sobre el círculo blanco.

Selecciona la herramienta Texto (T) y haz clic una vez dentro del círculo para transformarlo en un marco de texto. Escribe la propaganda del libro, estableciendo la Fuente en Futura Std, Medium, Tamaño 12 pt, Interlineado 14.4 pt (Auto), Alineación central y Color de fuente en [Negro]. Puedes resaltar las primeras líneas de la propaganda y hacerlas un poco más grandes, en unos 13 pt y establece la primera línea en Negrita y una muestra roja (C=19 M=98 Y=89 K=10).

back cover blurbback cover blurbback cover blurb

7. Exporta tu cubierta de libro para impresión

¡Magnífico trabajo, tu ilustración está completa y luce fantástica!

Ahora todo lo que queda por hacer es exportar la ilustración en PDF, lista para impresión.

Paso 1

Ve a Archivo > Exportar... para abrir la ventana Exportar. Selecciona Adobe PDF (Imprimir) del menú desplegable Formato. Nombra el archivo y haz clic en Guardar.

En la ventana Exportar Adobe PDF selecciona Calidad de prensa del menú desplegable Valor de Adobe PDF. En la sección Páginas, en Rango, escribe 2 si has mantenido una copia de solo la portada en la Página 1.

export PDF for printexport PDF for printexport PDF for print

Paso 2

En la sección Marcas y sangrados, haz clic para seleccionar Todas las marcas de impresora en el menú Marcas y haz clic  para seleccionar Utilizar configuración de sangrado del documento en el menú Sangrado e indicaciones. Haz clic en Exportar.

export to PDFexport to PDFexport to PDF
final PDFfinal PDFfinal PDF

¡Bien hecho! Ahora tienes lista tu cubierta de libro para enviar a la imprenta. Puedes elegir imprimir tu cubierta en papel con o sin recubrimiento, ambos tienen su sensación y aspecto único. Habla con tu impresor antes de enviar la ilustración a impresión para recibir muestras y/o su consejo sobre el tipo de papel y el grosor.

En este tutorial, hemos aprendido cómo crear una cautivadora cubierta de libro que está a la altura de su género de crimen cometido en el invierno. Las características del diseño para este género incluyen un fondo fotográfico desolado y un texto sin serifa de alto impacto renderizado en color rojo y monocromático. El buen uso de degradados brindan a la cubierta un sentido de misterio y una apariencia de tormenta con rasgos de la temporada invernal.

final productfinal productfinal product
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
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.