() translation by (you can also view the original English article)
En este tutorial de Photoshop de plantilla de portada de libro, crearemos un diseño de portada de libro de los años 80. Puedes utilizar esta plantilla de diseño de cubierta de libro para explorar toda una serie de ideas de cubierta de libro, tanto si te gusta el ambiente retro como si te gusta otra estética. Vamos a profundizar en ello.
Qué necesitarás
Necesitarás los siguientes recursos para completar este proyecto:
- Kit Retro Landscape (elementos ilustrativos para el diseño de portadas de libros de los 80)
- Efectos de texto retro de los 80 en Photoshop
- Fuente The Painter Script
- Fuente Jurka Block
- Fuente Beauty Salon Modern Duo
- Tipo de letra geométrica George Sans
Ten en cuenta que también puedes seguir estos pasos con tus propios recursos y tu propia estética. Siéntete libre de utilizar cualquier fuente o imagen de tu elección.
1. Cómo crear tu propia plantilla de portada de libro
Paso 1
En primer lugar, hablemos de cómo funcionan las portadas de los libros. La plantilla de la cubierta de tu libro va a variar dependiendo de varios factores, tales como:
- El tamaño de su libro impreso. Asegúrate de anotar estas dimensiones, ya que tendrás que basar muchas de tus decisiones en ellas.
- El tamaño del lomo de tu libro. Piensa en esto. Un libro más largo es más "grueso" que uno más corto, y a menudo hay que tener en cuenta este aspecto al diseñar la cubierta.
- El tipo de encuadernación. ¿Estás diseñando una sobrecubierta para un libro de tapa dura? ¿O tu libro está perfectamente encuadernado, con una cubierta blanda? Las distintas opciones pueden tener requisitos diferentes.
Esta información puede resultar muy abrumadora para un principiante. Por suerte, tu imprenta o servicio de impresión debería poder ayudarte con estos detalles. Muchas imprentas ofrecen incluso plantillas con guías para ayudarte a comenzar tu diseño.
Paso 2
Aun así, es fundamental que entienda algunos de los términos básicos que se utilizan al imprimir la cubierta de un libro. Estos son algunos de los términos que debes tener en cuenta para poder preguntar y trabajar de forma eficaz con el impresor que elijas:
Tamaño de corte. El tamaño de corte de tu libro (y de tu cubierta) son las dimensiones finales después de recortar el exceso. Así, por ejemplo, una impresión de 6 "x9" tendrías un tamaño de impresión de 6 "x9".
Sangría. La sangría se extiende más allá del tamaño de corte. Así, por ejemplo, tu impresión de 6 "x9" podría requerir una sangría de 0,125" alrededor de todos los bordes. Piensa en ello como un espacio extra para asegurar una impresión que va "a todo trapo", o imágenes que se extienden a toda la altura y anchura del área impresa.
Paso 3
Zona de seguridad. Suele ser más pequeña que el tamaño de recorte. Normalmente, los documentos tienen un Margen, que podemos utilizar para dejar espacio alrededor del perímetro de nuestro trabajo. El área segura es la parte de la página donde es seguro poner lo esencial (como el texto) sin riesgo de recorte o problemas de visibilidad.
Paso 4
Tamaño del lomo. El tamaño del lomo de tu libro variará en función de la longitud del libro y de tus opciones de impresión. Un libro más grande tendrá un lomo más grande. Pregunta a tu impresor o consulta una calculadora de lomos de libros como referencia.
Paso 5
Tomemos lo que hemos aprendido y utilicémoslo para calcular un ejemplo.
Supongamos que tienes previsto autopublicar tu libro y que deseas trabajar con un tamaño comercial estadounidense de 15,24 x 22,86 cm. Crearemos un libro de tapa blanda con encuadernación perfecta.
Vamos a trabajar con un sangrado de 0,125" alrededor de todos los lados. Recuerda, esto se extiende más allá de nuestro tamaño de corte, o el tamaño final del libro.
Y hagamos nuestro lomo de 0,5" de ancho. Esta es una estimación general para un libro de 220 páginas, utilizando un papel más bien fino (busca una calculadora de lomos en línea o pide sugerencias a tu imprenta para esto). Por lo tanto, tendremos que añadir estas 0,5" pulgadas a nuestra anchura total.
Ten en cuenta que tu portada tiene un anverso y un reverso. Eso significa que tenemos que añadir:
Cálculo del ancho de la muestra: 6" de ancho (para el anverso) + 0,5" de ancho (para el lomo) + 6" de ancho (para el reverso) + 0,25" para el área total de sangría en ambos lados exteriores.
Cálculo de la altura de la muestra: 9" de altura + 0,25" para el área de sangría en la parte superior e inferior.
Esto haría que nuestra plantilla de portada de libro fuera de 9,25" de alto por 12,75" de ancho. Estas son las dimensiones que debemos utilizar cuando creemos nuestro documento de diseño.
De nuevo, ten en cuenta que este es un ejemplo. Tu libro podría variar en función de las dimensiones, la longitud de las páginas, la elección del papel y otros factores.
2. Cómo hacer una plantilla de portada de libro en Photoshop
Paso 1
Ahora, pasemos a Adobe Photoshop. Crea un Nuevo Documento yendo a Archivo > Nuevo.
Esto hará que aparezca el cuadro de diálogo que se muestra a continuación.
Usemos el ejemplo que acabamos de explorar. Establece el ancho del documento en 12,75 pulgadas y el alto en 9,25 pulgadas. Establezca la resolución a 300 dpi.
Haz clic en Crear cuando hayas introducido todos los valores deseados.
Paso 2
Nuestro nuevo documento parece una gran página en blanco. Empecemos por crear algunas guías para saber dónde están las áreas de sangría, recorte y seguridad en nuestra composición.
Ve a Ver > Nueva disposición de la guía.
Usando las opciones de Margen, introduce 0.125" alrededor de cada lado. Estos marcadores nos mostrarán el área de sangría y dónde se recortará la cubierta del libro. Activa la vista previa para ver tus guías mientras experimenta con los valores.
Una vez que estés satisfecho con tus guías, haz clic en OK para añadirlas.
Paso 3
Ahora, vamos con otra guía. Esta vez, ve a Ver > Nueva guía.
Haz clic en el botón de radio Vertical, y luego introduce 6,125 pulgadas. Esto significa 6" de ancho para nuestra portada, más 0.125" para nuestro sangrado en el lado izquierdo.
Haz clic en OK una vez que haya introducido estos valores.
Paso 4
Repitamos el proceso. Vayamos a Ver > Nueva Guía de nuevo.
Una vez más, queremos seleccionar Vertical. Esta vez, introduce 6,625 pulgadas.
Haz clic en OK una vez que hayas introducido estos valores. Ahora podemos ver claramente dónde está la columna vertebral en nuestra composición.
Paso 5
Por último, añadamos un espacio de margen a la cubierta de nuestro libro. Considera esto como la definición de nuestro espacio seguro, donde podemos poner lo esencial como el texto.
Ve a Ver > Nueva disposición de la guía.
Utiliza la configuración de Margen, una vez más. Esta vez, vamos a añadir 0,35 pulgadas alrededor de cada lado.
Paso 6
Todavía no hemos terminado. Vamos a añadir dos guías más yendo a Ver > Nueva Guía.
Añade una guía vertical a 5,775 pulgadas. Esta es la medida hasta el lomo, menos 0,35 pulgadas para el espacio del margen.
Añade una segunda guía vertical a 6,975 pulgadas. Esta es la anchura incluyendo el lomo, más 0,5 pulgadas para el espacio del margen.
Este es el aspecto de nuestra composición con todas nuestras guías visuales.
Paso 7
Se trata de una gran cantidad de información, por lo que algunos diseños de plantillas de cubiertas de libros utilizan pistas visuales para ayudar a que estas guías sean más claras. Esto también puede ser una buena manera de comprobar tu trabajo. Ten en cuenta que los pasos 7, 8 y 9 no son obligatorios, pero sí recomendables.
Abre tu panel de capas, yendo a Ventana > Capas.
Crea una nueva capa y llámala "Sangrías".
Paso 8
A continuación, vamos a activar la función de ajuste. Asegúrate de que Ajustar a las guías también está activado.
Paso 9
Ahora, podemos utilizar fácilmente la herramienta Marquesina Rectangular para seleccionar nuestra área de sangría, ya que se ajustará a nuestras guías.
Con esta área seleccionada, utiliza la herramienta Cubo de pintura para rellenarla con un color de tu elección.
Podemos repetir este proceso para definir cualquier parte de nuestro diseño que queramos. En el ejemplo siguiente, el color azul claro representa visualmente la sangría. El gris claro es el espacio del margen, y el gris oscuro es el lomo.
Nota: estos colores no se imprimirán. Son sólo una referencia visual.
Consejo: Me gusta poner el modo de fusión de estas capas en Multiplicar, para poder verlas continuamente mientras diseño.
3. Cómo hacer un diseño de portada de libro en Photoshop
Paso 1
Ahora que hemos hecho toda esa configuración, podemos usar libremente nuestra plantilla para experimentar con cualquier estilo visual que queramos.
En este tutorial, nos centraremos específicamente en la portada de un libro de los años 80. Así que tenemos que pensar en lo que define esa estética. Podríamos usar cosas como:
- colores saturados, brillantes y de neón
- formas geométricas
- patrones excéntricos, a menudo con un uso "ocupado" del color y la forma
- efectos de cromo y brillo de neón
- contraste visual y ruido
- tipo de contraste (como el bloque con la escritura)
Esto puede sonar algo salvaje, pero es porque la estética de los 80 podía desviarse por el lado salvaje. En caso de duda, tómate un tiempo para hacer una investigación visual. Esto es válido independientemente de la estética que elijas. Si observas, podrás identificar lo que funciona y por qué.
Empecemos con este ejemplo de Envato Elements. Contiene toda una serie de activos de temática ochentera con los que podemos experimentar. Podemos utilizar escenas prefabricadas o mezclar y combinar toda una colección de elementos de temática ochentera.
Paso 2
Para empezar, copia y pega una de las imágenes en tu plantilla de diseño de libros. Yo elegí una de las escenas prefabricadas de ese kit de recursos en particular.
Verás que Photoshop lo ha pegado en una nueva capa, en mi panel de capas. Para la organización, he llamado a esta capa "Imagen".
Paso 3
Con la herramienta de movimiento, mueve y ajusta las imágenes hasta que estés satisfecho con su colocación en la portada y la contraportada.
Opté por duplicar la imagen (duplicando la capa de la imagen). Luego, las posicioné por separado. También decidí posicionarlas más abajo en el lienzo.
Paso 4
Como al bajar las imágenes quedaba un gran espacio en blanco en la parte superior, era necesario ajustarlo. Para solucionarlo, creé una nueva capa debajo de mis imágenes.
Seleccioné este espacio con la herramienta Marquesina Rectangular. Luego, rellené esto con negro, usando la Herramienta Cubo de Pintura.
Paso 5
Ahora, pensemos en el título. Suele ser uno de los puntos más importantes en el diseño de la cubierta de un libro, así que queremos que destaque.
Para esta demostración, utilizaremos el efecto de texto de Photoshop que se muestra a continuación. Tiene un montón de opciones para ayudar a capturar esa estética de los 80.
Paso 6
Los efectos de texto de Photoshop pueden ser una forma sencilla y divertida de experimentar con elementos visuales avanzados. En este caso, he utilizado la fuente Jurka para la palabra "Retro" y la fuente The Painter para la palabra "Storytime".
Puedes utilizar cualquier fuente que prefieras, es una de las ventajas de trabajar con efectos de texto preconfeccionados. Solo tienes que hacer doble clic para ir dentro del objeto inteligente, editar el texto, y luego comprobar el resultado.
Paso 7
A continuación, llevé el texto de los 80 recién creado a la plantilla de la portada del libro.
Puedes arrastrar las capas entre los documentos de Photoshop para transferir fácilmente el contenido de un documento a otro.
Me gusta organizar mi trabajo en carpetas en mi panel de capas. Basta con hacer clic en el icono de la carpeta en la parte inferior del panel Capas para crear una nueva carpeta.
Observa que he colocado el texto en una carpeta llamada "Portada", abajo, y he cambiado el color a púrpura. Este es un paso opcional, pero puede ser beneficioso si terminas con un montón de capas para ordenar.
Paso 8
El resto del texto de la portada no tiene que destacar tanto, pero sí tiene que coincidir. Utiliza la herramienta de texto para añadir más texto a la portada.
Utilicé la fuente George Sans Geometric para el eslogan, en la parte superior de la portada. Tiene un aspecto geométrico que encaja con la estética general.
Utilicé la fuente Beauty Salon Modern para el nombre del autor, en la parte inferior de la portada.
Paso 9
Ahora, echemos un vistazo a nuestra contraportada. Piensa en el tipo de contenido que esperas ver ahí. Este suele ser un lugar donde podemos "vender" nuestro contenido a los posibles lectores. He creado una nueva carpeta en mi panel de capas para mi contraportada, también. Una vez más, esto es para fines de organización.
Empecemos con una imagen. Yo utilicé esta imagen de stock de Envato Elements. Copia y pega tu imagen en la plantilla de la cubierta del libro.
Paso 10
Vamos a empujar la estética aquí más lejos. He inclinado la imagen yendo a Edición > Transformación libre. Rota la imagen ligeramente.
A continuación, crea un cuadrado rosa neón detrás de la imagen. Para ello, crea una Nueva Capa. A continuación, dibuje un rectángulo con la herramienta Marco rectangular y rellénelo con la herramienta Cubo de pintura.
También puedes utilizar la herramienta Rectángulo para dibujar esta forma. Inclina el contenido hasta que estés satisfecho con su disposición, utiliza la Herramienta Mover y/o Transformación Libre.
Paso 11
Para que coincida con nuestro cuadrado rosa neón, he creado un rectángulo rosa neón más grande. Este es un gran espacio para un texto complementario.
Crea esta forma usando uno de los métodos que cubrimos en el Paso 10. A continuación, crea un texto utilizando la herramienta de tipo. He utilizado la fuente George Sans Geometric.
Paso 12
Continúa añadiendo texto a tu composición, utilizando la herramienta de texto. He añadido un tipo de letra suplementario junto a nuestra imagen. Esto es en la fuente George Sans Geometric, de nuevo, por lo que coincide con mi otro tipo suplementario.
También añadí un titular encima de mi rectángulo rosa neón. Este es un tipo de letra que debes destacar, así que utilicé la fuente Beauty Salon Modern, de nuevo. Esta elección coincide con el nombre del autor en la portada.
Paso 13
Sigamos esa tendencia, pero tirando más de la influencia de la portada.
He copiado parte del título, el texto rosa que dice "Storytime" y lo he reutilizado para un titular en la contraportada. Solo tienes que editar este texto con la herramienta de texto.
El uso de elementos comunes como este puede ayudar a unificar visualmente la composición.
Paso 14
Aquí hay mucha influencia geométrica. Así que vamos a probar con un acento geométrico para dar aún más énfasis a nuestro titular superior en la contraportada.
Utiliza la herramienta Lazo Poligonal para dibujar una selección triangular. A continuación, rellena esta selección con blanco, utilizando la herramienta Cubo de pintura.
Paso 15
A medida que diseñas, es posible que quieras activar y desactivar las guías, para poder previsualizar tu trabajo sin ellas. Para ello, ve a Ver > Extras. Si está marcada, las guías serán visibles.
También puedes desactivar la visibilidad de los colores de los márgenes en nuestras capas. En el ejemplo de abajo, las guías están ocultas, así como el espacio visual de los márgenes. Todavía podemos ver una superposición azul para nuestro sangrado.
También podemos volver a nuestra capa "Spine" y cambiar el color. En este caso, hice la columna vertebral de un color negro sólido. Para ello, utilice la herramienta Cubo de pintura.
Paso 16
Añade texto al lomo de tu diseño de cubierta de libro utilizando la herramienta de texto. Aquí he utilizado George Sans Geometric, una vez más, para que mi elección de fuente coincida con el resto de mi composición.
Recuerda que puedes experimentar con el modo de fusión de cada capa. En este caso, tomé el lomo negro y puse el modo de fusión en Multiplicar. Luego, bajé la Opacidad, para que tenga una presencia más suave.
Paso 17
Al finalizar este diseño, activé la visibilidad de la capa "Márgenes:". Esto no es algo que se imprimirá en el producto final. Sin embargo, puede ayudar a medir visualmente la colocación del contenido en relación con el ajuste. También puedes contar con la ayuda de tus guías en este sentido. Asegúrate de mantener el contenido clave, como el texto y tu código de barras, en esta zona segura.
La mayoría de las cubiertas de los libros tienen un código de barras. Asegúrate de consultar estas especificaciones con tu imprenta o con los requisitos de publicación.
Por ejemplo, si se trata de una autopublicación en Amazon, asegúrate de que tu código de barras sea de 2" de ancho por 1,2" de alto. Puedes crear un nuevo documento de este tamaño y luego copiarlo y pegarlo en la plantilla de la cubierta del libro. Así sabrás que el tamaño es el adecuado.
Paso 18
Aquí tenemos una vista previa final de nuestro trabajo, con las guías, la sangría y los márgenes/seguridad ocultos. Podemos volver a activar estos ayudantes visuales en cualquier momento, pero es bueno echar un vistazo a tu trabajo sin ellos para tener una idea de tu progreso.
4. Cómo guardar y previsualizar el diseño de la cubierta del libro
Paso 1
Cuando guardes tu trabajo, asegúrate de guardar un archivo PSD de Photoshop. ¿Por qué? Querrás conservar tus capas, por si acaso necesitas hacer ajustes. También es posible que quieras volver a utilizar tu plantilla de portada de libro algún día para otro libro.
Otros tipos de archivos, como JPG y PNG, suelen ser imágenes "aplanadas", lo que significa que perderás las capas.
Ten en cuenta también que un archivo listo para imprimir no es necesariamente apropiado para la web. Si vas a compartir tu trabajo en línea, te recomiendo una resolución baja, con una vista previa más pequeña. Esto hará que la carga de la imagen sea más rápida y que la versión lista para imprimir no esté disponible para el público en general.
Ve a Archivo > Guardar como para guardar tu trabajo en otros tipos de archivo.
Paso 2
Aquí, en Photoshop, hemos diseñado una cubierta plana para el libro. Eso está muy bien, pero ¿no estaría bien ver nuestro libro en acción? Podemos hacerlo con una maqueta de Photoshop.
No vamos a crear nuestra propia maqueta de libro en este tutorial, pero vamos a ver cómo el uso de una puede ayudarnos a tener una idea de nuestro producto final.
Probemos nuestro trabajo en esta plantilla de portada de libro en Photoshop de Envato Elements.
Paso 3
Todo lo que tenemos que hacer es colocar el diseño de la cubierta de nuestro libro dentro de los objetos inteligentes de la maqueta.
Haz doble clic en el objeto inteligente en el panel Capas. Esto nos lleva "dentro" del objeto inteligente. Todo lo que tenemos que hacer es pegar nuestro diseño de la cubierta del libro en este espacio y guardar.
Entonces, la maqueta se actualizará visualmente para mostrar nuestro contenido. Ahora, tenemos una muestra de cómo se verá nuestro libro cuando esté impreso y listo para salir. Genial, ¿verdad?
Y ahora has hecho un diseño de portada de libro
La creación de una plantilla de portada de libro puede incluir muchas consideraciones, pero no es tan difícil, una vez que se entienden los fundamentos. Puede tomar estos conceptos y aplicarlos a cualquier diseño de portada de libro. Espero que hayas disfrutado de la creación de esta plantilla de portada de libro en Photoshop.
Si buscas fuentes, efectos, imágenes y otros contenidos para el diseño de tu próxima portada de libro, echa un vistazo a Envato Elements. Puedes encontrar miles de fuentes, fotos, plantillas gráficas, maquetas y mucho más, y todo ello con descargas ilimitadas.
Aquí tienes una muestra de algunos de los contenidos que puedes descargar hoy.
1. Photoshop Book Cover Design Template
¿Busca una plantilla de diseño de portada de libro ya hecha? Mira esta. Está preparada y lista para personalizar en Adobe Photoshop.
2. 80s Book Cover Design Template Photoshop
Aquí tenemos otro diseño de plantilla de portada de libro en Photoshop. También captura algo de esa estética elegante de los años 80. Utilízala para poner en marcha tu proceso de diseño.
3. Stylish Book Cover Design Template
También hay muchas plantillas de otros tamaños y formas. Por ejemplo, esta elegante plantilla de libro cuadrado. Puede ser ideal para álbumes, libros de fotos y mucho más.
4. Cook Book Cover Design Template
También hay muchas plantillas de diseño de libros para otros programas, como Adobe InDesign, en Envato Elements. ¿Estás trabajando en un libro de cocina o de recetas? Echa un vistazo a esta plantilla.
5. Book Cover Design Mockup Template
También hay muchas maquetas que puedes consultar en Envato Elements, como ésta. Pueden ser una forma impresionante de mostrar tu trabajo.
6. Mockup Book Cover Template Photoshop
Esta plantilla de maqueta es perfecta si estás trabajando en la cubierta de un libro. Compruébalo y pruebe tu diseño en Adobe Photoshop.
7. Vintage Photo Creator (Book Cover Ideas)
Conseguir la portada perfecta para un libro puede ser difícil. Considera la posibilidad de probar un efecto de Photoshop para dar un giro creativo a tus imágenes. Este tiene un toque vintage.
8. Hipster Colorful Photo Template (Book Cover Ideas)
¿Qué tal un enfoque colorido y decorativo? Esta es otra plantilla impresionante, en la que puedes insertar tus imágenes y acabar con un aspecto totalmente nuevo.
9. Watercolor Photo Creator (Book Cover Ideas)
La acuarela puede dar un aspecto realmente dramático y bello: podría funcionar bien para el diseño de la portada de un libro. Prueba esto en Adobe Photoshop.
10. Promotional Video Template for Book Cover Design
¿Quieres anunciar tu libro? Envato Elements también tiene plantillas de vídeo, como ésta, que es perfecta para mostrar tu próximo gran lanzamiento.
¿Quieres aprender aún más sobre el diseño de portadas de libros? Echa un vistazo a esta selección de tutoriales gratuitos centrados en libros de Envato Tuts+. ¡Feliz diseño!
Maqueta de productoCómo hacer una maqueta de portada de libro sin Photoshop
Portada del libroCómo diseñar la cubierta de un libro de época
Diseño de librosCómo hacer una plantilla de diseño de libro en InDesign
Portada del libroCómo diseñar la portada de un libro romántico
Plantillas de InDesignCómo hacer una plantilla de libro en InDesign (portada y maquetación)
