¡Cómo diseñar una portada de libro clásica con un toque moderno!

Lo que vas a crear

El rediseño de portadas para novelas clásicas y amadas es un gran negocio en la publicación. Un rediseño bien adaptado puede ayudar a un libro a llegar a nuevas audiencias en diferentes generaciones y datos demográficos. 

En este tutorial, nos sumergiremos en el mundo de las portadas clásicas y crearemos una portada rediseñada para Moby Dick Esto es moderno, elegante y sorprendentemente fácil de recrear en Adobe InDesign y Adobe Illustrator..

Este es un excelente tutorial para principiantes en InDesign que buscan aprender más sobre el diseño de portadas de libros y el diseño editorial.. 

Este tutorial le muestra cómo crear una portada de libro para imprimir, pero si está buscando una plantilla para ayudar a transformar la portada de su libro en una versión para eBook, descubra estas plantillas de publicación electrónica en Envato Market..

1. ¿Qué son las portadas de libros rediseñadas??

Antes de ahondar en diseñar nuestra portada para Moby Dick, tomemos un momento para considerar qué es una portada rediseñada y por qué los editores invierten dinero en rediseños de puesta en servicio.

Algunas novelas son clásicos de larga data y han sido las favoritas de todos durante siglos o décadas. Piensa en Jane Austen orgullo y prejuicio, De Emily Brontë cumbres borrascosas, De F. Scott Fitzgerald El gran Gatsby, o Harper Lee's Matar a un ruiseñor. Estas novelas se han ganado un lugar firme en los anales de la literatura, pero a veces las generaciones más jóvenes no se han encontrado con estas historias clásicas o tienen la percepción de que están congestionadas, obsoletas o son difíciles de leer..

Los editores introducen periódicamente portadas rediseñadas para novelas clásicas para inyectarles un nuevo potencial de marketing y atraer a un nuevo grupo demográfico de lectores.. 

En muchos sentidos, el rediseño de portadas para libros clásicos es uno de los procesos más interesantes, pero también más difíciles, que un diseñador de portadas encontrará en su carrera. Sus cubiertas deben hacer justicia al espíritu y los temas originales del libro, mientras que le dan un diseño que tiene un atractivo claramente moderno..

En este tutorial veremos cómo dar a Herman Melville. Moby Dick o "La ballena" Un cambio de imagen moderno. He tratado de recrear el estado de ánimo y el tema del libro, con una silueta del cachalote blanco de la historia.. 

Aprenderá cómo configurar una versión de bolsillo de la cubierta en Adobe InDesign y crea un efecto collage con la ayuda de Ilustrador Adobe. Traeremos también un poco de tipografía de estilo vintage, para darle a la portada un guiño apropiado del siglo XIX.. 

Este estilo de diseño se puede adaptar a todo tipo de cubiertas, solo cambie la silueta y la imagen interior, como en este diseño de cubierta para Guerra y paz.

¿Listo para rediseñar? ¡Genial! Vamonos…

2. Configure la plantilla de portada en Adobe InDesign

Paso 1

Abrir Adobe InDesign. 

Ir Archivo> Nuevo> Documento, y establecer la intención del documento para Impresión. Aumenta el Número de páginas a 2 y deseleccionar Páginas opuestas. Desde el Tamaño de página menú, elegir Personalizado.

Nombra el tamaño personalizado Libro de bolsillo, y establecer el Anchura a 132 mm y Altura a 197 mm. Hacer clic Añadir y entonces DE ACUERDO para volver a la Nuevo documento ventana.

Paso 2

Selecciona el Márgenes en todos los lados para 11 mm y el Sangrar a 5 mm. Hacer clic DE ACUERDO para crear el nuevo documento.

Trabajaremos en el diseño de portada en Página 1-Siempre es mucho más fácil trabajar en el diseño de la cubierta frontal solo al principio. Luego, un poco más tarde, expandiremos la página 2 del documento a la cubierta completa, completa con la columna vertebral y el reverso, con la ayuda de la herramienta de página..

Paso 3

Con los gobernantes visibles (Ver> Mostrar reglas) haga clic y arrastre una guía desde la regla de la izquierda y suéltela en Página 1 a Posición X 66 mm, que marca el punto central de la página.

3. Crear un telón de fondo en condiciones de navegar

Para recrear el oscuro y misterioso escenario oceánico de Moby Dick, Podemos darle a toda la portada un fondo verde mar. Agregar un gradiente a la muestra le dará a la cubierta un poco más de profundidad e interés.

Paso 1

Tomar el Herramienta Rectangular (M) y arrastre hacia Página 1, a través de toda la página, extendiéndose hasta los bordes del sangrado en los bordes superior, derecho e inferior de la página. En el borde izquierdo, solo extienda hasta el borde de la página, no hasta el sangrado.

Paso 2

Expandir o abrir el Muestras panel (Ventana> Color> Muestras). 

En el menú desplegable del panel, seleccione Nueva muestra de gradiente.

Nombra la muestra Gradiente verde y establecer el Tipo a Radial

Bajar a la Rampa de gradiente y haga clic en el tope izquierdo para poder editarlo. Escoger CMYK Para el Color de parada y establecer los niveles para C = 89 M = 49 Y = 62 K = 62.

Haga clic en la parada de la derecha y ajuste la Color de parada a Muestras. Escoger [Negro] de la lista de abajo. Hacer clic DE ACUERDO.

Paso 3

Aplica el Gradiente verde muestra al Color de relleno de la forma rectangular.

Esto aplicará un hermoso degradado sutil al fondo de nuestra portada.

4. Crea una silueta de ballena

Paso 1

Expandir o abrir el Capas panel (Ventana> Capas) y haga doble clic en el predeterminado Capa 1 nombre. Renombrar la capa como Color de fondo y haga clic DE ACUERDO

Haga clic en el Crear nueva capa botón en la parte inferior derecha de la Capas Panel para crear una nueva capa. Haga doble clic y cambie el nombre de la capa como Gráficos

Bloquea la capa inferior, Color de fondo, Al hacer clic en el espacio en blanco a la derecha del icono del ojo, junto al nombre de la capa en el panel.

Paso 2

Ahora estamos listos para comenzar a trabajar en nuestro gráfico de ballena.!

Archivo> Guardar como tu InDesign Documento, y minimizar InDesign. Abrir Ilustrador Adobe y crea un nuevo documento.

Para hacer nuestra ballena de estilo collage, primero debemos crear una silueta vectorial básica de la ballena, y luego, un poco más tarde, la rellenaremos con una imagen fotográfica..

Puedes dibujar la ballena manualmente usando la Herramienta Pluma (P) en Ilustrador, utilizando fotos de ballenas como guía, o puede descargar una imagen vectorial de un cachalote listo para usar.

Si elige este último, tendrá que eliminar el color del trazo de la ballena de esperma, deshacerse de cualquier detalle y crear una silueta muy simple llena de negro de la forma de la ballena, como en el siguiente ejemplo..

Paso 3

Asegúrate de que la silueta de tu ballena solo tenga un relleno negro simple y que no tenga un color de trazo, selecciónalo y luego sube a Editar> Copiar en ilustrador.

Volver a su InDesign documento y Editar> Pegar la ballena en Página 1 de su documento. Sostener Cambio Para ajustar la escala del vector pegado. Expanda la ballena para que su cabeza llene el centro de la página, como se muestra a continuación, y para que el cuerpo se extienda más allá del borde izquierdo de la página y más allá del borde de la mesa de trabajo si es necesario. Queremos que la ballena se extienda por toda la cubierta, incluida la espina y el reverso de la cubierta..

Desde el Muestras panel (Ventana> Color> Muestras), selecciona el Color de relleno del vector a [Ninguna] para deshacerse de larelleno negro.

Etapa 4

Dirígete a Envato Market y elige una foto de una ola rompiendo o una espuma de mar. Descarga la imagen y vuelve a tu documento de InDesign..

Con el vector de ballena seleccionado, vaya a Archivo> Lugar y elige la imagen de la espuma del mar. Hacer clic Abierto.

Haga clic en el Rellenar marco proporcionalmente Botón en el panel de control superior para ajustar el tamaño de la imagen al marco. Haga doble clic dentro de la ballena para ajustar manualmente la escala de la imagen, manteniendo Cambio mientras lo haces, asegúrate de que estás contento con el efecto. Asegúrate de que la imagen se extienda por toda la ballena, hasta el borde de la cola..

Paso 5

Seleccione la ballena y Editar> Copiar, Editar> Pegar. Sujetar Cambio y reduce el tamaño de la ballena hasta que esté apenas a la altura del ancho de la página. Editar> Copiar esta ballena más pequeña, para que guardes una copia en tu portapapeles.

Pulse la tecla Control (Mac) o la tecla derecha (Windows)> Transformar> Girar horizontalmente. Coloque esta ballena más pequeña en la parte superior de la página, y permita que cruce sobre el borde superior, para que no se vea perfectamente colocada. También puedes girarlo un poco, para que no se vea tan recto.

Ir Editar> Pegar Pegar de nuevo una copia de la ballena más pequeña. Colóquelo en la parte inferior izquierda de la página, permitiendo que la cola aparezca en la página, como se muestra a continuación..

5. Añadir tipografía vintage

Paso 1

Volver a la Capas Panel y crear una nueva capa. Renombralo Tipografía.

Bloquear la Gráficos capa y haga clic en el Tipografía capa para activarlo.

Descargue e instale estas dos fuentes (¡gratis!):

  • Leander
  • Oranienbaum

También necesitarás Bodoni std, pero esto ya debería estar instalado en su lista de fuentes de InDesign. Si no lo es, una gran alternativa gratuita es BodoniXT..

Paso 2

Volver a la Muestras panel y haga clic en el Nuevo swatch botón en la esquina inferior derecha del panel.

Haga doble clic en la nueva muestra para abrir el Opciones de Swatch ventana. Renombra la muestra como menta, y establecer el Tipo de color a Proceso y Modo de color a CMYK. Establecer los niveles a C = 54 M = 9 Y = 35 K = 0.

Hacer clic DE ACUERDO para agregar la muestra revisada a la Muestras panel.

Paso 3

Selecciona el Tipo de herramienta (T) y arrastre hacia la parte superior izquierda de Página 1 para crear un marco de texto. Descanse el borde izquierdo del marco contra el margen izquierdo..

Tipo 'Moby Dick' y, desde cualquiera de los Controles de formato de caracteres panel que corre a lo largo de la parte superior del área de trabajo o Personaje panel (Ventana> Tipo y tablas> Carácter), selecciona el Fuente a Oranienbaum, tamaño 55 pt. Reducir el Rastreo (espacio entre todas las letras) para -20, y establezca el texto en mayúsculas haciendo clic en el Todas las gorras botón en el Controles panel.

Ajustar el Color de fuente a menta.

Etapa 4

Volver a la Muestras Panel y crea otra nueva muestra CMYK, esta vez con los valores C = 10 M = 0 Y = 13 K = 0. Renombra la muestra como Menta pálida.

Desplácese por la página y haga zoom en el borde derecho, justo donde debería estar la boca de la ballena. Crea un nuevo marco de texto más pequeño y escribe 'o'. 

Selecciona el Fuente a Bodoni Std, Italic, Tamaño 22 pt, y aumentar la Rastreo a 50. Desde el Controles de formato de párrafo panel en la parte superior del área de trabajo, ajuste el texto a Alinear a la derecha. 

Selecciona el Color de fuente a Menta pálida.

Paso 5

Crea otra nueva muestra, esta vez llamada Lima pálida, y con los valores C = 9 M = 4 Y = 21 K = 0.

Cree un nuevo marco de texto y colóquelo debajo de 'o' Marco de texto, al lado derecho de la página. Escribir '"La ballena"' y establecer el Fuente a Oranienbaum, Tamaño 40 pt, seguimiento -20 y Todas las gorras. Establezca el texto en Alinear a la derecha.

Extraer 'La ballena' en el menta Swatch, y los apóstrofes en el Lima pálida muestra de tela.

Paso 6

Cree un nuevo cuadro de texto final y colóquelo en la esquina inferior izquierda de la página, apoyado en los márgenes..

Escribir 'Herman Melville' y establecer el Fuente a Leander, talla 20 pt, seguimiento 70, y Color de fuente a Lima pálida.

¡Y ahí lo tenemos! El diseño de la cubierta frontal está completo y se ve muy bien.!

En la parte final del tutorial, veremos cómo podemos expandir el diseño en una cubierta completa, con cubierta de lomo y reverso. Sigue leyendo para descubrir cómo ...

6. Expanda su diseño en una cubierta completa

Paso 1

Desbloquea todas las capas en el Capas panel, y luego arrastre a través Página 1 para seleccionar todo en la página. Editar> Copiar, y desplácese hacia abajo para Página 2 de su documento.

Editar> Pegar en lugar Para hacer una copia de la portada en la página.. 

Ahora necesitamos calcular el ancho de la longitud total de la cubierta. Esto dependerá del ancho de la columna vertebral, que a su vez dependerá del número de páginas dentro del libro. Puede encontrar las calculadoras en línea para calcular el ancho de una columna vertebral según el número de página y el peso del papel (gsm), como la calculadora de impresión bajo demanda.

Usando esto, he resuelto que para acomodar 1,456 páginas (la longitud de Moby Dick-Sí, ¡es largo!) impreso en papel de 80 g / m² con desplazamiento blanco, necesitaremos una 73.7 mm ancho de la columna vertebral.

La ecuación para el ancho completo de la cubierta es la siguiente:

Ancho de la cubierta frontal (x) + Ancho de la columna vertebral (y) + Ancho de la cubierta posterior (x) = Ancho total (x + x + y)

Entonces, para nuestra Moby Dick cubierta va a ser ...

132 mm + 73.7 mm + 132 mm = 337.7 mm de ancho total

Paso 2

Selecciona el Herramienta de página (Mayús + P) y, presionando Opción (Windows) o Alt (Mac), arrastre el borde izquierdo de la página hacia la izquierda, aumentando el ancho de la página al máximo 337.7 mm. Cuando sueltes, el ancho de la página se mantendrá en su nuevo ancho.. 

Si está luchando por obtener el ancho exactamente a la derecha mientras arrastra, simplemente escriba el ancho correcto en el cuadro en la esquina superior izquierda del área de trabajo.

Paso 3

Desde la regla de la izquierda, saque una guía para Posición X 137 mm, para marcar el borde izquierdo de la columna vertebral. 

Saque una segunda guía para 168.85 mm, que marca el punto central de la columna vertebral.

Saque una tercera guía para 68.5 mm, para marcar el centro de la contraportada.

Finalmente, saque una guía para 121 mm, que marca el margen derecho de la contraportada.

Etapa 4

Volver a la Capas panel y bloquear todas las capas excepto el Color de fondo capa.

Desde el Muestras panel, haga clic en el Gradiente verde swatch para seleccionarlo, y luego haga clic en el Nuevo swatch botón para duplicarlo.

Haga doble clic en la muestra duplicada para abrir el Opciones de Swatch ventana.

Renombrar la muestra Espina de degradado verde. Mantenga todo como está, y simplemente mueva la parada de la derecha en la Rampa de gradiente a la izquierda, hasta llegar a unos 54%. Hacer clic DE ACUERDO para guardar tus ediciones. 

Utilizar el Herramienta Rectangular (M) para crear una forma que se extienda a través de la columna vertebral, y hasta el sangrado en la parte superior e inferior (73.7 mm en Anchura). Selecciona el Color de relleno a Espina verde gradiente. El gradiente en esto es un poco más estrecho, por lo que el tono más claro no se extenderá demasiado lejos de la parte central de la columna vertebral.

Crea una segunda forma usando la Herramienta Rectangular (M), extendiéndolo sobre toda la cubierta posterior, hasta el borde izquierdo de la columna vertebral, y hasta el sangrado en los bordes superior, izquierdo e inferior de la página. Selecciona el Llenar a Gradiente verde.

Paso 5

Volver a la Capas panel y bloquear el Color de fondo capa. Desbloquea la siguiente capa, Gráficos

Dupdo y Pegar Una de las gráficas de ballenas más pequeñas un par de veces y se vuelve creativa al colocarlas en la contraportada y la columna vertebral. Gírelos, simplemente mostrando un toque de cola en la columna vertebral, o permítales cruzar sobre la mesa de trabajo para dar la impresión de una vaina llena de cachalotes..

Paso 6

Bloquear la Gráficos capa y desbloquear la capa superior, Tipografía.

Acércate al lomo y crea unas pocas filas de marcos de texto con la tecla Tipo de herramienta (T). Escriba el título, permitiendo un marco de texto para cada línea del título, e imite el formato de tipografía utilizado en la portada, pero en un tamaño menor. Tamaño de fuente. Poner todo el texto a Alinear al centro y asegúrese de que los marcos estén perfectamente centrados a lo largo de la guía central. 

Agregue una publicidad en la contraportada, configurando el texto en dos marcos de texto, limpiando el texto a la derecha y el otro a la izquierda. Selecciona el Fuente a Oranienbaum, Tamaño 12 pt, Líder 16 pt. Utilice los colores de muestra que creamos anteriormente para agregar un toque de color a la tipografía..

7. Exporte su cubierta terminada

Felicidades-la obra de arte para su Moby Dick cubierta está terminada. Trabajo fantastico!

Todo lo que queda por hacer ahora es exportarlo listo para imprimir.. 

Por supuesto, también puede exportar la página 1 de su documento como una cubierta de libro electrónico (verifique los requisitos de formato de archivo de la tienda de libros electrónicos antes de subirlo), pero aquí lo guiaré a través de los pasos para exportar esto como listo para imprimir. Archivo, que es adecuado para enviar a una impresora de libros profesional.

Paso 1

Ir Archivo> Exportar. Escoger Adobe PDF (Imprimir) desde el Formato Menú desplegable. Hacer clic Salvar.

En el Exportar Adobe PDF ventana, elegir [Calidad de Prensa] desde el Adobe PDF Preset menú desplegable, y ajustar el rango de páginas desde Todos a Rango: 2, sólo para exportar su cubierta completa.

Desde el menú de la izquierda en la ventana, haga clic en Marcas y hemorragias. Comprobar Todas las marcas de la impresora Y debajo Bleed and Slug, Use las configuraciones de Bleed de documentos. 

Hacer clic Exportar para crear su cubierta lista para imprimir.

Increíble!

Conclusión

En este tutorial, ha aprendido cómo darle a un libro clásico un cambio de imagen moderno y configurar la portada completa en Adobe InDesign. 

Muchas de las habilidades que ha adquirido aquí lo ayudarán a abordar otros proyectos de diseño de publicaciones. Tu puedes ahora:

  • Configurar una plantilla de portada de libro de bolsillo en Adobe InDesign
  • Crear muestras de degradado Para crear un telón de fondo con profundidad.
  • Crear gráficos vectoriales silueteados en Adobe Illustrator y adáptelos en InDesign para crear un efecto de collage
  • Trabaja con fuertes ideas temáticas para portadas de libros., y representarlos de una manera moderna y de alto impacto en un diseño de portada
  • Introducir tipografía de género apropiada. y crea una paleta de colores sofisticada para aplicar al tipo
  • Extender una cubierta frontal en una cubierta completa, Incluyendo la columna vertebral y el reverso, y calcule los anchos de cobertura con precisión
  • Desarrollar un diseño en toda la portada., continuando el tema que creaste en el frente
  • Exporta tu portada de libro listo para imprimir, PDF de calidad de impresión

¡Buen trabajo! Siéntase libre de compartir sus portadas rediseñadas en los comentarios a continuación. Si está buscando una plantilla que le ayude a transformar la portada de su libro en una versión para libros electrónicos, consulte la gama de plantillas de publicación electrónica en Envato Market..