Cómo diseñar con orgullo imágenes de libros en 3D gratis

Publicado: 2022-03-22

¿Diseñar imágenes de libros en 3D?

¡Es más fácil de lo que piensas!

Una vez que haya creado contenido increíble, es hora de comercializarlo.

Para promocionar y vender contenido digital, debe diseñar portadas de libros que los lectores encuentren irresistibles.

Pero con las licencias de Adobe Photoshop a un precio de $120/año en adelante, es posible que no tenga los recursos financieros para crear material promocional atractivo o para contratar a alguien que lo haga por usted.

Nunca temas…

... ¡GIMP está aquí!

GIMP es un editor de fotos e imágenes gratuito, disponible aquí. Es mantenido por el usuario, con capacidades casi ilimitadas.

Cómo diseñar portadas de libros gratis

Siga esta guía paso a paso para crear un impresionante diseño de portada de libro en 3D para su libro electrónico, curso en línea o serie de audio/video.

1. Prepare su portada y lomo

Necesitará dos imágenes: una para la portada y otra para el lomo.

Ya sea que lo diseñe usted mismo o lo reciba de un diseñador contratado, necesitará las imágenes en formato PNG.

Tenga en cuenta que estas instrucciones son para una cubierta de libro de 8,5″ x 5,5″; modifique sus especificaciones en consecuencia.

Si no está seguro de cómo hacerlo, abra el documento en Microsoft Publisher. Puede cambiar fácilmente el Tamaño de página (en la pestaña Diseño de página) para que se ajuste a los tamaños necesarios.

Los lomos deben ser de 8,5″ x 0,5″ para libros con 200 páginas o menos. Para libros con más páginas, crea un lomo de 8.5″ x 1″.

Si el fondo de la portada y/o el lomo es blanco, déle un borde negro delgado. Esto le dará al libro una definición física.

2 - Imagen de la columna vertebral

Aquí algunos atajos útiles en GIMP:

  • Para acercar o alejar, haga clic en una capa y presione "+" o "-".
  • Ctrl+Z es el comando "Deshacer".

Los botones más importantes que utilizará son:

3 - Botón Mover herramienta Herramienta de movimiento
4 - Botón de herramienta de perspectiva Herramienta de perspectiva
5 - Botón de herramienta de fusión Herramienta de mezcla
6 - Botón de la herramienta de llenado del balde Herramienta de llenado de cubo

2. Crea la Perspectiva 3D

7 - Nueva capa BG

La perspectiva

Abra GIMP. Haga clic en "Archivo -> Nuevo".

Cuando aparezca la ventana, haga clic en la barra desplegable y seleccione "Píxeles". Hacer las dimensiones 2000 x 2000 y el color Blanco. Este será tu fondo.

En la barra de menú, haga clic en "Archivo -> Abrir como capas" y abra su imagen de portada.

Tenga en cuenta que GIMP, como todos los editores de imágenes profesionales, procesa las imágenes en capas. Piense en las capas como piezas de papel apiladas una encima de la otra. La portada debe ir encima del fondo.

Haga clic en Portada, luego en la barra de menú: "Imagen -> Tamaño del lienzo". Asegúrese de que las dimensiones sean 2000 x 2000 píxeles.

10 - Cambio de perspectiva 1

Esto le da espacio para trabajar.

Haz clic en "Cambiar tamaño".

Selecciona la herramienta "Perspectiva", luego haz clic en la imagen de la portada. En cada una de las cuatro esquinas de la imagen, aparecerán cuadros, así como la ventana "Perspectiva". Haga clic y arrastre los cuadros superior e inferior derecho para darle a su imagen un aspecto 3D en ángulo.

Cuando haya terminado, haga clic en "Transformar" en la ventana "Perspectiva".
13 - Curva Curva 1

La curva curva

Haga clic en su portada y luego seleccione en el menú: "Filtros -> Distorsiones -> Curva curva".

Aparecerá la ventana “Curve Bend”. A la izquierda hay una vista previa de cómo se verá su cubierta una vez que esté curvada. Asegúrese de hacer clic en "Vista previa automática" para ver cómo se verán sus cambios.

A la derecha está el cuadro "Modificar curvas", su área de trabajo. Debajo, observe los botones "Superior" e "Inferior" que le permiten cambiar la curva de los lados superior e inferior de la imagen.

14 - Curva Curva 2

Asegúrese de que el botón "Superior" esté seleccionado.

Apunte y haga clic a lo largo de la línea: creará un nuevo punto que puede arrastrar para crear el efecto curvo.

Recomiendo crear de 3 a 4 puntas y tirar de ellas hacia arriba para formar una curva suave y suave, lo que permite una mayor curvatura hacia el extremo derecho del libro, donde una portada de libro de bolsillo real podría curvarse.
Ahora haga clic en el botón "Bajar".

A la derecha hay otro botón que dice "Espejo". Úselo para hacer coincidir exactamente la curva "Superior".

Incluso si decide tener diferentes curvas Superior e Inferior, le recomiendo encarecidamente que se reflejen entre sí al principio, antes de ajustarlas como desee.

15 - Curva Curva 3

Nota: La ventana "Modificar curvas" no tiene en cuenta cómo ya ha alterado el ángulo de su imagen. Deberá jugar con esto y usar Ctrl + Z para deshacer rápidamente una curva desordenada y darle otra oportunidad.

3. Agregue la columna vertebral

17 - Mover la columna

En la barra de menú, haga clic en "Archivo -> Abrir como capas" y abra su Imagen de la columna vertebral.

Como hiciste con la imagen de portada, haz clic en el lomo y luego en la barra de menú: "Imagen -> Tamaño del lienzo". Asegúrate de que las dimensiones sean de 2000 x 2000 píxeles, para que tengas espacio para trabajar.

Haz clic en "Cambiar tamaño".

Seleccione la herramienta "Mover". En la ventana a continuación, asegúrese de que el botón "Mover la capa activa" esté seleccionado y luego haga clic y arrastre la columna vertebral para reubicarla; de lo contrario, puede terminar arrastrando el fondo y tirando de su cabello como lo hice yo.

18 - Perspectiva de columna 1

A medida que mueve el lomo, alinéelo con la parte izquierda de la portada, pero no se preocupe si los bordes aún no están perfectos.

Elija la herramienta "Perspectiva" y haga clic en la columna vertebral. Tire de las esquinas derechas para que coincidan exactamente con la cubierta frontal, usando "+" y "-" para acercar y alejar según sea necesario.

Tira de las esquinas izquierdas de la columna hacia arriba para completar la ilusión 3D. Cuando haya terminado, haga clic en "Transformar" en la ventana "Perspectiva".

Vuelva a verificar los bordes y repita el proceso según sea necesario para asegurarse de que no haya espacios blancos delgados entre la cubierta frontal y el lomo.

19 - Perspectiva de la columna 2

La imagen debe aparecer a la derecha y tener su fondo, portada y lomo. Haga clic y arrástrelos hacia arriba y hacia abajo para ordenarlos. Cuanto más abajo esté una capa en la lista, más atrás aparecerá. El orden de arriba a abajo debe ser "Lomo" - "Portada" - "Fondo".

Haga clic con el botón derecho en estas capas y cámbieles el nombre con la herramienta "Editar atributos de capa". Asegúrese de que cada uno tenga el nombre correcto para evitar confusiones.

4. Sombrea la cubierta

Es hora de darle algo de sombra al libro, como si se viera con luz natural.

21 - Haga clic en la herramienta Mezclar

Su nueva capa de sombra de 500 x 500 debería aparecer en la esquina superior izquierda de su área de trabajo. Por ahora, déjalo ahí.

Haga clic en la "Herramienta de fusión".

Esto le permite crear un tono degradado en su nueva capa transparente, que eventualmente colocará sobre su cubierta.

En la ventana "Caja de herramientas" a continuación, asegúrese de que el Modo sea "Normal", que el Degradado progrese de oscuro a claro de izquierda a derecha y que la Forma sea "Lineal".

21.1 - Sombra frontal Haga clic y arrastre

En el control deslizante Opacidad, ajuste el valor a 20,0, ya que desea que la portada brille a través del sombreado.

Coloque el mouse sobre la nueva capa a lo largo del borde izquierdo, a medio camino entre la parte superior e inferior. Haga clic y arrástrelo aproximadamente 3/4 del camino a través del cuadro y suéltelo.

Debería aparecer una sombra que se desvanece, más oscura a la izquierda y desapareciendo a medida que se mueve hacia la derecha. Use Ctrl+Z para deshacer la sombra si no le gusta cómo resulta. Ajuste el valor de Opacidad+ o la duración de su clic y liberación para obtener diferentes resultados.

21.2 - Sombra frontal Haga clic en Listo

Selecciona la herramienta "Mover", y haz clic en el cuadro sombreado y arrástralo sobre la Portada, alineando su esquina superior izquierda con la de la Portada.

Ahora haga clic en la herramienta "Perspectiva" y arrastre las otras tres esquinas de la sombra para que coincidan con las cuatro esquinas de la cubierta frontal curva. Al hacer clic en "Transformar", la portada debe tener un sombreado sutil y realista.

Nota: según el grado de oscuridad de la portada, puede considerar curvar la capa Front Shade para que coincida con la curvatura de la portada. De esta forma, la capa Sombreada no se "derramará" sobre el fondo blanco.

5. Crea la contraportada

24 - Mover contraportada

Para dar la impresión de un libro lleno de páginas, necesita una contraportada para brindar perspectiva.

Haga clic con el botón derecho en la portada en la ventana "Capas" y haga clic en "Duplicar capa".

Inmediatamente, aparecerá una copia de la portada en la ventana "Capas", aunque probablemente no la verás en la ventana principal de trabajo. Cambie el nombre de "Portada trasera" usando "Editar atributos de capa" (haga clic con el botón derecho en él).

25 - Perspectiva de la contraportada

Use la herramienta "Mover" para arrastrar esta nueva capa para que la esquina superior izquierda coincida con la esquina superior izquierda de la columna vertebral. Luego, en la ventana Capa, arrástrala hacia abajo para que quede detrás del lomo y la portada.

Ahora use la herramienta "Perspectiva" para levantar ligeramente la esquina superior derecha de la cubierta trasera .

Esto le dará la apariencia de un libro real, donde la contraportada se dobla un poco hacia atrás. Una vez que haya realizado el pequeño ajuste, haga clic en "Transformar".

6. Inserta y sombrea las páginas

Es hora de agregar páginas interiores a su libro.

26 - Herramienta de llenado de baldes

Haga clic en la "Herramienta de relleno de cubeta" y luego en el cuadro "Color de primer plano".

El primer plano (justo debajo de los otros íconos de herramientas) será negro, pero esto debe cambiarse, ya que probablemente no tenga páginas negras.

En la ventana que aparece, elige un color blanquecino muy claro. No te pongas demasiado gris. Es posible que deba jugar con los controles deslizantes de color para encontrar un blanco roto que sea perfecto.

Cuando haya terminado, haga clic en la nueva capa que ha creado y observe cómo cambia de color, por pequeño que sea el cambio.

27 - Mover páginas

Asegúrate de que todas tus capas estén ordenadas correctamente. De arriba a abajo, la ventana "Capas" debe mostrar: "Sombra frontal", "Portada frontal", "Lomo", "Páginas", "Portada posterior" y "Fondo". Si uno de estos está en el lugar equivocado, arrástrelo al lugar correcto.

Con la herramienta "Mover", reubique el cuadro gris de modo que la esquina superior izquierda esté cerca de la esquina superior izquierda de su Lomo / Contraportada. No tiene que ser perfecto, solo acérquelo.

Antes de ajustar la perspectiva de las Páginas, vamos a agregar un poco de sombreado como hicimos con la Portada, solo que esta vez sombrearemos la capa de las Páginas sin crear una capa adicional.

28 - Sombra de páginas

Haga clic en la herramienta "Mezclar" nuevamente y cambie el color de primer plano a negro.

Mantenga la Opacidad en 20.0, aunque es posible que desee disminuirla a 15.0.

Una vez más, haga clic a lo largo del borde izquierdo en el punto medio de la capa Páginas, arrástrelo dos tercios del recorrido y suéltelo. Debería tener un tono degradado a lo largo de la imagen (aunque es posible que aún no lo vea, ya que está detrás de la portada).

29 - Perspectiva de páginas

Haga clic en la herramienta "Perspectiva" y luego en su capa de Páginas.

Haga clic y arrastre las esquinas superiores para que el ángulo del cuadro coincida con el de la contraportada. Arrastre las esquinas inferiores para que queden ocultas detrás del lomo y la portada, pero mantenga el área donde las páginas reales se llenarían de color. Recuerde que "+" y "-" pueden ayudarlo a acercar y alejar estas esquinas rápidamente para que pueda alinearlas exactamente.

Finalmente, es hora de curvar las páginas. Haga clic en "Filtros -> Distorsiones -> Curva curva".

Tenga en cuenta que esta parte puede ser un poco frustrante, así que tenga paciencia.

30 - Plegado de la curva de páginas

Es hora de curvar las páginas para que coincidan con la curva de la contraportada.

El cuadro de diálogo Curved Bend ha almacenado ligeramente las curvas que usó para la portada. Sin embargo, es posible que no funcionen tan bien como crees.

Usando los puntos curvos, haga todo lo posible para reflejar la curva de la tapa trasera en la curva superior. Ignore la curva inferior, ya que quedará oculta detrás de la cubierta frontal.

Este paso requiere mucho ensayo y error, así que prepárate para repetir este paso varias veces.

Haga clic en "Aceptar" para ver los resultados de su trabajo. Si el arco no coincide con la contraportada, use Ctrl+Z para deshacerlo y vuelva a intentarlo. Una vez que consiga que el arco coincida lo suficiente con la página posterior, continúe con el siguiente paso.

Haga clic en la herramienta "Perspectiva" una vez más.

31 - Perspectiva de curva de páginas

Arrastre las esquinas hacia arriba o hacia abajo según sea necesario para reflejar la contraportada, creando un borde delgado que le dará a la imagen una definición clara entre las portadas y las páginas.

Haga clic en "Transformar" cuando haya terminado y use Ctrl+Z para deshacer y repetir.

Es posible que deba alternar entre la herramienta "Perspectiva" y "Curve Bend" para hacerlo bien. Este es fácilmente el paso más difícil, pero ya casi ha terminado de crear un excelente producto de marketing.

¡Ten paciencia y no te rindas!

7. Dale una sombra

32 - Crear sombra

Cree una nueva capa ("Capa -> Nueva capa") que tenga 1000 píxeles de ancho por 500 de alto llamada "Sombra". En la ventana "Capas", arrastre esto debajo de "Portada trasera" pero arriba del "Fondo".

Use la herramienta "Relleno de cubo" para volver a colorear esta área con un gris suave. Puede ser un poco más oscuro que tus páginas, pero no mucho. Te sorprendería lo liviano que puede ser y aún así lucir auténtico.

Use la herramienta "Mover" para reubicar la Sombra detrás del libro, alineando las esquinas inferiores derechas de la Sombra y la Portada.

33 - Perspectiva de la sombra

Luego use la herramienta "Perspectiva" para arrastrar la esquina inferior izquierda de la Sombra para que coincida con la de la Columna vertebral. Saque la esquina superior izquierda de la Sombra, aproximadamente la mitad del ancho de la cubierta frontal y un tercio de la altura. Finalmente, mueva la esquina superior derecha hacia arriba para que quede justo encima de la esquina superior izquierda, teniendo en cuenta la curva.

Haz clic en "Transformar".

34 - Desenfoque de sombras

Cambie el "Radio de desenfoque" para que tanto el Horizontal como el Vertical tengan 25 píxeles, luego haga clic en "Aceptar".

Para ajustar, haga clic en la Sombra una vez más y use la herramienta "Perspectiva" para arrastrar las esquinas para obtener los ángulos correctos.

8. Guarda y publica el diseño de la portada de tu libro

Ya casi terminas.

35 - Producto Final Los archivos GIMP se guardan en .xcf, un formato que le permite volver a abrir el archivo GIMP con todas sus distintas capas.

Sería prudente guardar una versión en .xcf en caso de que desee revisar el archivo en el futuro.

Pero también puede guardarlo como un archivo PNG. Hágalo y podrá recortar el exceso de espacio de fondo como desee con un editor simple como el visor de fotos de Microsoft.

Aquí hay un video que le muestra exactamente cómo hacerlo:

Cuando termine, ¡encontrará su imagen 3D completa lista para ser publicada e impresa en cualquier plataforma!
¡Ahora, use el diseño de la portada de su libro para promocionar y vender su increíble contenido!

  • Céntrelo en su página de destino o ventana emergente.
  • Colóquelo en la barra lateral o en los pies de página de su sitio web.
  • Conviértalo en la imagen destacada en una publicación fija que reciba cada clic de tráfico.

¡Siga experimentando con las diversas herramientas que GIMP tiene para ofrecer y comparta su éxito con la comunidad!

¿Ha tenido éxito en el diseño de materiales de marketing con GIMP? Añade tus trucos y consejos en los comentarios.

Y si te ha gustado este post, ¡compártelo en las redes sociales!