Cómo dibujar una pila de libros y un lector de libros electrónicos en Adobe Illustrator

Lo que vas a crear

En este sencillo tutorial, aprenderá cómo usar la herramienta Mesh Tool en Adobe Illustrator para crear una pila de libros y un lector electrónico.!

Si desea omitir el tutorial y usar estos libros en su trabajo, puede comprar la pila de libros y libros electrónicos de GraphicRiver!

Pila de libros y libros electrónicos

1. Cómo dibujar un libro

Paso 1

Comenzaremos dibujando la tapa superior del libro rojo usando el Herramienta de malla (U).

Primero, simplemente dibuja un rectángulo y rellénalo con el # B9201F color. A continuación, muévase alrededor de los nodos de las esquinas para que parezca una portada de un libro en perspectiva..

Ahora, toma el Herramienta de malla (U) y continúe creando una cuadrícula de malla en la cubierta haciendo clic en los lugares donde desea que estén los nodos. Siga la captura de pantalla como referencia.

Alise la esquina inferior izquierda, dándole vuelta de afilado a redondo.

Debe haber tres líneas de malla cercanas entre sí en los lados y en la parte inferior de la forma. Colorea los nodos en las líneas del medio con # EA4242 (nodos que se seleccionan en la captura de pantalla de abajo).

Paso 2

¡Continúa coloreando los nodos seleccionados en cada parte de la captura de pantalla! Necesitarás primero # A91716, y entonces # D13130.

Paso 3

Dibuja un lado para la portada creando una estrecha, # AB1817 rectángulo, suavizando las esquinas y coloreando su fila central de malla con # DC3838.

Etapa 4

Fije el lado a la cubierta como se indica en la captura de pantalla a continuación.

Paso 5

Empieza a dibujar el lomo del libro.!

Dibujar un angosto, # 4E4142 rectángulo. Luego pasar a Efecto> Deformación> Arco y aplicar un 26% de curva lo.

Ir Objeto> Expandir Apariencia para convertir el resultado en un camino regular.

Paso 6

Crea una copia de la forma que acabamos de hacer..

Luego, simplemente modifique la forma original en su lado derecho, arrastrando sus nodos para crear una curva.

Paso 7

Coge la copia que acabamos de hacer y coloréala. # CA2F2E.

A continuación, modifíquelo con Malla simplemente arrastrando los nodos alrededor y colorea sus bordes exteriores con # 980605.

Paso 8

Mueve estas dos formas una al lado de la otra, creando la columna vertebral del libro.

Paso 9

¡Vamos a dibujar la parte de papel! Modifique y coloree el rectángulo como lo indican los nodos seleccionados en la siguiente captura de pantalla.

Necesitarás estos colores:

  1. # FEF7DE
  2. # A69980
  3. # F8ECD2

Paso 10

Ahora, para crear una ilusión de páginas separadas, dibuje una línea recta, coloreando su Carrera con # CEB789.

Proceda a crear varias copias de la misma con algunos intervalos intermedios (sugiero mover la primera línea un poco hacia abajo manualmente, presionando Control-D para crear más copias automáticamente y eliminar las que no necesita).

Después de eso, seleccione todas las líneas y en la Carrera panel, aplicar Perfil1 a ellos Dale la vuelta si es necesario: las líneas deben ser más gruesas en el lado izquierdo.

Paso 11

expandir apariencia de las lineas.

A continuación, toma el Herramienta de deformación (Shift-R) y haga doble clic en el lienzo para que aparezcan las opciones. Puedes usar las opciones que hice en la captura de pantalla de abajo o la tuya..

A continuación, doble las líneas ligeramente para agregar un poco de realismo a nuestras "páginas".

Paso 12

Dupdo el contorno de la Malla forma que dibujamos en el paso 9.

Colóquelo en la parte superior de las páginas, seleccione ambas y haga clic con el botón derecho, eligiendo Hacer máscara de recorte en el menú desplegable.

Paso 13

Cambiar el Opacidad del resultado a 30% y es Modo de transparencia a Multiplicar.

Paso 14

Superponer las páginas sobre la malla.

Paso 15

Dibuja el lado izquierdo del libro usando Malla. Necesitarás estos colores:

  1. # EEE3CA
  2. # AB9F86
  3. # CDC1A8
  4. # EADAC5

Paso 16

Dibuja la parte inferior de la cubierta usando Malla. Usa estos colores:

  1. # 980605
  2. # CC2F2F

Paso 17

Arme el libro con las partes que hicimos.!

2. Cómo recolorear el libro

Paso 1

Ahora que la parte más difícil de este tutorial está terminada, crearemos la pila de libros haciendo algunas variantes de color.!

Cree una copia del libro rojo y coloréela (¡solo las partes rojas!) Seleccionando Editar> Editar colores> Ajustar colores. Utilice estas opciones para obtener un libro verde:

  • Rojo: -11%
  • Verde: 57%
  • Azul: -31%

Por supuesto, puedes jugar con los porcentajes, sin embargo, si quieres crear tus propias variantes de color.!

Paso 2

Crea tres copias del libro verde claro (aparte del original).

Cambia el color de la primera copia usando estos ajustes:

  • Rojo: -54%
  • Verde: -25%
  • Azul: -9%

Paso 3

Toma la segunda copia y coloreala usando estos:

  • Rojo: 23%
  • Verde: -21%
  • Azul: 0%

Etapa 4

Cree el último libro cian de la tercera copia con esta configuración:

  • Rojo: -35%
  • Verde: -10%
  • Azul: 58%

Paso 5

Crear una pila desigual de las variantes de color!

3. Cómo dibujar un lector de libros electrónicos

Paso 1

Vamos a volver Malla Para un poco en las partes finales de este tutorial..

Rellena un rectángulo con bordes redondeados con # 000002, y luego estirarlo un poco. Crear un Rejilla de malla y colorea la parte inferior derecha de la forma con # 3F4246.

Paso 2

Dibuje una pantalla para el libro electrónico coloreando la esquina superior izquierda de un #EDEFEE rectángulo con # 999B9C.

Paso 3

Dibuja los lados del lector de libros electrónicos, colorándolos con # 313335, # 383B3C, y # 000002.

Etapa 4

Ponga los lados juntos para crear un marco.

Paso 5

Mueve la pantalla al marco. El lado izquierdo debe estar alineado perfectamente, y el lado derecho se puede dejar con un espacio.

Paso 6

Dibuja el marco exterior aplicando una gruesa, # 3F4246 trazar una línea y luego Apariencia en expansión y afilando los bordes..

Paso 7

Dibuja un botón creando una # 0B0E10 elipse, y sumando tres # 3E4145 nodos en el medio.

Paso 8

Arme el lector de libros electrónicos: la base negra debe estar en la parte inferior, con todo lo demás encima.

Paso 9

Finalmente, dibuje sombras para el lector y la pila de libros. Utilizar # B3ADA5.

Paso 10

Cambiar el Modo de fusión de ambas sombras para Multiplicar.

Paso 11

Poner todo junto!

Impresionante trabajo, ya estás hecho!

Gracias por seguirnos, y le invitamos a publicar su resultado en los comentarios. Estaré deseando verlo!

En este tutorial, aprendió a crear una pila de libros coloridos y un lector de libros electrónicos utilizando el Herramienta de malla.

¡Espero que hayas disfrutado de este tutorial y hayas aprendido a usar algunas herramientas útiles para el futuro! Echa un vistazo a algunos de mis otros tutoriales de vectores en mi perfil de instructor.

Puede comprar la pila de libros y libros electrónicos, así como otros diseños similares en mi cartera en GraphicRiver.

Pila de libros y libros electrónicos