Cómo crear una pila detallada de libros en Adobe Illustrator
Spanish (Español) translation by Luis Chiabrera (you can also view the original English article)



Siga este tutorial y aprenda cómo crear libros fácilmente con la ayuda del efecto 3D en Adobe Illustrator. Juega con la configuración para cambiar la posición de los libros y crear una pila de ellos. Aprende a crear las páginas y agrega detalles adicionales para subir de nivel. ¡Empecemos!
¿Necesitas más recursos y vectores educativos? Dirígete a GraphicRiver y encontrarás muchos diseños para elegir.
Recursos del tutorial
Para completar el tutorial, necesitará los siguientes recursos:
- Fuente Adobe Caslon Pro
- Fuente MV Boli
- Fuente BD Cartoon Shout
1. Cómo abrir un nuevo documento
Inicie Illustrator y vaya a Archivo> Nuevo para abrir un documento en blanco. Escriba un nombre para su archivo, establezca las dimensiones y luego seleccione Píxeles como Unidades y RGB como Modo de color.
A continuación, vaya a Edición> Preferencias> General y configure el Incremento del teclado en 1 px y, mientras esté allí, vaya a Unidades para asegurarse de que estén configuradas como se muestra en la siguiente imagen. Generalmente trabajo con estas configuraciones, y te ayudarán en todo el proceso de dibujo.



2. Cómo crear un libro en 3D
Paso 1
Agarre la herramienta Rectángulo redondeado y dibuje una forma con las dimensiones que se muestran (1). Use la Herramienta de selección directa (A) para seleccionar solo los dos puntos en el lado derecho y presione la tecla Eliminar en su teclado para eliminarlos. Para la ruta resultante, seleccione un trazo marrón de 3 puntos y presione la opción de tapa redonda en el panel Trazo para obtener los extremos redondeados (2).



Paso 2
Mientras la ruta permanece seleccionada, vaya a Efecto> 3D> Extruir y biselar. Allí, establece las Coordenadas, la Profundidad y el tipo de Superficie, y obtendrás el libro 3D. ¿Qué tan fácil fue eso?



3. Cómo asignar el texto en el libro 3D
Paso 1
Vamos a crear un nuevo símbolo. Tome la Herramienta de Tipo (T) y escriba "Diccionario" en su mesa de trabajo. Elija Expandir en el menú Objeto y luego Rotar -90 grados en el panel Transformar.
Ahora, vaya al Menú de bibliotecas de símbolos> Mapas y encuentre el símbolo de Maker de distancia. Arrástrelo a su mesa de trabajo, expándalo y luego cambie el color de relleno a negro. Organice uno de estos símbolos en cada extremo del texto y, una vez que haya terminado, arrastre todo al panel de Símbolos para guardarlo.



Paso 2
Mientras el libro 3D permanece seleccionado, abra la ventana Extrusión y bisel nuevamente desde el panel Apariencia. Presione el botón Map Art y luego seleccione la superficie donde desea asignar el texto junto con el símbolo que ha guardado. En mi caso, el lado del libro fue Superficie 12 de 14. Puede escalar el símbolo y moverlo ligeramente hasta que le guste el resultado. Pulsa OK.



4. Cómo crear las páginas del libro.
Paso 1
Con el libro 3D aún seleccionado, elija Expandir apariencia en el menú Objeto y luego Desagrupar (Shift-Control-G) una vez. Ahora, eche un vistazo al panel Apariencia y abra el grupo resultante, que he llamado "libro marrón". Verás un montón de otros grupos y formas. Selecciónelos para ver cuál es cuál, e incluso puede cambiar el nombre de algunos de ellos como "cubierta superior", "cubierta inferior" y otros.
Mientras esté allí, también encuentre la forma que se muestra a continuación (1), que es el borde frontal del libro, y luego Desagrupar (Shift-Control-G) y Copiar y Pegar en su lugar (Shift-Control-V) para hacer una copia de El borde azul (2). Agarre la herramienta Tijeras (C) y haga clic en los dos puntos indicados para cortar la forma en dos y mantener solo el recorrido interno (3). Ahora, seleccione los puntos finales de este camino y presione Control-J para unirse a ellos. Obtendrá la forma de las páginas dentro del libro (4).



Paso 2
Rellene la forma de las páginas con el degradado lineal que se muestra (1); luego seleccione solo los puntos en el lado derecho y muévalos ligeramente hacia adentro para revelar las esquinas de la cubierta del libro. Además, agregue un punto adicional en el medio con la herramienta Agregar punto de anclaje (+) y reduzca un poco ese lado (2). Arrastre esta forma en el grupo "libro marrón", debajo de la "cubierta superior" pero sobre la "cubierta inferior".



Paso 3
Copie y pegue en la parte posterior (Control-B) la forma de las páginas y reemplace el degradado con un gris oscuro. Ahora, seleccione la forma original de las páginas nuevamente y muévala 1 px hacia arriba y 2 px hacia la derecha con las teclas de flecha del teclado para revelar la forma de la sombra debajo.



Paso 4
Vamos a agregar algunos detalles y crear la apariencia de las páginas reales. Utilice la herramienta Pluma (P) para dibujar un montón de caminos rectos de diferentes longitudes en la parte superior de la forma de las páginas (1). Haga lo mismo en el lado izquierdo (2). Deles un trazo gris claro de 2 puntos y seleccione el perfil de ancho 4 en el panel Trazo (3).



Paso 5
Seleccione la forma de las páginas y luego Copie y Pegue en su lugar (Shift-Control-V) para hacer una copia delante de todo. Establezca esta copia en stroke-none y fill-none. Ahora, seleccione el grupo de líneas junto con esta copia (1) y vaya a Objeto> Máscara de recorte> Crear (Control-7). Nombre el grupo resultante "detalles de la página" (2).



Paso 6
Utilice la herramienta Pluma (P) para dibujar un trazado en el lado superior izquierdo de las páginas (1). Dale un trazo negro de 2 puntos; luego vaya a Efecto> Desenfoque> Desenfoque gaussiano y aplique un radio de 3 px (2). Arrastre esta ruta en el grupo "detalles de la página" debajo de la máscara. Además, arrastre el grupo de “detalles de la página” en el grupo de “libro marrón” sobre las páginas (3).



5. Cómo colorear el texto en el libro
Vaya al panel Capas y, en el grupo "libro marrón", busque y seleccione el texto que se asignó en el lateral. Arrastre este grupo de texto a la parte superior en el panel Capas (1). Cambia el color de relleno y luego aplica el efecto Sombra paralela.



6. Cómo crear sombreado y destacados en el libro
Paso 1
Vamos a crear la forma de máscara primero. Vaya al panel Capas y, en el grupo "libro marrón", busque y seleccione los grupos que forman parte del libro. Tuve tres grupos (1). Copie y pegue en su lugar (Shift-Control-V) para hacer copias de ellos delante de todo. Presione Unir en el panel de Pathfinder para fusionarlos en una sola forma (2).



Paso 2
Use la herramienta Pluma (P) para dibujar un camino recto a lo largo del lado del libro. Dale un trazo negro de 2 puntos y luego aplica un Desenfoque Gaussiano de 5 px.



Paso 3
Dibuja otro camino a lo largo del lado del libro para crear un punto culminante esta vez. Dale un trazo beige de 2 puntos y luego aplica un Desenfoque Gaussiano de 5 px.



Paso 4
Ahora, seleccione el sombreado y resalte las rutas junto con la forma de máscara creada anteriormente que debería estar al frente, y establezca el trazo-ninguno y el relleno-ninguno. Vaya a Objeto> Máscara de recorte> Crear (Control-7). Nombre el grupo resultante "sombreado lateral y resalte" y arrástrelo a la parte superior del grupo "libro marrón" en el panel Capas.



Paso 5
Use la herramienta Pluma (P) para dibujar un camino como se muestra a continuación. Dale un trazo blanco de 1 pt y también usa el Black Blend Art Brush 100x3 (información a continuación). Establezca el Modo de fusión en Luz suave y la Opacidad en 75%.
Tengo un tutorial completo dedicado a Blend Art Brushes y su utilidad. Los uso en mis dibujos todo el tiempo. Puede descubrir cómo crear y guardar el Black Blend Art Brush 100x3 que utilizamos hoy en Cómo crear un conjunto de pinceles de mezcla multiusos en Adobe Illustrator.
Dado que la Colorización del pincel se establece en Tintados, cuando selecciona blanco como el color del trazo, el pincel también se vuelve blanco, a pesar de su nombre. Lo mismo sucede con cualquier otro color.



7. Cómo crear la pila de libros
Paso 1
En este punto, el libro marrón está listo y puede crear otros de la misma manera. Use una ruta similar a la del libro marrón, asigne un trazo azul de 3 puntos y no olvide presionar la opción de tapa redonda en el panel Trazo. Aplique el efecto Extrusión 3D y Biselado 3D con la configuración que se muestra a continuación, y obtendrá un nuevo libro 3D (2).
Después de eso, siga las técnicas explicadas hasta ahora para crear las páginas y los detalles en las páginas y para agregar sombreado y resaltes, y usar la misma configuración. Puede ver el resultado final en la imagen de abajo (3).



Paso 2
Utilice otro camino similar, pero un poco más grande, para el tercer libro. Dale un trazo rojo de 3.5 puntos y luego aplica el efecto Extrusión y bisel 3D para obtener el libro en 3D. También puede asignar un texto en el lado del libro como lo hizo para el libro marrón (1). Finalice el libro creando las páginas, los detalles, el sombreado y los resaltes, y coloree el texto en el lado (2).



Paso 3
Aquí están los ajustes y el resultado final del cuarto y último libro, el verde.



8. Cómo crear las sombras de los libros
Paso 1
Para crear las sombras entre los libros, usaremos la herramienta de fusión. Concéntrese en los libros verdes y rojos y dibuje un camino como se muestra en la siguiente imagen. Rellénelo con negro y establezca la opacidad en 0% (1). Dibuje otra forma más cerca del borde del libro verde y rellénela con negro al 100% de opacidad (2).
Mientras las dos rutas permanecen seleccionadas, vaya a Objeto> Fusión> Opciones de fusión y elija 10 pasos especificados. Vuelva a Objeto> Mezclar> Hacer (Alt-Control-B). Puedes ver el resultado en la imagen de abajo (3). Puede modificar estas formas y ajustar la sombra si es necesario.



Paso 2
Use la misma técnica para crear sombras entre los libros rojo y azul y entre los libros azul y marrón, como se muestra en la siguiente imagen.



¡Felicidades, has terminado!
Aquí está la imagen final de la pila de libros. Espero que hayan disfrutado este tutorial y aprendido nuevas cosas hoy. Aplicar estas técnicas en otros proyectos también.
¿Necesitas más inspiración y recursos? Dirígete a GraphicRiver y encontrarás muchos diseños para elegir.



¿Buscando aprender más? Recomiendo los siguientes tutoriales:







