Cómo diseñar una portada de libro electrónico eficaz utilizando Adobe InDesign

Lo que vas a crear

La publicación digital es una industria en constante crecimiento. Tanto los autores profesionales como los autoeditados aprovechan el medio de eBook para llegar a lectores más grandes y ofrecer su trabajo literario a precios de gran valor..

La desventaja de esta explosión en la publicación digital es el hecho de que el mercado se está saturando cada vez más, y puede ser difícil hacer que su libro electrónico se destaque de la competencia. Captar la atención de un lector potencial mientras navega por Kindle Book Store es el primer paso para aumentar sus ventas, y una portada de libro electrónico diseñada de manera efectiva es un factor enorme para atraer la atención..

En este tutorial veremos la función de publicación digital en Adobe InDesign y cómo puede crear una portada de libro electrónico efectiva que funcione igual de bien en miniatura y en tamaño grande.. 

1. Una nota importante sobre el tamaño

Las cubiertas para libros electrónicos vienen en una variedad de tamaños (tanto en términos de dimensiones como de tamaño de archivo), y el tamaño puede variar ampliamente dependiendo del sitio de publicación de libros electrónicos, ya sea Amazon (Kindle), Kobo, Barnes & Noble, Apple iBooks, Lulu o Smashwords (¡entre otros!). 

Lo que tampoco es de mucha ayuda es el hecho de que estos sitios revisan regularmente el tamaño recomendado, a medida que se lanzan nuevos eReaders o evoluciona la tecnología de publicación..

Teniendo esto en cuenta, debe revisar de forma rutinaria las recomendaciones de tamaño de los sitios de publicación con los que espera vender su libro electrónico y revisar las dimensiones de su portada de manera adecuada. De lo contrario, es posible que sufra un impacto desagradable cuando su cubierta aparezca borrosa o estirada en su eReader..

En este tutorial, seguiremos los pasos para crear una cubierta de libro electrónico para Amazon (Kindle) y seguiremos sus pautas de tamaño. Pero puede hacer ajustes de tamaño a sus propios diseños, si planea cargar su libro en un sitio de publicación diferente..

Amazon actualmente recomienda que, para obtener la máxima calidad, las portadas de libros electrónicos se 2500 píxeles a lo largo del lado más largo. Esto funciona en una escala de relación, por lo que mientras el lado más largo no exceda 10,000 pixeles, que es el límite de Amazon, puede crear la cubierta a un Relación de ancho a alto de 8: 5. Esto creará una cubierta alta y delgada.

Pero los requisitos de dimensión flexible de Amazon significan que también puede hacer la cubierta un poco más ancha, lo que le dará a su diseño de cubierta un poco más de espacio para respirar a lo ancho. UNA Proporción 9: 6 es utilizado por algunos autores de libros electrónicos en Amazon, y estas portadas a menudo se ven un poco más profesionales. En este tutorial vamos a configurar una portada. 3200 px por 4800 px, que todavía encajará muy felizmente dentro de los requisitos de Amazon.

Estas son las dimensiones ordenadas, pero también deberá guardar su archivo de portada final en una JPEG o PELEA formato, con 72 dpi (puntos por pulgada), eso no es más grande que 50 MB. Por lo tanto, a menos que desee comprimir mucho su archivo, no se sienta tentado a aumentar la proporción y llegar hasta el límite de 10,000 píxeles..

2. Una nota igualmente importante sobre el diseño

Dejando de lado los requisitos técnicos, realmente no sirve de nada si su cubierta se ve nítida y clara en la proporción correcta, pero no se destaca de manera efectiva ante un lector potencial debido a las malas opciones de diseño..

Busque en cualquier biblioteca de libros electrónicos y puede comenzar a notar algunos elementos comunes de portadas efectivas:

El texto es exagerado y legible

En una librería, hojeas portadas a su tamaño real. Puedes recogerlos y mirarlos de cerca. En una copia impresa, el texto del título y el nombre del autor pueden no ser el foco principal de la portada; pueden estar equilibrados o dominados por una imagen. La tipografía puede ser decorativa, ornamentada o incorporada en un elemento ilustrativo en la portada.. 

Las portadas de libros electrónicos son completamente diferentes. Usted navega por los libros electrónicos en una biblioteca en línea que se compone de imágenes en miniatura, por lo general no más de 105 por 160 píxeles de tamaño. 

Entonces, para la perspectiva, eso es tan grande:

No es enorme, ¿verdad? Debes colocar el título y el nombre del autor en esa pequeña casilla para que sea legible, llamativo y atractivo.. 

No es nada fácil, pero no se asuste: si configura el texto en un tamaño grande, en un color de contraste con el fondo, y en una fuente clara y legible, su portada será llamativa, incluso cuando esté bien pequeña escala.

La claridad se prioriza sobre el detalle

Las cubiertas de libros electrónicos deben llamar la atención de inmediato y poder comunicar instantáneamente el género y el estado de ánimo del libro. Notará que las portadas de libros electrónicos a menudo carecen de los detalles que tienen las portadas en papel. Sus diseños son más sencillos, y las fotos o vectores fuertes y sólidos se desempeñan mejor en este medio digital que el collage complicado o los formatos ilustrados..

Mire algunos ejemplos de libros electrónicos más vendidos y analice sus portadas. La mayoría de las veces usarán una combinación simple de elementos, tal vez una foto clara y un texto en contraste en una fuente clara y legible. Es posible que ni siquiera incluyan una foto; a veces, una tipografía clara es todo lo que se usa.

Cualquier detalle en la portada se pierde cuando se reduce al tamaño de la miniatura, por lo que a menudo tiene poco sentido incluir texturas complicadas, degradados, ornamentos, imágenes pequeñas o texto pequeño.. 

Así que mantén el diseño de tu portada fuerte y simple.

Fondos de color crean contraste

Cuando los lectores potenciales exploran las bibliotecas de libros electrónicos en línea, las imágenes de portada casi siempre se establecen sobre un fondo blanco o pálido. 

Las cubiertas de libros electrónicos normalmente tienen un fondo de color para crear un contraste con el fondo blanco del navegador. 

Si realmente desea que su cubierta tenga un fondo pálido, un borde más oscuro puede ayudar a que el borde de la cubierta sobresalga contra el fondo blanco, pero una cubierta pálida aún puede tener dificultades para captar la atención..

Siempre trate de darle un fondo oscuro o brillante al fondo de su portada para crear contraste..

3. Por qué un diseño para imprimir no corta la mostaza

Vamos a repasar los pasos para crear una cubierta de libro electrónico para este título, La reina reina. En un tutorial anterior, creé una cubierta para la versión de bolsillo del libro. Ahora imagina al autor de La reina reina quiere que la portada sea reformateada para un formato de libro electrónico.

Ahora, ¿por qué no tomamos el diseño de la cubierta de bolsillo, ajustamos un poco las dimensiones y lo utilizamos? Veamos la portada a pequeña escala, como lo vería un lector potencial en una biblioteca de libros electrónicos.. 

Hmm, ya no se ve tan efectivo. El título aún es visible, pero las otras secciones del texto no son legibles en absoluto. Las decoraciones ornamentales en la parte superior e inferior de la cubierta ahora se ven muy débiles, al igual que el borde. La imagen ahora también es mucho menos clara..

Tenemos que repensar el diseño de la portada por completo, y adaptar el diseño para atraer a una audiencia de libros electrónicos..

Abrir InDesign y vamos a caminar a través de los pasos de revisar la portada de La reina reina Y adaptándolo a un medio digital..

4. Crear un documento para la publicación digital

Paso 1

En InDesign, seleccionar Nuevo> Documento desde el Bienvenido ventana o ir a Archivo> Nuevo> Documento. 

Debajo Intención, en el menú desplegable, seleccione Publicación digital.

Notarás que las unidades a lo largo del Nuevo documento Las opciones de ventana cambian a píxeles. Debajo Tamaño de página Hay una gama de opciones adaptadas para la publicación digital. Sin embargo, vamos a crear un tamaño de página personalizado, así que seleccione la última opción en el menú, Personalizado… para abrir el Tamaño de página personalizado ventana.

Tipo 'Funda eBook Kindle en el Nombre barra de texto, y establecer la Anchura a 3200 px y el Altura a 4800 px. Hacer clic Añadir para agregar el tamaño a su lista de tamaños de página personalizados, para uso futuro, y haga clic en DE ACUERDO.

Regreso en el Nuevo documento ventana, establecer el Márgenes en todos los lados para 50 px. Selecciona el Sangrar en todos los lados para 50 px también. Aunque técnicamente no necesita una sangría para los diseños digitales, es una buena práctica extender cualquier elemento de color en su diseño hasta la sangría y más allá del borde de la página, ya que esto ayudará a evitar cualquier desafortunada línea blanca alrededor de los bordes de su diseño. cubrir.

Hacer clic DE ACUERDO para crear el documento.

Paso 2

Crear su diseño a través de una serie de capas hace que su trabajo sea fácil de seleccionar, editar y bloquear. Hagamos eso primero.

Abre el Capas panel (encuéntrelo acoplado por defecto al lado derecho del área de trabajo, o vaya a Ventana> Capas abrir). Haga doble clic en Capa 1 nombre para abrir el Opciones de capa ventana. Renombrar la capa como Color de fondo y haga clic DE ACUERDO

Haga clic en el Crear nueva capa icono en la parte inferior derecha de la Capas panel o seleccione Nueva capa Desde el menú desplegable del panel. Haga doble clic en el nombre de capa predeterminado para cambiar su nombre como Imagen de la isla. Hacer clic DE ACUERDO.

Repita el proceso para crear otras tres capas: Superposición de color, imagen de cielo estrellado, y finalmente, en la parte superior., Tipografía

Cuando hayas creado las cinco capas, Bloquear todos excepto la capa inferior, Color de fondo, haciendo clic en el espacio en blanco a la izquierda de los nombres de las capas. Haga clic en Color de fondo para activarlo.

5. Construir color e imágenes para el contraste

Paso 1

Permaneciendo en el Color de fondo capa, seleccione la Herramienta Rectangular (M) y arrastre para crear una forma que está a punto 2140 px en Altura, y que se extiende a lo ancho de la página, hasta el sangrado en ambos lados. Posición en la parte superior de la página. Desde el Controles panel que se encuentra a lo largo de la parte superior del área de trabajo, Color del trazo a [Ninguna] y el Color de relleno a [Negro]

Con la forma seleccionada, vaya a Objeto> Efectos> Gradient Feather para abrir el Efectos ventana.

Mantener el Tipo como Lineal y establecer el Ángulo a 0 grados. Mueva los puntos del control deslizante en aproximadamente las posiciones que se muestran, para que el degradado se aclare hacia la parte inferior de la forma.. 

Cuando estés satisfecho con el resultado, haz clic en DE ACUERDO.

Paso 2

Volver a la Capas panel y Bloquear la Color de fondo capa. desbloquear la siguiente capa arriba, Imagen de la isla.

Selecciona el Herramienta de marco rectangular (F) y arrastre para crear un marco que se extienda a lo ancho de la página, y se trate de 3420 px en Altura. Colóquela de manera que el borde inferior se asiente en el borde inferior del sangrado.. 

Vamos a colocar las mismas imágenes que usamos en el tutorial de bolsillo: esta imagen de una isla misteriosa con un castillo. Entonces abrí la imagen en Photoshop para un poco de edición básica.

Apliqué un Capa de ajuste del mezclador de canales a la imagen, configurándola a Monocromo Para drenar la foto de color. Entonces volví a guardar la imagen. 

Volver a InDesign, seleccione el cuadro de imagen que acaba de crear y vaya a Archivo> Lugar. Seleccione la imagen en blanco y negro guardada. Hacer clic Abierto.

Haga doble clic en el marco de la imagen para seleccionar directamente la imagen y, presionando Cambio, arrastre para expandir la imagen, de modo que la isla llene el ancho de la página. Permite que la isla se siente hacia el fondo del marco..

Queremos que la imagen llene el marco, dejando espacio suficiente para que el texto ocupe la mayor parte del espacio en la portada. Colocar una imagen ancha en la parte inferior de la cubierta es una buena solución..

Paso 3

Con el cuadro de imagen seleccionado, vaya a Objeto> Efectos> Gradient Feather. Ajustar el Ángulo del gradiente a 90 grados y cambia el Paradas de degradado en la posición que se muestra a continuación. 

Hacer clic DE ACUERDO.

Etapa 4

Volver a la Capas panel y Bloquear la Imagen de la isla capa. desbloquear la siguiente capa arriba, Superposición de color.

Abre el Muestras panel yendo a Ventana> Color> Muestras. Haga clic en el Nuevo swatch en la parte inferior derecha del panel o seleccione Nueva muestra de color ... desde el menú desplegable del panel.

Crear un Nuevo CMYK Swatch, estableciendo los valores a lo siguiente: C = 45 M = 47 Y = 0 K = 0 Para crear un color púrpura pálido. Hacer clic Añadir para colocarlo en el Muestras panel, luego haga clic DE ACUERDO.

Cree un segundo nuevo CMYK Swatch, estableciendo los valores para: C = 19 M = 14 Y = 0 K = 0, Creando un color gris pálido. Hacer clic Añadir y DE ACUERDO como antes.

Paso 5

Selecciona el Herramienta Rectangular (M) desde el Herramientas Panel y arrastre para crear una forma que se extienda por toda la página, hasta el sangrado en todos los lados. 

Selecciona el Color del trazo a [Ninguna] y el Color de relleno a tu nuevo swatch morado, C = 45 M = 47 Y = 0 K = 0.

Con el rectángulo seleccionado, vaya a Objeto> Efectos> Transparencia y establecer el Modo a Multiplicar

Hacer clic DE ACUERDO.

Paso 6

Regreso en el Capas panel, Bloquear la Superposición de colorcapa y desbloquear la Imagen de cielo estrellado capa. 

Selecciona el Herramienta de marco rectangular (F) y arrastre para crear un marco que se extienda a lo ancho de toda la página, hasta el sangrado en los bordes superior, izquierdo y derecho. Extiéndelo hacia abajo hasta que llegue al fondo de la isla (donde la tierra se encuentra con el mar).

Ir Archivo> Lugar y seleccione una segunda imagen. Esta imagen de una constelación de estrellas es una excelente opción para agregar interés y textura al diseño de la cubierta. Hacer clic Abierto.

Selecciona el Rellenar marco proporcionalmente Icono del panel de control superior para organizar la imagen en el marco.. 

Con el cuadro seleccionado, vaya a Objeto> Efectos> Transparencia y establecer el Modo a Luz tenue. 

Permaneciendo en el Efectos ventana, navega hacia abajo para Pluma del gradiente Desde el menú de la izquierda. Selecciona el Ángulo del gradiente a -90 grados y maniobre, el gradiente se detiene en posición a lo largo del extremo derecho de la escala, como se muestra. 

Hacer clic DE ACUERDO.

6. Exagera tu tipografía de impacto

Le ha dado a su cubierta de eBook un fondo místico y caprichoso, usando solo dos imágenes y una superposición de colores. Buen trabajo!

Ahora has preparado la escena para la tipografía de tu portada. El título y el nombre del autor deben tener un tamaño exagerado y un color altamente contrastante. Vamos a crearlo juntos ...

Paso 1

Todavía en InDesign, Bloquear la Imagen de cielo estrellado capa y desbloquear la capa superior, Tipografía.

Utilizar el Herramienta de zoom (Z) para hacer zoom en el área superior de la página. Selecciona el Tipo de herramienta (T) y arrastre para crear un marco de texto largo y estrecho que se extienda a lo largo de la página, ajustándolo entre los márgenes izquierdo y derecho. Posicionarlo a aproximadamente Posición Y 200 px (ver esto desde el lado izquierdo de la Controles panel que corre a lo largo de la parte superior del espacio de trabajo). 

Tipo 'Nombre del autor' en el marco de texto y establecer el Fuente a Adobe Caslon Pro, Regular, Tamaño 350 pt, Todas las tapas, Centro de alineación y aumentar la Rastreo a 100 (o hasta que los primeros y últimos caracteres toquen el margen en los lados izquierdo y derecho de la página). Selecciona el Color de fuente a [Papel].

Paso 2

Desplácese hasta el centro de la página y seleccione Tipo de herramienta (T) otra vez.

Arrastre para crear un marco del ancho de la página y 1250 px en Altura. Tipo 'Reina' en el marco de texto y establecer el Fuente a la descarga gratuita Almendra, que es una hermosa fuente inspirada en los estilos de tipo medieval y caligráfico. 

Selecciona el Tamaño de fuente a 1260 pt, alinear el centro, y reducir el Rastreo a -60 para juntar las letras Selecciona el Color de fuente a [Papel].

Coloque el marco de texto alrededor Posición Y 1830 px.

Paso 3

Selecciona el Tipo de herramienta (T) de nuevo y arrastre para crear un marco de texto. Colóquelo justo encima de la 'Reina' marco de texto, y se desplazó ligeramente a la derecha. Tipo 'Estrella' en el marco y establecer el Fuente a Almendra, Tamaño 1195 pt, Seguimiento a -30, y Color de fuente a la muestra gris pálido que creamos anteriormente, C = 19 M = 14 Y = 0 K = 0

Posiciona el marco para que la curva de la 'S' se sienta encima de la 'Q' de 'Reina', anidando entre el 'Q' y 'U', como se muestra.

Con el cuadro de texto seleccionado, vaya a Objeto> Efectos> Resplandor exterior para abrir el Efectos ventana. Selecciona el Modo a Pantalla y reducir el Opacidad a 60%. Selecciona el Técnica a Más suave, tamaño a 60 px y ambos ruido y Untado a 12%. Hacer clic DE ACUERDO.

Esto ha dado 'Estrella' un brillo adecuadamente estrellado!

Etapa 4

Cree otro marco de texto más pequeño usando el Tipo de herramienta (T), y establecer en el lado izquierdo de 'Estrella'. 

Tipo 'la' y establecer el Fuente a Henry Morgan Hand, una fuente en cursiva, con guión. Hasta el Tamaño de fuente a 850 pt, y ajustar el Color de fuente a [Papel]. 

Paso 5

Descarga la fuente del símbolo IM Fell Flowers 2, que tiene un montón de hermosos elementos decorativos de estilo antiguo, y luego volver a InDesign.

Cree otro marco de texto, mucho más pequeño, y colóquelo sobre el cuenco de 'Q'. Ir Ventana> Tipos y tablas> Glifos para abrir el Glifos panel. Coloque el cursor de tipo en el cuadro de texto que acaba de crear y configure el Fuente a IM Fell Flowers 2 para que aparezcan los caracteres de la fuente en el Glifos panel.

Seleccione un pequeño glifo de flor simple y haga doble clic en él en el panel para insertarlo en el marco de texto. Ajustar el Tamaño de fuente a 550 pt y el Color de fuente a la pálida muestra púrpura, C = 45 M = 47 Y = 0 K = 0.

7. Exporte su cubierta de eBook terminada

Fantástico trabajo: ¡la portada de tu eBook está completa! Ahora todo lo que tenemos que hacer es exportarlo como PELEA o JPEG archivo listo para subir a Kindle Direct Publishing. 

Si desea más control sobre el tamaño de archivo de la cubierta, le recomendaría que la exporte como un PDF (Archivo> Exportar> seleccionar Adobe PDF desde el menú desplegable). Abre la imagen en Photoshop y usar el Guardar para Web función, seleccionando la JPEG opción del menú. 

Pero también puede preparar su cubierta lista para cargar directamente desde InDesign. En InDesign, Primero revise su arte para detectar errores ortográficos o imágenes o texto desalineados. Entonces ve a la Expediente menú y seleccione Exportar.

Seleccionar JPEG desde el Exportar desplegable de la ventana Formato menú. Hacer clic Salvar

En el Exportar JPEG ventana, establecer el Calidad a Alto y establecer el Resolución al Kindle recomendado 72 ppi. Asegurar la Espacio de color se establece en RGB (Esto debería seleccionarse por defecto si estás trabajando en Publicación digital modo). Hacer clic DE ACUERDO.

¡Y tu estas listo! Tu portada de eBook está lista para subir.

Conclusión

¡Buen trabajo! El diseño de su cubierta es llamativo y dramático, y funcionará tan bien en tamaño de miniatura como a gran escala, en un e-reader.

Ahora recapitulemos brevemente lo que hemos aprendido en este tutorial:

  • Las portadas de libros electrónicos vienen en una Variedad de dimensiones y tamaños de archivo: siempre revise su editor destinado para sus requisitos actualizados.
  • Diseñar una portada para un libro electrónico es Muy diferente al diseño de una portada de libro para imprimir: como las portadas de los libros electrónicos se verán inicialmente a una escala más pequeña, los diseños de las portadas deben ser simples y de alto impacto.
  • Mantenga los elementos en el diseño de su cubierta al mínimo, y manténgalos fuertes: priorice una imagen clave y renderice la cubierta en un color de fondo fuerte que contrastará bien con el fondo pálido del navegador. 
  • Exagerar el texto: establece el título y el nombre del autor en tamaños grandes, colores contrastantes y fuentes legibles.
  • Mantener el diseño de portada comercial: atraer al lector con un fuerte sentido del lugar y el estado de ánimo en su diseño.