Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design
Design

Cómo crear una pila detallada de libros en Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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:

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.

how to open new Illustrator document

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).

how to create a 3D book path

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?

how to create a 3D book

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.

how to create a new symbol

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.

how to map text on the 3D book

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).

how to create the book pages

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".

how to color the book pages

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.

how to create shadow under book pages

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).

how to add details on book pages

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).

how to mask the book pages

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).

how to add shadow on book pages

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.

how to color the text on the book

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).

how to create the side shape of the book

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.

how to create shading on side of the book

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.

how to create highlight on side of book

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.

how to mask shading and highlight on side of book

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.

how to highlight the edge of book

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).

how to create a blue 3D book

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).

how to create a red 3D book

Paso 3

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

how to create a green 3D book

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.

how to create shadow between books

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.

how to create shadows in the stack of books

¡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.

stack of 3D books final image

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.