1. Design & Illustration
  2. Illustration

Cómo crear un libro abierto con la herramienta Extrusión y bisel 3D de Illustrator

by
Read Time:7 minsLanguages:

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

En este tutorial, explicaremos cómo crear un libro abierto principalmente con la herramienta 3D Extrusión y bisel de Adobe Illustrator. Crearemos páginas abiertas con gráficos y agregaremos un fondo ondulado. El libro se puede personalizar aplicando tus propios gráficos a las páginas.


1. Crea la forma 3D base

Paso 1

Comencemos abriendo un nuevo documento. Dibuja un rectángulo con la herramienta rectángulo (M). Elegí el tamaño de 415 x 6pt y lo rellené con un bonito azul. Dibuja un círculo con la herramienta elipse (L) y hazlo de 27px de diámetro. Coloca el círculo en el centro del rectángulo. Establece el peso del trazo en 6 puntos y elige el mismo azul. A continuación, ve a Objeto > Ruta > Trazo de contorno.

Paso 2

Necesitamos combinar ambos objetos. Podemos hacerlo seleccionando ambos y luego elegir dividir en el panel buscatrazos. Elimina todos los trazados innecesarios, luego selecciona la forma final deseada y elije unir el área de forma en el panel buscatrazos.

Paso 3

Selecciona la forma y ve a Efecto >Estilizar >Esquinas redondeadas, luego elige 4 puntos como valor y haz clic en Aceptar. A continuación, ve a Objeto > Distorsión de envolvente > Crear con deformación. Elige la primera opción de arco, haz clic en horizontal y configura la curva al 1%. Luego ve a Objeto > Expandir. Ahora tenemos nuestro objeto base para el libro.

Paso 4

Selecciona la forma y ve a Efecto > 3D > Extrusión y bisel. Establece los siguientes valores: -35 grados, 31 grados, -10 grados. Además, establece la perspectiva en 131 grados y la profundidad de extrusión en 400 puntos. Esta configuración se utilizará nuevamente y se aplicará a otros objetos para construir nuestro libro.


2. Modifica la forma 3D

Paso 1

Haz una copia de la tapa dura del libro y amplíala (Objeto> Ampliar apariencia). Selecciona la forma y elige unir al área de forma en el panel buscatrazos, luego rellénala con negro.

Paso 2

Aplica un desenfoque gaussiano a la forma negra. Elige un radio de 33px. Pon esto debajo de la forma de tapa dura como una sombra. Establece la opacidad al 70% y compensa un poco.


3. Crea las páginas

Paso 1

Crea una línea de 411 puntos de longitud y agrega un grosor de trazo de 1 punto. Establece el trazo en azul. Ve a Objeto > Distorsión de envolvente > Crear con deformación. Selecciona la opción arco, configura la curva al 1% y al 45% para la distorsión horizontal.

Mantén la forma seleccionada y aplica los mismos valores de extrusión y bisel 3D que antes. Haz clic en el botón más opciones, luego en la sección superficie agrega un resaltado más y haz clic en aceptar. Coloca la forma azul en la parte superior de la tapa dura.

Paso 2

Crea una línea gris claro con la herramienta pluma (P) de aproximadamente 200 puntos de largo y establece 0,5 puntos para el peso del trazo. Duplica esta línea ocho veces con un espacio de aproximadamente 2 puntos, luego agrúpalos (Control + G).

Paso 3

Selecciona las líneas y duplícalas/refléjalas. Escala/inclínalo solo en el lado derecho. Puedes hacerlo seleccionando la herramienta escala (S), haz clic en la esquina del cuadro delimitador, luego mantén presionada la tecla comando y arrastra el ratón hacia abajo. Agrúpalo de nuevo y selecciona la herramienta deformar (Mayús + R). Aplica la herramienta deformar a las líneas, como se muestra a continuación. Debes tener cuidado de no deformar demasiado, solo lo suficiente para que parezcan páginas una encima de la otra.

Paso 4

Selecciona el "objeto de páginas" y aplica los mismos valores de extrusión y bisel 3D que el anterior. Haz clic en el botón más opciones, luego en la sección resaltado, agrega dos resaltados más y haz clic en Aceptar.

Paso 5

Haz un duplicado de las "páginas 3d" y expande la apariencia. Elige unir para dar forma al área en el panel buscatrazos y rellénalo con negro. Vuelve a aplicar un desenfoque gaussiano de 8px. Colocaremos esto como una pequeña sombra debajo de las "páginas 3d", justo encima de las líneas azules que creamos. Establece su modo de fusión en sobreexponer color. Selecciona el objeto "página 3d" y haz una copia encima de sí mismo, luego configura el modo de fusión en superposición.

Paso 6

Configuremos los gráficos de nuestra página. Elegí imágenes de los tutoriales que creé para Tuts+. Por supuesto, puedes elegir lo que mueva tu corazón. Puedes agregar texto, imágenes, texturas gráficas, etc. Lo único importante es crear un símbolo de ellos.

Paso 7

Creemos las páginas donde agregaremos los gráficos. Crea una línea con la herramienta pluma (P), como ves en la imagen de abajo. Deseas asegurarte de tener solo tres puntos de ruta por ahora. Dale al camino un trazo blanco.

Aplique 3D extrusión y bisel con los mismos valores que usamos antes. Asegúrate de que esta vez no agregues ningún sombreado. Luego haz clic en opciones de mapa y ve a superficie número 3. Allí elige el gráfico que creamos anteriormente como símbolo. Puedes escalarlo, moverlo y decidir dónde se ve mejor.

Paso 8

Aplica el mismo método al otro lado de la "página 3d" a través de la opción mapa de herramientas 3D. Por supuesto, ya deberías haber creado un segundo gráfico y arrastrarlo al panel símbolo.

Paso 9

Una vez que hayas aplicado los gráficos deseados, selecciona el objeto y colócalo sobre el objeto de páginas 3D, luego configura el modo de fusión en multiplicar. Si crees que necesitas ajustar las páginas, puedes agregar fácilmente puntos de ruta a la línea. También puedes ajustar los controladores de ruta con la herramienta de selección directa (A). Como no ampliamos la apariencia, los valores 3D también se ajustarán.

Paso 10

Crea otra ruta de páginas con la herramienta pluma (P). Aplica los mismos valores 3D y expande la apariencia. Selecciona la forma y elige unir en el panel buscatrazos.

Paso 11

Dibuja una línea en el medio del objeto. Deja que el camino se extienda fuera del borde, luego selecciona ambos y elige dividir en el panel buscatrazos. Esto nos dará una forma de dos páginas.

Paso 12

Selecciona cada página con la herramienta de selección directa (A) y aplica un degradado lineal de gris claro a blanco. Repite esto con la otra forma aplicando el mismo degradado. Puede que tengas que experimentar un poco para aplicar un degradado atractivo.

Paso 13

Coloca la forma de la página de degradado sobre las otras páginas con los gráficos, luego configura el modo de fusión en superposición. Ve a Efecto > Estilizar > Sombra paralela y aplica la configuración que ves en la imagen a continuación.


4. Crea el fondo

Paso 1

Creemos un fondo para el libro. Crea un cuadrado con la herramienta rectángulo (M), luego rellénalo con un bonito degradado radial de azul a blanco. Pon el resaltado degradado en la esquina superior izquierda.

Paso 2

Crea una forma triangular larga, rellénala con el mismo degradado y configúrala en Lineal.

Paso 3

Selecciona las formas triangulares y crea dos duplicados girando uno al lado del otro. Una forma fácil es seleccionar primero la forma y luego elegir la herramienta rotar (O). Haz clic en la esquina superior, mantén presionadas las teclas Mayús + Alt, mantén presionada la tecla del ratón y arrástrala en sentido antihorario. Luego presiona Comando + D una vez.

Paso 4

Selecciona las tres formas y agrupa a continuación. Luego ve a Objeto > Distorsión envolvente > Crear con deformación. Selecciona las opciones de torcer y marca horizontal. Elige 50% para la curva y 10% para la distorsión vertical. Ahora coloca la forma de degradado de fondo y el remolino detrás del libro.


¡Buen trabajo, ya está listo!

¡Voila! Nuestro Libro Abierto 3D está completo. Puse un cuadrado de esquina redondeada encima de todas las capas, lo coloqué bien para enmarcar el libro y el fondo, luego apliqué un trazado de recorte. Por supuesto, puedes cambiar los colores, agregar diferentes gráficos a las páginas e incluso agregarle páginas. Espero que disfrutes este tutorial.

One subscription.
Unlimited Downloads.
Get unlimited downloads