Cómo hacer una maqueta de un libro en 3D en Photoshop
Spanish (Español) translation by Rosario (you can also view the original English article)



Si tienes el diseño de la cubierta de un libro, pero el libro aún no está impreso, la única manera de saber cómo se verá después de la impresión es usar una maqueta (mockup) de libro. ¡Cuánto más realista sea, mejor! En este tutorial, te mostraré cómo hacer una maqueta de un libro en 3D usando una foto y un par de trucos de Photoshop.
¿Buscas un atajo? Dirígete a Placeit, donde puedes crear una maqueta de libro en 3D sin Photoshop usando un generador de maquetas de libros. También puedes probar nuestras maquetas de libros PSD en Envato Elements, como la que se muestra a continuación.



Lo que aprenderás en este tutorial de maquetas 3D en Photoshop
- Cómo hacer la maqueta de un libro en 3D
- Cómo añadir la cubierta de tu libro a la maqueta
- Cómo manipular una imagen para que parezca 3D
Lo que necesitarás
Necesitarás una foto de buena calidad de un libro, en alta resolución y con la iluminación adecuada. Aquí puedes descargar la que yo usé.
También necesitarás la cubierta de un libro para añadirla a tu maqueta en 3D. Puedes usar la tuya o descargar la mía.
1. Cómo aislar la cubierta del libro
Paso 1
Abre tu foto. Estas gafas harán la maqueta más convincente, pero primero tenemos que cortarlas de la cubierta. Para ello, toma la herramienta Selección de objetos (W) (la encontrarás en el submenú de la herramienta Varita mágica) y ponla en modo Lazo. Contornea las gafas a grandes rasgos.






Paso 2
Aparecerá una selección, que no es perfecta. Algunas áreas necesitan ser añadidas, añádelas con la misma herramienta mientras mantienes pulsado Shift. Algunas áreas necesitan ser eliminadas, elimínalas con la misma herramienta mientras mantienes presionada la tecla Alt.



Paso 3
Cuando llegues a los límites de esta herramienta, es hora de usar otra. Presiona Control-Shift-I para invertir la selección, y entrar en el Modo máscara rápida (Q). Pinta con negro para añadir un área a la selección y con blanco para eliminarla. No te preocupes tanto por los bordes, en este punto, estamos mayormente interesados en la parte interior.



Paso 4
Cuando termines, presiona Q e invierte la selección de nuevo. Ahora, solo necesitamos un par de pequeños refinamientos para hacer la selección perfecta. Ve a Selección > Seleccionar y aplicar máscara. Establece el ajuste Ver en En negro (A) y aumenta la Opacidad para añadir algo de contraste a la selección.
Muévete a la parte izquierda de la pantalla. Aquí tenemos un par de herramientas que puedes usar para un refinamiento más preciso:
- Usa la herramienta Pincel para perfeccionar bordes (R) para limpiar inteligentemente el borde de la selección.
- Utiliza la herramienta Pincel (B) para pintar la selección como lo hiciste en el modo Máscara rápida.
También puedes jugar con los deslizadores de la derecha para ver si puedes mejorar el borde de selección de esta manera. Cuando termines, pon la Salida en Nueva capa con máscara de capa y pulsa OK.






Paso 5
Añade una Nueva capa debajo de las gafas y rellénala con negro usando la herramienta Bote de pintura (G). Esto te permitirá ver si se te escapó algo en tu selección. Arregla estos problemas pintando en la máscara con blanco y negro. Nombra esta capa Gafas.



Paso 6
Ya aislamos las gafas, así que ahora es el momento de aislar la cubierta real del libro. Vuelve a la capa de fondo. Usa la herramienta Selección de objetos (W) de nuevo, esta vez seleccionando solo el libro. La selección será bastante mala, no te preocupes por eso, y simplemente usa el modo Seleccionar y aplicar máscara.






Paso 7
Tenemos que deshacernos de las páginas ahora. Toma la herramienta Pluma (P) en el modo Trazado y haz clic en los bordes de las cubiertas. Ignora las gafas.



Paso 8
Presiona Control-Enter para crear una selección. A continuación, ve a Selección > Seleccionar y aplicar máscara. Utiliza el Radio inteligente y el control deslizante de Radio para que el borde sea menos definido y más natural. Configura la Salida en Selección y presiona OK.



Paso 9
Ahora presiona Borrar para eliminar el área seleccionada, y Control-D para remover la selección. Vuelve a utilizar la herramienta Pluma (P) para seleccionar solo la cubierta frontal. Luego presiona Control-X y Control-Shift-V para pegar la cubierta en una nueva capa. Nombra estas capas como Cubierta Delantera y Contracubierta respectivamente.



2. Cómo aislar la luz y las sombras
Paso 1
Tenemos todas las partes aisladas ahora, pero necesitamos una cosa más: luz y sombras aisladas. Vamos a crear las sombras primero. Selecciona la capa superior y pulsa Control-Alt-Shift-E para crear una copia combinada de todas las capas. Luego presiona Control-Shift-U para desaturarla. Añade una capa de ajuste de Niveles y ajusta su configuración de la siguiente manera:






Paso 2
Duplica la capa desaturada y arrástrala hasta la parte superior. Añade una capa más de ajuste de Niveles, pero esta vez concéntrate en hacer visible la débil sombra de la izquierda, manteniendo la cubierta lo más brillante posible. Cuando termines, Combina cada capa desaturada con su capa de ajuste mediante Control-E.









Paso 3
Arrastra estas capas debajo de la capa de las gafas. Añade una Máscara de capa a la segunda y pinta sobre todo excepto la débil sombra de la izquierda. Luego combina estas capas y nombra la nueva capa Sombra. Cambia el Modo de fusión a Multiplicar.






Paso 4
Bloquea los píxeles transparentes en ambas capas de la cubierta y pinta en ellas con un color vivo. Esto revelará un problema: hay partes de las gafas que todavía tienen el color original de la cubierta en ellas. Para solucionarlo, mantén pulsado Control y haz clic en la Máscara de capa de las gafas. Presiona Control-H para ocultar la selección, y luego usa un 50% de gris brillante y pinta las partes que deben incluir el color de la cubierta. No te olvides de deseleccionar con Control-D cuando hayas terminado.






Paso 5
Muestra la capa de Fondo de nuevo. Si descubres algún error aquí, es un buen momento para deshacerse de él. Yo utilicé la herramienta Pincel (B) para repintar la parte del borde que se veía un poco ondulada.



3. Cómo añadir el diseño de la cubierta
Paso 1
¡Hora de añadir la cubierta real! Usa la herramienta Rectángulo (U) en el modo Forma para pintar un gran rectángulo. Luego haz clic con el botón derecho del ratón > Convertir en objeto inteligente. Nombra la capa Diseño de la cubierta.



Paso 2
Baja la Opacidad de esta capa y presiona Control-T. Mantén pulsado Control para arrastrar las esquinas del rectángulo a fin de que sus bordes sean paralelos a los bordes de la cubierta frontal. No tienen que estar perfectamente alineados, pero mantenlos lo más cerca posible.



Paso 3
Duplica esta capa con Control-J. Utiliza la herramienta Lazo (L) para seleccionar el área de las gafas que se superpone a la cubierta. Usa esta selección para añadir una Máscara de capa. Desvincula la Máscara de capa.






Paso 4
Usa Control-T de nuevo para ajustar el rectángulo al borde distorsionado por el lente.



Paso 5
Mantén pulsado Control y haz clic en la máscara, luego invierte la selección y añade una Máscara de capa a la capa anterior. A continuación, restablece la Opacidad de ambas, y recorta estas capas a la Cubierta frontal usando Control-Alt-G.



Paso 6
Añade una capa de ajuste de Color uniforme y recórtala a la Contracubierta. Esto te permitirá ajustar rápidamente el color de la contracubierta.



Paso 7
Creo que podemos lograr un efecto aún más convincente simulando un reflejo en el lente. Duplica la Copia del diseño de la cubierta, recórtala y gira ligeramente su rectángulo. Cambia el Modo de fusión de esta capa a Trama y llámala Reflexión.






Paso 8
Usa un pincel difuso y pinta su máscara con negro para hacer el reflejo más suave. Presiona \ para ver la máscara en rojo, como en la foto de abajo.



Paso 9
Queda un acento de color más que puede chocar con el esquema de color final. Añade una capa de ajuste de Tono/Saturación y rellena su máscara con negro. Pinta la máscara con blanco sobre la banda de color vibrante del lomo, para que el ajuste se aplique solo a esta parte.






Paso 10
¡Nuestra maqueta de libro en 3D está lista! Para añadir el diseño de la cubierta, haz doble clic en cualquiera de las capas de objetos inteligentes y pega tu imagen en su contenido. Si la imagen tiene un formato diferente al de nuestra plantilla, puedes usar Edición > Rellenar y establecer Según contenido para rellenar las áreas vacías. Cuando termines, guarda el archivo y ciérralo para que aparezca en tu maqueta.



Después, es bueno pasar un tiempo extra ajustando las capas. Es necesario cambiar el color de la contracubierta, también puedes reducir la Opacidad de cualquiera de los efectos para hacerlos más sutiles, o duplicarlos para hacerlos más fuertes.



¡Buen trabajo!
¡Ahora sabes cómo hacer una maqueta de un libro en 3D en Photoshop! También puedes usar los trucos que has aprendido hoy para crear otros tipos de maquetas, después de todo, se trata de aislar las partes de la imagen, aislar las sombras y cambiar la perspectiva, ¡y ahora ya sabes cómo hacerlo!
Maquetas de libros en 3D
Eso fue mucho trabajo, ¿no? Si no puedes dedicar tanto tiempo a crear tu propia maqueta, quizá quieras buscar una maqueta de libro 3D en línea, usando algún tipo de generador de maquetas de libros en 3D. Si es así, deberías probar Placeit, un generador en línea de todo lo relacionado con el diseño, desde libros hasta camisetas, tazas de café, pósteres, iPads e incluso alfombras de yoga.
Pero si prefieres una plantilla de Photoshop, te tenemos cubierto también en Envato Elements:
Maqueta de libro de tapa dura (PSD)



Si quieres mostrar tu portada de la manera más atractiva posible, ¡las tapas duras son la mejor opción! Esta maqueta de libro de tapa dura está muy bien sombreada, lo que añadirá realismo al diseño del libro, y el fondo es simple y limpio.
Maqueta de libro de tapa blanda (PSD)



Los libros de tapa blanda también se ven bien, especialmente cuando son tan realistas como en esta maqueta. Tiene un fondo minimalista, y sin embargo se puede ver que es un fondo real, lo que hace que toda la maqueta sea más convincente.
Maqueta de múltiples libros (PSD)



¡Cuantos más, mejor! Muestra un paquete entero de tus libros al mismo tiempo con esta maqueta. Esta plantilla es altamente personalizable, incluyendo los reflejos y las sombras.
Maquetas de libros de tapa dura (PSD)



Si aún no has decidido qué vista sería la mejor para tu libro, prueba esta plantilla, que contiene cinco maquetas diferentes que muestran diferentes aspectos del libro. ¡Pruébalas todas y elige una o más!
Maqueta de libro cuadrado (PSD)



Los libros cuadrados son menos populares, así que si estás escribiendo uno, va a ser más difícil encontrar una buena maqueta para él. Pero no te preocupes, encontré una para ti, ¡y es perfecta! Este paquete contiene 15 maquetas fotorrealistas y es altamente personalizable.
Maquetas de libros en 3D y tutoriales de cubiertas
Si te interesan las maquetas y las cubiertas de libros, puedes consultar también estos tutoriales:
- Maqueta de productosCómo hacer una maqueta de una cubierta de libro sin usar PhotoshopMonika Zagrobelna
- Cubierta de librosCómo hacer una cubierta de libro de fantasía (con un generador online)Monika Zagrobelna
- Diseño de librosCómo hacer la cubierta de un libroGrace Fussell
- Cubierta de librosCómo diseñar la cubierta de un libro románticoMonika Zagrobelna
- Cubierta de librosCómo diseñar una cubierta de libro vintageGrace Fussell
