Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Book Cover
Design

¡Cómo Diseñar una Portada Clásica para un Libro con un Toque Moderno!

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Create a Book Cover.
How to Create a Vintage-Inspired Clothbound Book Cover in Adobe InDesign
This post is part of a series called Book Templates .
How to Make a Comic Book Cover
How to Design a Vintage Book Cover
This post is part of a series called Learn Adobe InDesign.
10 Top Tips for Creating Your Own EPUBs and eMagazines
10 Top Tips for Designing Your Own Business Cards

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

Final product image
What You'll Be Creating

Rediseñar portadas para las novelas clásicas y apreciadas es un negocio grande en la publicación. Un rediseño bien ajustado puede ayudar a un libro a alcanzar nuevas audiencias a través de diferentes generaciones y segmentos demográficos.

En este tutorial, sumergiremos un dedo dentro del mundo de las portadas clásicas y crearemos un rediseño de portada para el libro Moby Dick, en un nuevo diseño que es moderno, elegante y sorprendentemente fácil de recrear en Adobe InDesign y Adobe Illustrator.

Este es un magnífico tutorial para principiantes en InDesign que buscan aprender más sobre diseño de portadas para libro y el diseño de publicaciones.

Este tutorial le muestra como crear una portada de un libro para ser impreso, sin embargo, si está buscando una plantilla que le ayude a transformar la portada de su libro en una versión eBook amigable, entonces descubra estas plantillas ePublishing en Envato Market.

1. ¿Qué son los Rediseños de Portadas de Libros?

Antes de profundizar en el diseño de nuestra portada para Moby Dick, vamos a tomarnos un momento para considerar qué es un rediseño de portada y porqué los editores invierten dinero en este servicio de rediseño.

Algunas novelas son tradicionalmente clásicas y han continuado siendo las favoritas por siglos o décadas. Piense nada más en la novela Orgullo y Prejuicio, escrita por Jane Austen, o Cumbres Borrascosas de Emily Bronte, o El Magnífico Gatsby de Scott Fitzgerland, o Para Matar un Sinsonte de Harper Lee. Estas novelas han ganado un lugar en las películas de literatura, sin embargo, algunas veces las generaciones más jóvenes, no han encontrado estas historias clásicas o tienen la percepción que son sofocantes, anticuadas o difíciles de leer.

Los editores presentan rediseños de portadas para novelas clásicas, y lo hacen periódicamente para inyectarlas con estrategias potenciales de mercadeo frescas y, así, atraer un nuevo segmento demográfico de lectores.

En muchas formas, el rediseño de portadas para libros clásicos es uno de los más interesantes, pero también, más difíciles procesos que un diseñador de portadas encontrará en su carrera. Sus portadas deben hacer justicia al espíritu orinal y al tema del libro, mientras le da un diseño que consigue un atractivo moderno distinto. 

En este tutorial, veremos como darle una transformación a la portada Moby Dick o  “La Ballena”, escrita por Herman Melville. He tratado de recrear el tono y el tema del libro, con la silueta de la ballena blanco de la historia.

finished cover

Usted aprenderá cómo a ajustar una versión rústica de la portada en Adobe InDesign y crear un effecto de ollage con la ayuda de Adobe Illustrator. Además, incorporaremos un poco del estilo tipográfico vintage, para dar a la portada un adecuado estilo del siglo 19.

Este estilo de diseño puede ser adaptado a todos los tipos de portadas, solamente cambie la silueta y le interior de la imagen, tal como en este diseño de portada para War & Peace.

war and peace redesign

¿Está listo para empezar a rediseñar? ¡Magnífico! Comencemos

2. Configure la Plantilla de la Portada en Adobe InDesign

Paso 1

Abra Adobe InDesign.

Vaya a Archivo > Nuevo > Documento, y ajuste la Calidad del documento en Impresión. Aumente el Número de Páginas a 2 y desactive la opción Páginas Opuestas. Desde el menú Tamaño de Página, seleccione la opción A medida.

custom size

Asigne el nombre Libro de Bolsillo al tamaño personalizado de  y ajuste la Anchura a 132 mm y la Altura en 197 mm. Haga clic en el botón Añadir y después en el OK para regresar a la ventana Nuevo documento.

custom page size

Paso 2

Ajuste los Márgenes en todos lados a 11 mm y el Sangrado a 5 mm. Haga clic en OK para crear el nuevo documento.

new document window
new document

Trabajaremos en el diseño de la portada en la Página 1, siempre es más fácil trabajar solo en el diseño de la portada al principio. Luego, un poco más tarde, nos ampliaremos hasta la Página 2 del documento dentro de toda la portada, completa con el lomo y el reverso, con la ayuda de la Herramienta Página.

Paso 3

Con las reglas visibles (Vista > Mostrar Reglas) haga clic sobre la regla y arrastre una guía desde la regla que está al lado izquierdo y sueltela sobre la Página 1 en la posición 66 mm sobre el eje X, la cual marca el punto central de la página.

controls panel
center point of cover

3. Cree el Escenario que se apto para navegar

Para recrear la composición del océano misterioso y tenebroso de Moby Dick, podemos darle a la portada completa un fondo de color verdemar. Añadir un degradado a la muestra le dará a la portada un poco más de profundidad e interés.

Paso 1

Tome la Herramienta Rectángulo (M) y arrastre sobre la Página 1 a través de la página completa, extendiendo arriba de los bordes del sangrado en la parte de superior de la página y hasta los bordes del pie de la página. En el borde izquierdo, solamente estire hasta el borde de la página, pero no toda el camino hasta el sangrado.

rectangle tool

Paso 2

Expanda o abra el panel Muestras (Ventana > Colores > Muestras).

Desde el menú desplegable del panel, seleccione la opción Nueva Muestra de Degradado.

new gradient swatch

Nombre a la muestra Degradado Verde y ajuste el Tipo en Radial.

Muévase abajo hasta la Gradación de Degradado y haga clic en el tope a mano izquierda para que pueda ser capaz de editarlo. Elija CMYK para el Color de Etapa y ajuste los niveles a C=89 M=49 Y=62 K=62.

green gradient

Haga clic en el tope al lado derecho y ajuste el Color de etapa a Muestras. Seleccione [Negro] de la lista debajo. Haga clic en OK.

green gradient

Paso 3

Aplique la muestra de Degradado Verde al Relleno de Color de la figura del rectángulo.

green gradient applied to shape

Esto aplicará un precioso y delicado degradado al fondo de nuestra portada.

completed backdrop

4. Cree la Silueta de la Ballena

Paso 1

Expanda o abra el panel Capas (Ventana > Capas) y haga doble clic en el nombre por defecto de la Capa 1. Cambie el nombre de la capa como Color de Fondo y haga clic en OK.

layer options

Haga clic en el botón Crear Nueva Capa, que está al fondo a la derecha del panel Capas para crear una capa nueva. Haga doble clic y cambie el nombre de la capa a Gráficos.

layer options

Haga clic sobre el botón para bloquear la capa Color de Fondo, haciendo clic en el espacio en blanco a la derecha del icono de ojo, junto al nombre de la capa en el panel capas.

layers panel

Paso 2

¡Ahora estamos listos para empezar a trabajar en nuestro gráfico de la ballena!

Archivo > Guardar como, para guardar su documento InDesign y minimice InDesign. Abra Adobe Illustrator y cree un documento nuevo.

Para hacer nuestro collage estilo ballena, primero, necesitamos crear una silueta básica de vector de la ballena y luego, un poco después, lo rellenaremos con un fotografía.

completed whale

Usted puede, ya sea; dibujar la ballena manualmente usando la Herramienta Pluma (P) en Illustrator, usando fotos de ballenas como guías o puede descargar una imagen predefinida de ballenas vectorizadas

Si escoge la segunda opción, entonces tendrá que quitar el color del contorno de la ballena, además, quitar cualquier detalle y crear un silueta sencilla y rellana de color negro, como se muestra en el siguiente ejemplo. 

vector in illustrator

Paso 3

Asegúrese que la silueta de su ballena tiene sólo un relleno de color negro y que no tiene color de contorno, luego, seleccionelo y vaya a Edición > Copiar, esto hágalo en Illustrator.

De regreso en el documento en InDesign vaya a Edición > Pegar, para pegar la silueta de la ballena en la Página 1 de su documento. Mantenga presionada la tecla Shift para ajustar el tamaño del vector que acaba de pegar. Extienda la ballena para que su cabeza rellene 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á de la mesa de trabajo si es necesario. Queremos que la ballena se extienda a través de la toda la portada, incluyendo el lomo y el reverso de la portada.

pasted vector

Desde el panel Muestras (Ventana > Color > Muestras) ajuste el Color de Relleno del vector a [Ninguno] para quitarle el relleno negro.

whale frame

Paso 4

Diríjase a Envato Market y escoja una foto de una ola chocando o de espuma de mar. Descargue la imagen y regrese a su documento en InDesign.

sea foam photo

Con el vector de la ballena seleccionado, vaya a Archivo > Colocar y escoja la imagen de espuma de mar. Haga clic en Abrir.

Haga clic sobre el botón Rellenar marco proporcionalmente, que se encuentra en la parte superior del panel para escalar la imagen a la medida del marco. Haga doble dentro de la ballena para ajustar manualmente el tamaño de la imagen, manteniendo presionada la tecla Shift mientras lo hace, para asegurarse de que está feliz con el resultado del efecto. Además, asegúrese de que la imagen se extiende a través de la ballena por completo, hasta el el borde de su cola.

whale head

Paso 5

Seleccione la ballena y vaya a Edición > Copiar, Edición > Pegar. Manteniendo presionada la tecla Shift, reduzca el tamaño de la ballena hasta que solamente sea del ancho de la longitud de la página. Edición > Copiar, esta ballena pequeña, para que pueda conservar una copia en su portapapeles.

Control-Clic (Mac) o Clic-Derecho (Windows) > Transformar > Voltear Horizontal. Ubique esta ballena más pequeña arriba de la página y permita que atraviese el borde superior, para que no parezca que esta colocada demasiado perfecta. Puede rotar  un poco, para que no parezca que está recta.

flip horizontal
whale flipped

Luego, vaya a Edición > Pegar para pegar, de nuevo, una copia de la ballena más pequeña. Ubiquela en el lado izquierdo del fondo de la página, pero deje que aparezca solamente la cola de la ballena sobre la página, como se muestra a continuación.

pasted whale

5. Añada una Tipografía Vintage

Paso 1

Regrese al panel Capas y cree una nueva capa. Cambie el nombre de está capa a Tipografía.

layer options

Bloquee la capa Gráficos y haga clic sobre la capa Tipografía para activarla.

layers panel

Descargue e instale en su ordenador estas dos fuentes (¡gratis!).

También, necesitará la fuente Bodoni Std, pero está ya debería estar instalada en el repertorio de fuentes de InDesign. Y si no lo está, puede contar con una excelente alternativa gratuita, la cual es BodoniXT.

Paso 2

Regrese al panel Muestras y haga clic en el botón Muestra Nueva, que se encuentra en la esquina inferior derecha del panel.

Haga doble clic en la muestra nueva para abrir la ventana Opciones de muestras. Cambie el nombre de la muestra como Menta y ajuste el Tipo de Color a Proceso y el Modo de Color a CMYK. Ajuste los niveles a C=54 M=9 Y=35 K=0.

Haga clic en OK y añada la muestra revisada al panel Muestras.

mint swatch

Paso 3

Seleccione la Herramienta de Texto (T) y arrastre sobre la parte superior izquierda de la Página 1 para crear un marco de texto. Deje el borde izquierdo del marco frente a el margen del lado izquierdo.

Teclee Moby-Dick y desde, ya sea; el panel Controles de formatos de carácter que está en la parte superior del área de trabajo o en el panel Carácter (Ventana > Texto y Tablas > Carácter), ajuste la Fuente a Oranienbaum, Tamaño 55 pt. Reduzca el Tracking (es el espacio entre las letras) a -20, y establezca el texto en mayúsculas haciendo clic en el botón Todas mayúsculas en el panel Controles.

Ajuste el Color de la Fuente a Menta.

moby-dick title

Paso 4

Vuelva al panel Muestras y cree otra muestra nueva CMYK, pero esta vez con los valores C=10 M=0 Y=13 K=0. Cambie el nombre de la muestra a Menta Pálida.

pale mint

Muevase hasta el fondo de la página, y aumente el zoom en el borde a lado derecho pero solamente donde la boca de la ballena debería estar. Cree un marco de texto más pequeño y escriba “o”.

Ajuste al Fuente a Bodono Std, Cursiva, Tamaño 22 pt, y aumente el Tracking a 50. Desde el panel Controles de Formatos de Párrafos en la parte superior del espacio de trabajo, ajuste el texto para que se Alinee a la Derecha.

Ajuste el Color de la Fuente a Menta Pálido.

or text

Paso 5

Cree otra muestra nueva, pero esta vez llamada Lima Pálido y con los valores C=9 M=4 Y=21 K=0.

pale lime

Cree un nuevo marco de texto y ubiquelo debajo del marco de texto con la “o”, hacia el lado derecho de la página. Teclee “La Ballena” y ajuste la Fuente a Oranienbaum, Tamaño 40 pt, Tracking -20 y Todo en Mayúsculas.  Ajuste el texto para que se Alinee a la Derecha.

Resalte el título La Ballena con el color de muestra Menta y los apostrofes en el color de muestra Lima Pálido.

the whale title

Paso 6

Cree un nuevo marco de texto y ubiquelo en la esquina inferior izquierda de la página, que quede apoyado sobre los márgenes.

Teclee Herman Melville y ajuste la Fuente a Leander, Tamaño 20 pt, Tracking 70 y Color de la Fuente a Lima Pálido.

author name

¡Y ahí lo tenemos! ¡Su diseño de su portada está completo y luce magnífico!

front cover design

En la parte final de este tutorial, veremos como podemos expandir el diseño en una portada completa, con el lomo y el reverso de la portada. Continúe leyendo y averigue cómo….

6. Expanda su diseño en una Portada completa

Paso 1

Desactive todas las capas en el panel Capas y luego arrastre el puntero por toda la Página 1 hasta seleccionar todo lo que está sobre la página. Edición > Copiar y desplácese hacia la Página 2 de su documento.

Edición > Pegar en mismo lugar, para hacer una copia de la portada sobre la página.

pasted page

Ahora necesitamos trabajar en la anchura de la longitud total de la portada. Esto dependerá del ancho del lomo, el cual, por supuesto, dependerá del número de página dentro del libro. Puede encontrar calculadoras en línea para trabajar en el ancho del lomo que depende del número de página y, también, de la masa del papel (gms) tales como Calculadora Impresión por Encargo.

Usando esto, he calculado que para acomodar 1,456 páginas (la longitud de Moby Dick, ¡yep, es una grande!) impresas en papel blanco de 80 gms, necesitaremos tener una anchura de lomo de 73.7 mm.

La ecuación para la anchura completa de la portada es la siguiente:

Anchura de la Portada (en el eje X) + Anchura del Lomo (en el eje Y) + Anchura de Reverso de Portada (en eje X) = Anchura Total ( X + X + Y). 

Así que, por ahora la portada de Moby Dick va a ser de….

132 mm + 73.7 mm + 132 mm = 337.7 mm, anchura total.

Paso 2

Seleccione la Herramienta Página (Shift + P) y, presionando la tecla Option (Mac) o Alt (PC), arrastre desde el borde izquierdo de la página hasta la izquierda, incrementando el ancho de la página a un total de 337.7 mm. Cuando suelte las teclas, el ancho de página quedará en su nueva anchura.

page tool

Por otra parte, si está teniendo problemas en conseguir la anchura exacta de la página mientras está arrastrando el puntero, entonces, sencillamente, puede teclear dentro de la caja en la esquina superior izquierda la anchura correcta del espacio de trabajo.

controls panel

Paso 3

Desde la regla que está al lado izquierdo, jale una guía a la posición 137 mm en X para marcar el borde izquierdo del lomo. 

guide

Jale una segunda guía hasta la posición 168.85 mm, la cual marca el punto central del lomo.

guide

Jale una tercer guía hasta la posición 68.5 mm para marcar el centro del reverso de la portada.

guide

Finalmente, jale una guía hasta la posición 121 mm, la cual marca el margen del lado derecho del reverso de la portada. 

guide

Paso 4

Regrese al panel Capas y bloquee todas las capas excepto la capa Color de Fondo.

Desde el panel Muestras, haga clic en la muestra Degradado Verde, para seleccionarlo y luego haga clic sobre el botón Muestra Nueva para duplicarla.

Haga doble clic sobre la muestra duplicada para abrir la ventana Opciones de Muestras.

Cambie el nombre de la muestra a Degradado Verde del Lomo. Conserve todo lo demás como esta, y solamente diríjase hasta el tope derecho en la opción Gradación de degradado y mueva hacia la izquierda, hasta alcanzar 54%. Haga clic en OK para guardar su edición.

gradient swatch

Use la Herramienta Rectángulo (M) para crear una forma que se extienda a través del lomo hasta el sangrado en la parte superior e inferior (con 73.7 mm de Ancho). Ajuste el Color de la Fuente a Degradado Verde del Lomo. El degradado en éste, está un poco ajustado, así que el tono más claro no se extenderá lejos de la parte central del lomo.

color on spine

Cree una segunda forma usando la Herramienta Rectángulo (M) extendiendolo sobre toda la contraportada, hasta el borde izquierdo del lomo, y hasta el sangrado de la parte superior, y también los bordes de la izquierda y, además, el borde inferior de la página. Ajuste el Relleno a Degradado Verde.

background on back cover

Paso 5

Regrese al panel Capas y bloquee la capa Color de Fondo. Desbloquee la siguiente capa de arriba, Gráficos.

Copie y Pegue uno de los gráficos de las ballenas más pequeñas, al menos un par de veces y sea creativo ubicandolas en la contraportada y, también en el lomo. Gírelas y, solamente, muestra un toque de la cola, quizás en el lomo o permitalas cruzar la mesa de trabajo para dar la impresión de una vaina de ballenas.

pasted whales
preview of cover

Paso 6

Bloquee la capa Gráficos y desbloquee la capa de arriba, Tipografía.

Aumente el zoom sobre el lomo y cree algunas filas de marcos de textos usando la Herramienta de Texto (T). Teclee en el título, dejando un marco de texto para cada línea del título, imitando el formato de la tipografía usada en la portada, pero en un Tamaño de Fuente más pequeño. Ajuste la alineación para todos los textos como Alineación al Centro y asegúrese que los marcos de textos están perfectamente centrados junto a la guía central.

spine text

Añada una propaganda a la contraportada, configurando el texto en los dos marcos de texto, uno hacia la derecha y el otro hacia la izquierda. Ajuste la Fuente a Oranienbaum, Tamaño 12 pt, Internlineado 16 pt. Use las muestras de color que creamos anteriormente para añadir un toque de color a la tipografía.

blurb on reverse

7. Exporte su Portada Terminada

¡Felicitaciones! La ilustración para su portada Moby Dick, está terminada! ¡Un trabajo fantástico!

final cover

Todo lo que resta por hacer ahora es exportar el documento listo para impresión.

Por supuesto, usted puede exportar la Página 1 de su documento como una portada para un eBook (verifique el formato de archivo que requieren las tiendas de eBook antes de cargarlo), sin embargo, aquí lo conduciré a través de los pasos para exportar este trabajo como un archivo listo para impresión, el cual es adecuado para enviar a una imprenta de libros profesional.

Paso 1

Vaya a Archivo > Exportar. Escoja Adobe PDF (Impresión) desde las opciones de Formato del menú desplegable. Haga clic en Guardar.

En la ventana Exportar Adobe PDF, escoja [Calidad de Prensa] desde las opciones del menú desplegable Adobe PDF Preset, y ajuste el rango de la página desde Todas a Página: 2, solamente para exportar la versión completa.

press quality

Desde el menú al lado izquierdo de la ventana, haga clic en Marcas y Sangrados. Active Todas las Marcas de Impresión y Sangrados y anotaciones y también. Utilizar configuración de sangrado del documento.

marks and bleeds

Haga clic en Exportar para crear una portada lista para impresión.

¡Asombroso!

exported pdf

Conclusión

En este tutorial, usted aprendió como dar a un libro clásico una transformación moderna y a ajustar la portada completa en Adobe InDesign.

final book mock-up

Muchas de las habilidades que usted recogió aquí lo ubicarán en un buen lugar para abordar otros proyectos de publicaciones de diseño. Ahora puede:

  • Configurar plantillas de bolsillos para libros en Adobe InDesign.
  • Crear Muestras de Degradados para crear fondos intensos.
  • Crear siluetas gráficas de vectores en Adobe Illustrator y adaptarlas en InDesing para crear un efecto de collage.
  • Trabajar con fuertes ideas temáticas para portadas de libros y representarlas en una forma moderna y de gran impacto en diseño de portadas.
  • Introducir Tipografías para Géneros Apropiados y crear una paleta de color sofisticada para aplicar al texto.
  • Aumentar el tamaño del frente de una portada en un portada completa, incluyendo el lomo y el reverso, y calcular con exactitud las anchuras para la portada.
  • Desarrollar un diseño a través de toda la portada, pero continuando el tema que usted creo para el frente.
  • Exportar la portada de su libro como un archivo PDF de alta calidad y listo para ser impreso.

¡Estupendo trabajo! Siéntase libre de compartir los rediseños de sus portadas en la sección de comentarios que está abajo. Si está buscando una plantilla para ayudar a transformar la portada de su libro en una versión eBook amigable, verifique la variedad de plantillas para ePublishing en Envato Market.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.