7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Books

Cómo crear una plantilla de libro en Photoshop

Scroll to top
Read Time: 7 mins

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

¿Te preguntas cómo crear una plantilla de libro en Photoshop? ¡Hoy te voy a mostrar una forma sencilla de crear una! Utilizaremos las herramientas estándar de Photoshop para crear un diseño básico para la portada, la contraportada y las páginas interiores de un libro.

A continuación, te mostraré una colección de plantillas de libros de Photoshop disponibles en Envato Elements.

Lo que aprenderás en este tutorial de Photoshop

  • Cómo hacer una plantilla de portada de libro en Photoshop
  • Cómo crear una plantilla de página de libro en Photoshop
  • Cómo crear una tabla de contenido en Photoshop

Lo que necesitarás

Necesitarás los siguientes recursos para completar este proyecto:

Personalízalo aún más con los recursos de Envato Elements.

1. Cómo hacer una plantilla de portada de libro en Photoshop

Paso 1

Comencemos creando un nuevo documento con los siguientes ajustes:

  • Ancho: 326 mm
  • Alto: 210 mm
  • Resolución: 300 ppp
  • Modo de color: CMYK
Creating a new documentCreating a new documentCreating a new document

Paso 2

Pulsa Control-R para activar las guías, y luego arrastra cuatro guías a los bordes del documento.

creating the guidescreating the guidescreating the guides

Paso 3

Ahora, necesitamos añadir un lugar para los márgenes. Ve a Imagen > Tamaño de lienzo y añade 6 mm a cada lado del documento.

changing the size of the canvaschanging the size of the canvaschanging the size of the canvas

Paso 4

Añade cuatro guías más que marquen los nuevos bordes del documento.

adding the guides to the borders of the documentadding the guides to the borders of the documentadding the guides to the borders of the document

Paso 5

Crea dos rectángulos con un tamaño de 148,34 mm por 210,06 mm, y ubícalos a los lados izquierdo y derecho del documento mientras mantienes pulsada la tecla Shift.

creating the shapes for the covercreating the shapes for the covercreating the shapes for the cover

Paso 6

Crea una forma para el lomo utilizando el color Amarillo y un Tamaño de 29,97 mm por 215,98 mm, y muévelo al centro del documento.

adding the spires shapeadding the spires shapeadding the spires shape

Paso 7

Selecciona la capa de fondo y pulsa Control-I para invertir su color.

inverting the color of the backgroundinverting the color of the backgroundinverting the color of the background

Paso 8

Crea una capa de texto usando Montserrat Bold con un tamaño de 60 pt y color Amarillo.

adding the first text layeradding the first text layeradding the first text layer

Paso 9

Para alinear el texto a la derecha de la cubierta del libro, selecciona la capa de texto y el rectángulo de la derecha mientras mantienes pulsado Control, y luego haz clic en Alinear Centro Horizontal y Alinear Centro Vertical.

aligning the text layeraligning the text layeraligning the text layer

Paso 10

Crea una capa de texto con el nombre del autor, utilizando la fuente Cardo con un tamaño de 24 pt y color Blanco, y luego alinéalo al centro del rectángulo derecho.

adding the second text layeradding the second text layeradding the second text layer

Paso 11

Ve a Vista > Guía nueva y utiliza la siguiente configuración:

  • Orientación: Horizontal
  • Posición: 195 mm

Después de esto, mueve la capa de texto al centro de la guía mientras mantienes pulsada la tecla Shift.

Creating a new guideCreating a new guideCreating a new guide

Paso 12

Agreguemos el enlace a tu sitio usando Montserrat Bold Font con tamaño de 14 pt y color Amarillo, y alineémoslo al lado derecho del documento.

adding a link to the siteadding a link to the siteadding a link to the site

Paso 13

Añade una nueva Guía Horizontal a 20 mm, y añade el título de tu libro en la parte izquierda del documento utilizando Montserrat Bold con un tamaño de 30 pt.

adding the book title to the left size of coveradding the book title to the left size of coveradding the book title to the left size of cover

Paso 14

Vamos a añadir un cuadro de texto para las citas o una descripción del libro. Selecciona Cardo Regular con tamaño de 14 pt y color Blanco. Haz clic y arrastra para crear el área de dicho cuadro, con un tamaño de 135 por 83 mm. Colócalo 10 mm por debajo del título.

creating the first text boxcreating the first text boxcreating the first text box

Paso 15

Crea un rectángulo con un tamaño de 50 por 50 mm, y luego presiona Control-T y establece las siguientes coordenadas:

  • X: 33,87 mm
  • Y: 150.28 mm

Estas serán el marcador de posición para el retrato del autor.

creating a shape for the portraitcreating a shape for the portraitcreating a shape for the portrait

Paso 16

Ve a Archivo > Colocar, selecciona el retrato que quieras usar y ponlo encima de la última capa de forma. A continuación, haz clic con el botón derecho del ratón > Crear una máscara de recorte en el panel Capas.

adding the photo to placeholderadding the photo to placeholderadding the photo to placeholder

Paso 17

Crea otro cuadro de texto usando Cardo Regular con tamaño de 14 pt y color Blanco, y con un tamaño de 80 por 50 mm. Coloca esta capa 3 mm a la derecha del retrato y 13 mm hacia abajo desde el cuadro de texto anterior.

creating the second text boxcreating the second text boxcreating the second text box

Paso 18

Para el último paso, vamos a añadir un título al lomo. Crea una capa de texto usando la fuente Montserrat Bold con un tamaño de 24 pt y color Negro, y luego presiona Control-T y gírala 90° mientras mantienes pulsada la tecla Shift. Y finalmente, Alinea el texto con el rectángulo del lomo.

adding the text to the spireadding the text to the spireadding the text to the spire

2. Cómo crear una plantilla de página de libro en Photoshop

Paso 1

Crea un nuevo documento con la siguiente configuración:

  • Ancho: 148 mm
  • Alto: 210 mm
  • Colores CMYK
creating a document for page templatecreating a document for page templatecreating a document for page template

Paso 2

Añade cuatro guías a los bordes del documento, y luego añade 6 mm al tamaño del lienzo para los márgenes y añade cuatro guías más.

adding the bleeds to the page templateadding the bleeds to the page templateadding the bleeds to the page template

Paso 3

Ahora, necesitamos añadir cuatro guías más, así que ve a Vista > Guía y utiliza la siguiente configuración:

  • Guía: Vertical; Posición: 10 mm.
  • Guía: Vertical; Posición: 145 mm.
  • Guía: Horizontal; Posición: 5 mm.
  • Guía: Horizontal; Posición: 210 mm.
creating guides for the page templatecreating guides for the page templatecreating guides for the page template

Paso 4

Selecciona la Herramienta Texto y establece la Fuente en Cardo Regular con un tamaño de 14 pt y color Negro. Después de eso, haz clic y arrastra para crear el área del cuadro dentro de las guías que creamos.

creating a text boxcreating a text boxcreating a text box

3. Cómo crear una tabla de contenido

Paso 1

Ahora vamos a crear la tabla de contenidos. Para ahorrar tiempo, podríamos utilizar la misma página que hemos creado en el paso anterior, pero esta vez tenemos que añadir cuatro guías diferentes con la siguiente configuración:

  • Guía: Vertical; Posición: 10 mm.
  • Guía: Vertical; Posición: 145 mm.
  • Guía: Horizontal; Posición: 10 mm.
  • Guía: Horizontal; Posición: 205 mm.
adding the guides for the table of contentsadding the guides for the table of contentsadding the guides for the table of contents

Paso 2

Crea un cuadro de texto dentro de las guías que acabamos de crear, y añade el título usando Montserrat Bold con un tamaño de 14 pt y crea la tabla de contenidos usando Cardo Italic con un tamaño de 16 pt. No olvides activar la opción de Alinear el texto a la izquierda.

creating a table of contentcreating a table of contentcreating a table of content

Excelente trabajo, ¡ya está listo!

Final Preview Book TemplateFinal Preview Book TemplateFinal Preview Book Template

Ahora que sabes cómo crear una plantilla de libro en Photoshop, puede que te interese echar un vistazo a la colección de plantillas y maquetas para libros, de Photoshop, disponibles en Envato Elements.

Portada de libro (PSD)

Book CoverBook CoverBook Cover

¿Buscas una plantilla de portada de libro en Photoshop? Esta es ideal para tu novela o historia de detectives. Ofrece un atractivo estilo monocromático con elementos amarillos que destacan, y cuenta con mucho espacio para tu imagen, una foto del autor y una breve descripción.

Revista fotográfica multiuso - A4 y US Letter (PSD)

Multipurpose Photo Magazine - A4 & US LetterMultipurpose Photo Magazine - A4 & US LetterMultipurpose Photo Magazine - A4 & US Letter

Esta plantilla de diseño de libro en PSD contiene 34 páginas totalmente editables (puedes cambiar los colores, las fuentes, etc.), por lo que es una gran opción para tu revista fotográfica o incluso para tu portafolio. ¡Todas las capas están muy organizadas y la plantilla está lista para imprimir!

Libro multiuso floral retro (AI, INDD, PSD)

Vintage floral multi-purpose bookVintage floral multi-purpose bookVintage floral multi-purpose book

No se trata de otro producto de Photoshop para la creación de plantillas de páginas de libros: esta plantilla puede utilizarse en varios tipos de proyectos de impresión, desde revistas y catálogos hasta portafolios y libros. Y funciona no solo para material impreso, sino también para la publicación digital. El paquete principal contiene 18 páginas en formatos PSD, AI e InDesign.

Maqueta de libro de tapa blanda (PSD)

Soft cover book mock upSoft cover book mock upSoft cover book mock up

Una vez que hayas terminado el diseño de tu plantilla de libro, probablemente quieras ver cómo quedará tu diseño en un libro real. ¡Prueba esta increíble plantilla de portada de libro para Photoshop! La descarga principal contiene cuatro archivos PSD editables y seis texturas de fondo en alta resolución (3500x2335 px). Es realmente fácil colocar tu diseño utilizando las capas especiales de marcadores de posición.

Maqueta de libro (PSD)

Book Cover Mock UpBook Cover Mock UpBook Cover Mock Up

Si necesitas una plantilla de diseño de libros en PSD para una versión de tapa dura de tu libro, ¡ésta podría ser una gran elección! Contiene ocho maquetas fotorrealistas diferentes en formato de archivo PSD, con objetos inteligentes totalmente editables. Las maquetas vienen en alta resolución (2500x2500px), y puedes ajustar fácilmente la iluminación, las sombras y los reflejos de tu imagen final o cambiar la imagen de fondo. No dudes en visitar Envato Elements para encontrar más productos relacionados con plantillas de libros para Photoshop.

¿Quieres saber más sobre la creación de plantillas de libros en Photoshop? Echa un vistazo a estos increíbles tutoriales:

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.