Advertisement
  1. Design & Illustration
  2. Designing

Crear una Hermosa Portada para un Libro en InDesign usando un Fondo con una Foto Recargada

Scroll to top
Read Time: 16 min
This post is part of a series called How to Create a Book Cover.
Create a Stand-Out Portfolio Book in InDesign: Part One - the Cover
Design a Crime Thriller Book Cover in Adobe InDesign

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

¿Trabajando en un libro? Puede que tenga una foto que finalmente va usar en su portada, cree que pueda estar demasiado recargada o tener demasiado contraste en color para dejar que el texto resalte frente a ella. Pero, por qué no continuar y usarla - veremos formas para controlar una fondo recargado en Adobe InDesign.

1. Escoja su Foto

Seleccione una foto que tenga muy buena calidad (al menos 300 dpi) y en formato panorámico. Intente visualizar cómo luciría la foto cuando tenga que dividirla a la mitad, ¿acaso lucirá la mitad del lado derecho lo suficientemente bien por si sola? ¿Todavía tendrá algunos detalles interesantes la otra mitad del lado izquierdo que se utilizará en la contraportada? Porque no voltear la foto (en Photoshop, seleccione Imagen desde el menú principal, y luego, Rotar imagen, y seleccione la opción Voltear Lienzo Horizontal) para ver si la mitad del lado izquierdo, en realidad, lucirá mejor como la portada.

Escogí está foto, Photodune_AngkorTempleCambodia y la invertí para procurar que las puertas del templo aparecerían en frente de la cubierta del libro:

Add-GradientAdd-GradientAdd-Gradient

2. Mejore los Colores de su Foto en Photoshop

Paso 1

Puede editar su foto para complementar los colores que serán usados en su portada final.

Quiero usar cuatro muestras de colores para los textos en mi portada final. Uno de éstos es un color “cálido” y otro es un color “frío”, los cuales funcionan bien en contraste con una foto oscura. Además, ambos son muestras Pantone, lo que los convierte en la mejor opción si es que usted quiere estar seguro que la impresión final de la portada tendrá los los colores más cercanos a su diseño como sea posible. Los otros dos colores que voy a usar son “neutros”, un negro y un blanco:

SwatchesSwatchesSwatches

La foto que he seleccionado ya tiene algunos tonos verdes, pero podemos hacer algunos retoques sutiles a la foto para seguir mejorando éstos, así la foto ofrecerá la sensación de tener más tono con el color Pantone menta verde, el cual será utilizado en la portada.

Paso 2

Abra su foto en Photoshop. Duplique la capa para que pueda conservar una copia intacta de la foto original. Vaya a la opción; Seleccionar Nuevo Relleno o Ajuste de Capa, que se encuentra al fondo, acoplada al lado derecho de la paleta y seleccione Equilibrio de Color. Mueva el Deslizador Verde hasta +7 y el Deslizador Cyan hasta -14. Esto da un sutil tono verde claro a toda la foto.


3. Estire la Portada de la Selva en Photoshop

Paso 1

Asimismo, queremos quitar algo del cielo blanco que esta en la parte superior derecha de la foto debido a que será un problema más adelante si queremos poner el Nombre del Autor en un texto de color blanco frente a él. Un truco estupendo es usar la Herramienta Mover Según Contenido (J) (que la encuentra en la barra de herramientas principal, al lado izquierdo de su espacio de trabajo, cuando la selecciona del menú Herramientas de retoque) para ampliar la cobertura del follaje que está arriba del templo.

Seleccione la Herramienta Lazo (L) y dibuje una línea irregular alrededor de algunas de las hojas del follaje que están arriba del templo.

Canopy_1_not-600Canopy_1_not-600Canopy_1_not-600

Paso 2

Con la Herramienta Según el Contenido, seleccione y arrastre el área que cubrirá el espacio en blanco en el centro del follaje. Ajuste la Adaptación (en el panel de control principal) a Mediano y Photoshop prácticamente rellenará el hueco en el follaje. Repita este paso hasta que el follaje esté completamente denso. Esto permitirá al texto en color blanco resaltar más atractivamente frente al fondo.

Content-Aware-ToolContent-Aware-ToolContent-Aware-Tool
Canopy_2_not-600Canopy_2_not-600Canopy_2_not-600

Paso 3

Guarde su foto editada como un archivo JPG de alta calidad (vaya a; Archivo, luego Exportar y seleccione JPEG desde el menú desplegable) en una ubicación que usted pueda encontrar con facilidad.


4. Configure el Formato de su Portada en InDesign

Abra InDesign, seleccione Archivo > Nuevo > Documento, para abrir la ventana Documento Nuevo. Asegúrese que la opción Calidad está ajusta en Impresión, seleccione 1 página para Número de Páginas y desactive la opción Páginas opuestas. Para el Tamaño de la Página, seleccione A medida, y nombre  a éste tamaño de página personalizada “Portada libro de bolsillo”.

Ajuste la Anchura con 285mm y la Altura con 216mm. Ajuste los Márgenes con 18mm. En este tutorial configuraremos una portada que estará diseñada para un formato de libro en de bolsillo, así que ajustaremos el Sangrado en 3mm, alrededor.

Configurar una cubierta para una edición de bolsillo, requerirá dar un poco más de sangrado para dejar que los bordes cubran la portada. En este caso, yo, optaría por un sangrado de 5mm.

New-Document-WindowNew-Document-WindowNew-Document-Window

5. Añadir Líneas Guías a su Composición

Necesitará insertar líneas guías adicionales en su documento para marcar el lomo y crear las líneas del centro de su portada y contraportada.

Arrastre una línea guía desde la regla —que recorre el lado izquierdo del espacio de trabajo—, hasta la posición 142.5mm, ésta es la línea del centro de todo el documento y la línea del centro del lomo que va desde arriba hasta abajo.

Para este tutorial, ajustaremos el lomo con 12mm, adecuado para 150 páginas en un papel de 90gms, aunque el ancho del lomo tiende a ser aumentado/reducido (junto con todo el documento proporcionalmente) si su libro tiene menos páginas. Arrastre otra línea guía desde la regla al lado izquierdo hasta la posición 136.5mm y arrastre otra hasta la posición 148.5mm. Las dimensiones del lomo ya están configuradas.

Asimismo, es útil conocer la línea del centro de su portada y contraportada para alinear textos. Arrastre una línea guía desde la regla al lado izquierdo hasta la posición 68.25mm y arrastre otra hasta la posición 216.75mm.

GuidelinesGuidelinesGuidelines

6. Coloque su Foto

Paso 1

Seleccione la Herramienta Marco Rectangular (F) y arrastre un rectángulo que se extienda por toda la anchura y la altura del documento, incluyendo el sangrado.

Paso 2

Vaya a Archivo > Colocar, y seleccione la foto editada que guardo anteriormente. Seleccione Abrir. Con el marco, aún seleccionado haga clic en la opción; Llenar Marco Proporcionalmente, que se encuentra en el panel de control principal. Doble-clic sobre el marco para seleccionar directamente la foto y usar las flechas del teclado para ajustar su posición ligeramente hasta que éste satisfecho con el resultado. Asegúrese que la foto todavía rellena todo el marco.

Place-PhotoPlace-PhotoPlace-Photo

7. Importe sus Muestras de Color Pantone

Paso 1

Importe las dos muestras Pantone que usaremos en nuestra cubierta. Abra el panel Muestras y seleccione Nueva muestra de color, desde el menú Muestras. A través del menú desplegable Modo de color, seleccione Pantone > Solid Coated y localice la muestra “PANTONE 7416C”. Haga clic en Añadir.

Paso 2

Repita el Paso 1 para la muestra “PANTONE 571C”.

SwatchesSwatchesSwatches

8. Use el Efecto Desvanecimiento de degrado para formatear el Fondo de la Portada

Use la Herramienta Rectángulo (M) y arrastre hasta crear un marco, el cual tiene la misma anchura y altura al igual que el marco de la foto y, además, está en la misma posición. 

Con el marco, todavía seleccionado, ajuste el Trazo a Ninguno y el Relleno con “Pantone 7416C”. Control-clic (Mac) o clic-derecho (PC) y debajo de la opción Organizar, seleccione Enviar detrás. El marco anaranjado ahora debería estar visible.

Seleccione el marco de la foto y vaya a Objetos > Efectos > Desvanecimiento de degrado, para abrir la ventana Efectos. Ajuste el Ángulo a -106 grados y mueva el deslizador posterior que está debajo de la opción Etapas de degrado, aproximadamente a dos tercios hacia la derecha.

Effects-WindowEffects-WindowEffects-Window

Haga clic en OK. Ahora, la cubierta tiene un tono anaranjado por encima que se aprecia principalmente en la contraportada.

Add-GradientAdd-GradientAdd-Gradient

9. Seleccione Fuentes para la Cubierta

Un regla general para el diseño profesional de portadas es restringir su elección de fuentes, únicamente a dos fuentes. A menudo, éste principio funciona bien si éstas fuentes contrastan una frente a otra, es decir, una fuente podría ser estilo sans serif, la otra con un estilo escrita a mano, en realidad, depende de usted y de lo que usted sienta que pueda ser lo mejor para su portada.

Para este tutorial, he seleccionado una agradable pero sencilla fuente sans llamada “Gandhi Sans”, y otra fuente estilo mecanografiado “Carbon Type”.


10. Inserte las fuentes y Formatee el Texto para la Portada

Paso 1

Seleccione la Herramienta de Texto (T) y cree un marco de texto que empiece en el borde derecho del lomo y termine en el extremo derecho del documento. Ajustelo a la posición 136.5mm con una anchura y una altura de 7mm. Mueva el marco de texto para que la parte superior del marco quede sobre el margen superior. Teclee “NOMBRE DEL AUTOR” dentro del marco. Resalte el texto y ajuste la Fuente a “Gandhi Sans Bold” el Tamaño de la fuente en 25 pt., el Tracking (el espacio entre los caracteres) en 100, el Color del texto en Blanco y seleccione Alinear al Centro desde el panel de control principal.

Paso 2

Cree otro marco de texto con la misma anchura (136.5mm) pero con una altura de 32.5mm. Ubique este marco directamente debajo del Nombre del Autor y en el centro horizontal del documento. Teclee “A TRAVÉS DE (haga un corte de párrafo) LA SELVA”. Resalte el texto y seleccione Alinear al Centro.

Resalte la palabra “A TRAVÉS” y ajuste la fuente con “Gandhi Sans Bold”, Tamaño de la fuente en 61pt., Tracking en 20 y el Color del texto con “Pantone 7416C”. Resalte las palabras “LA SELVA”, y ajuste la fuente con “Gandhi Sans Bold”, Tamaño de la fuente con 48.5pt., Interlineado con 43 pt., Tracking con 50 y seleccione el “Pantone 571C” para el color del texto.

Paso 3

Cree otro marco de texto para colocarlo al fondo de la portada. Ajuste la anchura con 136.5mm como lo hizo antes, y la altura con 5mm. El fondo del marco debería quedar sobre el margen inferior. Teclee “historias de viajes reveladoras” dentro del marco. Resalte el texto, al igual que antes, aplique la Alineación al centro y ajuste la Fuente con “CarbonType”. Ajuste el Tamaño de la fuente con 14.5 pt., y el Tracking con -20 y el Color del Texto con “Pantone 571C”. Resalte, únicamente la palabra “reveladoras” y ajuste el color del texto con un color blanco.

Front-CoverFront-CoverFront-Cover

11. Inserte y Formatee el Texto para el Lomo

Seleccione la Herramienta de Texto (T) y cree un marco de texto de 33mm de anchura y 3mm de altura. Teclee “NOMBRE DEL AUTOR”, y formatee con la fuente “Gandhi Sans Bold”, Tamaño 11pt., Tracking con 100 y el Color de texto con Blanco. Control-clic (Mac) o clic-derecho (PC) y debajo de la opción Transformar, seleccione Rotar 90 grados a la derecha. Deje la parte de arriba del marco de texto en el margen superior, debería de estar justo al centro del lomo.

Copiar este marco de texto, Pegar y ubicar directamente debajo del primer marco de texto sobre el lomo. Ajuste la anchura del marco a 83mm y la altura con 5.5mm. Mueva el marco para que la parte superior quede 69.5mm abajo de la parte superior del documento. De nuevo, centre el marco al centro del lomo.

Además, usted puede, de manera opcional, añadir un nombre para la Editorial (si es relevante) en el lomo, usando el mismo método. Deje el fondo del marco de texto sobre el margen inferior y ajuste el color de texto en negro.

Spine_1Spine_1Spine_1

12. Inserte y Formatee el Texto para la Contraportada

Seleccione la Herramienta de Texto (T) y cree un marco de texto, el borde del lado izquierdo de éste debería estar sobre el margen del lado izquierdo y el borde superior debería estar en el margen superior del documento. Ajuste las dimensiones con 104mm de anchura y 71mm de altura. Esto deja 17 líneas de texto ajustadas con “Gandhi Sans Regular”, Tamaño 10pt., con 12pt. de Interlineado, el color de texto Blanco y Justificado con la última línea alineada a la izquierda (que puede seleccionar desde el panel de control principal). Introduzca su propia propaganda o inserte texto solamente para rellenar, para mientras, esto lo puede hacer a través del la opción del menú principal Texto > Llenar con texto falso. Seleccione el primer par de palabras en el marco y ajuste éstas en Negrilla.

Copiar este marco de texto, Pegar, para ubicarlo directamente debajo del primer marco de texto que está en la contraportada. Ajuste la altura del marco a 4.1mm. Mueva el marco para que la parte superior quede 101mm abajo de la parte superior del documento. Esto deja unas 10 líneas de texto ajustadas con “Gandhi Sans Regular”, Tamaño 10pt., con 12pt., de Interlineado, Color de texto Negro y Justificado con la última línea alineada a la izquierda. Acá puede introducir la Biografía de su Autor o insertar texto para rellenar como lo hicimos anteriormente.  De nuevo, seleccione el primer par de palabras en el marco y déjelas en Negrillas.

Back-Cover_1_not-600Back-Cover_1_not-600Back-Cover_1_not-600

Aquí está un excelente consejo. Seleccione la primera letra del texto y ajuste a Capitular (número de líneas) a 2, para crear una letra capitular con un aspecto profesional, está opción la encuentra en el panel de control principal.

Drop-CapDrop-CapDrop-Cap

13. ¡Haga que el Texto en la Contraportada Realce!

Paso 1

Ya tiene el texto configurado en su portada pero en la contraportada y en el lomo, parece un poco…, bueno, ¡ilegible!  Hagamos algunos retoques para hacer que el texto realmente realce.

Use la Herramienta Rectángulo (M) para crear un marco de 106.388mm de altura y de 102.426mm de anchura. Ajuste el Trazo a Ninguno y el color de Relleno con “Pantone 7416C”. Ubique éste marco para que la parte superior del marco quede en el borde de la parte superior del sangrado y que el marco este directamente centrado en la parte superior de la caja de texto que contiene su texto de propaganda en la contraportada.

Paso 2

Seleccione el marco de la foto, el marco grande anaranjado al fondo del documento y éste marco anaranjado más pequeño (puede hacer esto arrastrando el puntero hasta la parte superior del documento). Asegúrese que nada más haya sido seleccionado, y luego presione Control-clic (Mac) o clic-derecho (PC) y debajo de Organizar, seleccione la opción Enviar detrás. El texto de propaganda debería estar al frente.

Back-Cover_2_not-600Back-Cover_2_not-600Back-Cover_2_not-600

Paso 3

Copiar el marco pequeño anaranjado que acaba de crear, Pegar y ubicarlo directamente debajo del marco original anaranjado que está en la contraportada, para que la parte superior de este nuevo marco se encuentre, exactamente, con el borde inferior del otro marco anaranjado. Debería quedar directamente en la parte superior del marco de texto Biografía del Autor.

Ajuste la altura de éste nuevo marco con 44mm. Cambie el Relleno del marco a Blanco y vaya a Objetos > Efectos y haga clic en Transparencia para abrir la ventana Efectos. Mantenga el Modo por defecto a Normal y ajuste la Opacidad con 65%. Haga clic en OK.

Effects-Window_TransparencyEffects-Window_TransparencyEffects-Window_Transparency

Paso 4

Seleccione una vez más el marco de la foto, el marco grande anaranjado al fondo del documento, y este nuevo marco de color blanco transparente, arrastrelos con el puntero del mouse hasta el fondo izquierdo del documento. Como antes, asegúrese que nada más ha sido seleccionado, y luego presione Control-clic (Mac) o clic-derecho (PC) y debajo de Organizar, seleccione Enviar detrás. El texto Biografía del Autor debería estar al frente.

Back-Cover_3_not-600Back-Cover_3_not-600Back-Cover_3_not-600

14. Haga Gritar al Texto del Lomo

Paso 1

Use la Herramienta Rectángulo (M) para crear un marco con una anchura de 4.75mm y una altura de 74.75mm. Deje la parte superior del marco frente al borde superior del sangrado y centre el marco al centro del lomo. Ajuste el Trazo a Ninguno y el color de Relleno con “Pantone 7416C”.

Seleccione este marco, el marco de la foto y el marco grande anaranjado al fondo del documento arrastrandolos con el puntero del mouse hasta la parte superior del lomo. Control-clic (Mac) o clic-derecho (PC) y debajo de Organizar seleccione la opción Enviar detrás. El nombre del Autor en el lomo debería estar al frente.

Spine_2Spine_2Spine_2

Paso 3

Copiar este marco anaranjado recién creado y Pegar. Cambie el Relleno a Blanco y mueva éste nuevo marco para que el borde superior se conecte directamente con el borde inferior del marco anaranjado más pequeño sobre el lomo.

Nuevamente, después de seleccionar el marco blanco, el marco de la foto y el marco grande anaranjado al fondo del documento, presione Control-clic (Mac) o clic-derecho (PC) y debajo de Organizar seleccione la opción Enviar detrás. El Título del Libro y el Nombre del Editorial en el lomo deberían estar al frente.

Spine_3Spine_3Spine_3

15. Añada un logo opcional y una dirección de sitio web a la contraportada

Ya sea que su portada esté destinada para ser publicada por primera vez o sea el próximo gran éxito de ventas, siempre será una muy buena idea añadir un logo o el nombre de una empresa y una dirección de un sitio web o de contacto en la contraportada. Esto es un buen lugar para los créditos del fotógrafo de la portada y, por supuesto, los suyos, ¡diseñador de la portada! 

En este ejemplo, he sujetado la tecla Shift mientras arrastro la Herramienta Marco Rectangular (F) para crear un marco cuadrado pequeño desde la esquina inferior izquierda de la contraportada. Luego vaya a Archivo > Colocar, e inserte un logo en blanco que combine con el esquema de color de la cubierta.

Debajo de este, y alineado en frente a los márgenes de la izquierda e inferior, he creado un Marco de Texto y escribí dentro la dirección del sitio web. Asimismo, puede que también desee insertar un marco blanco para un código de barra o para detalles del precio o insertar cualquier otro detalle. Hay muchos sitios web y programas disponibles para que pueda generar un código de barra único, y puede ser útil si su libro está destinado a la distribución y las ventas.

Lower_back_coverLower_back_coverLower_back_cover

16. Prepare su Portada para Enviarla a Impresión

Primero, y muy importante, verifique que no haya errores ortográficos. Además, verifique que el diseño se extiende sobre todos los bordes del documento hasta los bordes de sangrado.

Toque la tecla “W” para visualizar entre el modo Normal y Previsualizar para verificar que usted está satisfecho con su portada final. Vaya a Archivo > Exportar, y seleccione Adobe PDF (Impresión) desde el menú desplegable. Escoja un nombre de archivo y una ubicación adecuada para guardar su PDF, y luego haga clic en Guardar.

Export-WindowExport-WindowExport-Window

Debajo de General, y dentro del menú de opciones Valor de Adobe PDF, seleccione Calidad de Prensa.

Export-Adobe-PDFExport-Adobe-PDFExport-Adobe-PDF

Debajo de Marcas y Sangrados, seleccione Todas las marcas de impresora y debajo del menú Marcas, seleccione la opción Utilizar configuración de sangrado del documento, que está debajo de Sangrado y anotaciones.

Export-Adobe-PDF_2Export-Adobe-PDF_2Export-Adobe-PDF_2

¡Estupendo trabajo, ya está listo!

¡Buen trabajo, ahora tiene un hermosa cubierta lista para enviar a las impresoras!

Final_Cover_with_printer's_marksFinal_Cover_with_printer's_marksFinal_Cover_with_printer's_marks
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.