Mezcla de estilo, Ilustración de estilo de vida - Adobe Illustrator CS5

En el tutorial de hoy, les mostraré cómo una combinación de estilos puede producir una ilustración efectiva de estilo de vida, mientras reflexiona sobre el lenguaje corporal básico y en qué puntos de vista se centrarán..


Introducción

En el tutorial de hoy, les mostraré cómo construir esta ilustración, que es adecuada para una revista de estilo de vida de mujeres. Voy a crear una escena de ensueño con una variedad de estilos para ayudar a crear una diferencia entre realidad y el sueño y además de algunos consejos básicos sobre elementos clave a los que prestar atención, para garantizar que pueda comunicar el concepto claramente al espectador..
Voy a crear un sombreado de piel de estilo monocromático, que aún es detallado y de aspecto suave, a diferencia de los efectos de sombreado de piel anteriores que te he mostrado antes.
Todas las imágenes de stock utilizadas en este tutorial han sido proporcionadas por el talentoso Tasastock. Esto incluye las imágenes del modelo femenino y los zapatos..


Investigación del concepto

El concepto en el que voy a trabajar es crear una ilustración que muestre a una mujer soñando con zapatos. La mujer debe ser mostrada en una luz positiva y posiblemente anhelando los zapatos. Parece un concepto simple, sin embargo, sus elementos clave son la última parte del concepto. Es el lenguaje corporal y la expresión del modelo de la imagen de archivo que usaré lo que ayudará a comunicar la emoción detrás de la pieza. Déjame mostrarte algunos ejemplos y explicar.
Tengo tres imágenes posibles con las que podría trabajar como imagen principal para la mujer que sueña. La primera es de una mujer tendida en el suelo con las extremidades hacia el abdomen. La razón por la que este tipo de postura no funcionaría es que a menudo asociamos la posición fetal con el regreso a ser un niño en el útero, a un lugar más cómodo, por lo que la situación actual del modelo es negativa..


El siguiente ejemplo, aunque el modelo está en una posición cómoda, como probablemente pueda adivinar, no podemos ver su cara. ¿Cada vez que miramos una imagen que contiene a una persona, vamos directamente al rostro, ya que esta es una de las áreas principales donde se puede transmitir la emoción? por lo tanto, con el modelo en esta posición, no podemos conectar al espectador directamente con la emoción de la ilustración..


Nuestro último ejemplo es el que voy a usar. La razón para hacerlo es que ella está consciente en su sueño o en soñar despierto si lo desea. Aparece relajada y sumida en sus pensamientos, y ambos pueden verse como estados de ánimo positivos. Sus brazos no están cruzados y están abiertos hacia el espectador, como ya sabrás, los brazos cruzados son una señal de ser inaccesibles y esto no es lo que queremos. Quiero invitar al espectador a ver lo que está soñando..


Ahora que tengo mi imagen de archivo principal, voy a dibujar un plan muy aproximado de cómo me gustaría que fuera la composición. Cuando tengo esto en mente, es más fácil para mí visualizar todo el proyecto. Una vez que tengo esto, puedo pasar a las etapas de vectorización.



Paso 1

Voy a abrir la imagen de stock en Photoshop y luego aclararla con Curvas (Comando + M) y usar el preajuste? Más claro. "Luego use la Herramienta de recorte (C) para seleccionar el área de la referencia que deseo usar. Una vez completado, voy a Guardar para Web y dispositivos con un ancho de aproximadamente 800 píxeles.



Paso 2

En Illustrator, crea un archivo Nuevo (Comando + N). Ir a Archivo> ¿Colocar la imagen de archivo y cambiar el nombre de la capa? Referencia. "Voy a utilizar la herramienta Elipse (L) para dibujar un círculo para el área donde quiero que esté contenido el elemento de sueño. La opacidad será del 50% y se multiplicará en modo de fusión, ya que todavía deseo ver la imagen de stock lo suficientemente clara. Luego, bloquee la capa.
¿Crear una nueva capa y cambiarle el nombre? BG. "Agregar un rectángulo relleno de blanco (M) sobre el lienzo y reducir la opacidad al 30%. Bloquear la capa una vez hecho. Finalmente, crear una nueva capa y cambiarle el nombre? Bases".



Paso 3

En la carpeta de capas? Bases "comience a agregar las formas de base para la piel (C = 15, M = 25, Y = 30, K = 0) y la ropa (C = 61, M = 0, Y = 25, K = 20). La ropa está en dos partes, las he agregado al crear una Ruta Compuesta (Comando + 8).



Etapa 4

¿Crear una nueva capa y cambiarle el nombre? Sombrear. "Para las formas de sombreado iniciales, usaré Pathfinder> Menos Frontal para eliminar formas de los duplicados de la base de la piel. Efectivamente, lo que estoy haciendo es eliminar las partes más ligeras de la base de la piel para que te quedes con las áreas más oscuras, esto hace que sea más rápido comenzar el sombreado de la piel.
Voy a usar el mismo color de piel y estableceré el Modo de fusión en Multiplicar y Opacidad en 15%.





Paso 5

Continuando agregando las áreas más oscuras del sombreado de la piel, voy a agregar más formas. Esta vez, estos no se eliminan de la base del revestimiento original, sino que se dibujan por separado con el mismo Modo de fusión y Opacidad.





Paso 6

Agrupe las formas (Comando + G) y luego duplique la base de la piel original. Use esto para crear una máscara de recorte (Comando + 7), que ocultará cualquier forma que se superponga a la base.



Paso 7

Ahora agreguemos áreas más oscuras en la piel y detalles más refinados alrededor de las características faciales. Esto se hace con un tono de piel más oscuro (C = 25, M = 35, Y = 40, K = 10) y se establece en el modo de fusión Multiplicación y opacidad del 10%. Una vez hecho esto, agréguelos al grupo de Máscara de recorte creado anteriormente.






Paso 8

Cree un degradado radial transparente con el color de la base de la piel y lo usaré para agregar reflejos a la piel. Estos están configurados en Pantalla de modo de fusión y Opacidad 15%. Una vez hecho esto, agrúpalos (Comando + G) y agrégalos al grupo Máscara de recorte.






Paso 9

Para agregar algunos tonos suaves de rosa a la piel, usaré un degradado radial transparente magenta para los hombros, el codo, las mejillas y los labios, establecido en Modo de fusión Luz suave y Opacidad 60%. Una vez hecho esto, agregue al grupo Máscara de recorte.



Paso 10

Al renderizar la piel, siempre estoy agregando más y más formas al grupo Máscara de recorte para ajustar el contraste o para que sea más suave. Así que voy a agregar más contraste al agregar un degradado radial transparente más oscuro (C = 55, M = 60, Y = 65, K = 40) configurado en Modo de fusión Multiplicación y opacidad 30%.





Paso 11

Para agregar más contraste, voy a agregar más luces a la cara. Estos se realizan con el degradado radial transparente del color de la base de la piel y se establecen en Pantalla de modo de fusión y Opacidad al 50%. La clave para crear este sombreado de piel de estilo monocromático es usar colores de piel muy similares y aprovechar los modos de fusión de multiplicación y pantalla. Estos modos de fusión oscurecen e iluminan una forma sobre otra agregando blanco y negro a la transparencia de la forma. Esta técnica se puede recrear con otros colores e incluso simplemente usando uno o dos colores en su paleta.



Paso 12

¿Crear una nueva capa y cambiarle el nombre? Ojos. "Use la herramienta Pluma (P) para dibujar dos formas circulares para el iris para cada ojo usando el color de la base de la ropa. Configure estas formas en Modo de fusión Multiplicar y Opacidad 50%.


Luego use la herramienta Elipse (L) para agregar las pupilas con un color marrón oscuro (C = 50, M = 70, Y = 80, K = 70) configurado en Modo de fusión Multiplicar y Opacidad 50%.



Paso 13

Con el mismo color marrón oscuro, cree un efecto de delineador de ojos superior con la herramienta Pluma (P) y ajústelo en Modo de fusión en Multiplicar y Opacidad 50%.



Paso 14

Voy a agregar un efecto de sombra de ojos magenta utilizando el degradado radial transparente magenta creado anteriormente. Agregue esto a la parte superior e inferior del conjunto de ojos en Modo de fusión Combinación de color, Opacidad 100%.




Paso 15

¿Crear una nueva capa y cambiarle el nombre? Cabello ". Ahora que tengo lo básico de los ojos, comenzaré a dibujar el cabello. Usaré mis pinceles de perfil ancho de un tutorial anterior para dibujar y detallar.
Primero, voy a dibujar el límite de donde está el cráneo y un área del retrato que necesito cubrir..


Luego, lo hago para reducir la opacidad del boceto y agregar un boceto adicional en la parte superior, usando el boceto más transparente como guía..



Paso 16

Usando los bocetos como base, dibujaré secciones de cabello para el contorno usando un peso de trazo más grueso (8 puntos) y usando el pincel de perfil ancho 1. Voy a usar la herramienta Pincel (B), ya que esto creará más líneas "orgánicas". Voy a usar un tono marrón oscuro para el color del trazo (C = 55, M = 60, Y = 65, K = 60).



Paso 17

Seleccione Todas las líneas (Comando + A) y luego vaya a Objeto> Expandir objeto> Expandir apariencia para convertir las líneas en formas. Usa Pathfinder> Unite para hacer una forma.


Luego use el Cubo de pintura viva (K) para llenar los huecos. Usa la opción Pathfinder> Unite para hacerla una forma.



Paso 18

Cree una nueva capa debajo de la carpeta de capas "Bases" y cambie su nombre por "Hair Back". Dentro de esta capa, dibuje el cabello detrás del cuerpo / cara con un color de cabello más oscuro (C = 55, M = 60, Y = 65, K = 60).



Paso 19

Voy a darle al cabello un poco más de volumen agregando otra sección de cabello dentro de la carpeta de capas "Cabello". Luego use Pathfinder> Unite para agregarlo a la forma original.



Paso 20

Acumule más detalles del cabello agregando pesas más finas alrededor del exterior de la base del cabello. Los primeros golpes se establecen en 2 puntos.


Luego agregue detalles aún más finos con un peso de 1 pt..



Paso 21

De vuelta en la carpeta de capas "Ojos", usaré el mismo grosor de trazo, pincel y color para agregar las cejas al retrato. Están configurados en Modo de fusión Normal y Opacidad 30%.



Paso 22

Voy a agregar pestañas con el mismo pincel y color, pero con un Peso de trazo de 0.5 pts configurado en Modo de fusión Multiplicación y opacidad 50%.



Paso 23

Cree una nueva capa debajo de la carpeta de capas "Cabello" y cámbiele el nombre a "Arte lineal". Voy a dibujar líneas de 1 pto usando el área de pincel de perfil ancho 1 de la ilustración. Esto es para agregar al estilo que estoy buscando y también para hacer que los límites de la imagen sean mucho más claros. Estas líneas utilizarán un color marrón oscuro (C = 55, M = 60, Y = 65, K = 60) configurado en el modo de fusión Multiplicar y opacidad 50%.



Paso 24

Voy a usar un degradado radial transparente blanco para agregar más luces al rostro. Estos están configurados para opacidad al 50%..



Paso 25

Voy a empezar a añadir los elementos del zapato a la ilustración. Volveré a utilizar Stock de Tasastock para las referencias de los zapatos. Puedes encontrar el stock en estos lugares:

  • Botines
  • Zapatos marrones
  • Zapatos de carro
  • Diablos azules
  • Cobra Wedge
  • Tacones negros

Los voy a recortar en Photoshop (C) y luego los vectorearé cada uno; Sin embargo, te mostraré cómo vector el más complejo para que sepas cómo hacerlo..



Paso 26

Voy a usar la imagen de referencia de Botines para el ejemplo. Comience con un documento nuevo, como lo hizo al principio de este tutorial con carpetas para un Rectángulo transparente (M) y una carpeta para el vector real como se muestra a continuación.



Paso 27

Usa la base de ropa azul para dibujar la totalidad del zapato y luego usa Pathfinder> Minus Front para eliminar las formas de la bota, de modo que te quedes con un contorno grueso y un tacón.




Paso 28

Trate cada porción que se superponga en las botas como una nueva sección. Así que con las correas cruzando las botas, he repetido el mismo proceso que en el Paso 27 y lo mismo con los bucles en las correas..





Paso 29

Voy a usar el Live Paint Bucket (K) para rellenar las formas. Me resulta más fácil usar este método si está experimentando con colores, ya que es más rápido cambiar los colores con un clic, en lugar de seleccionar una forma y rellenar.




Paso 30

Voy a agregar resaltes a las botas usando un color azul más claro (C = 32, M = 2, Y = 17, K = 0) configurado en Pantalla de modo de fusión y Opacidad 50%.




Paso 31

Agrega las formas para las hebillas al final y los resaltes usando el mismo proceso que el resto de la bota..




Paso 32

Repita el mismo proceso para cada uno de los zapatos en su propio archivo. Esto facilitará su uso en el futuro..







Paso 33

De vuelta a la ilustración principal, cree una nueva capa encima de la carpeta de capas "BG" y cambie su nombre a "zapatos". Voy a Copiar (Comando + C) y Pegar (Comando + V) los zapatos en el lienzo. Use la herramienta de transformación libre (E) para rotar y cambiar el tamaño de los zapatos a su posición.



Paso 34

Cree una nueva capa debajo de la carpeta de capas "Zapatos" y cambie su nombre por "Sueño". Utilice la herramienta Elipse (L) para dibujar un círculo uniforme presionando Alt + Shift, con un peso de trazo de 4 puntos.



Paso 35

Haga doble clic en la herramienta Bloat en la barra de herramientas y obtendrá las opciones para editarla. Modifíquelo como se muestra:


Y luego use la herramienta Bloat para agregar círculos al exterior del círculo para dar un efecto de nube / sueño.



Paso 36

Voy a alterar las opciones de la herramienta Bloat nuevamente para disminuir el ancho y la altura a 30 puntos para agregar más círculos al exterior de la forma.


Luego voy a entrar en las opciones de Trazo para cambiar el trazo para Alinear trazo al exterior.



Paso 37

Ahora llene la forma con blanco, luego vaya a Efectos> Estilizar> Resplandor interior y use las siguientes opciones con el Modo de color configurado en azul claro (usado para resaltar los zapatos).



Paso 38

Luego voy a agregar un brillo externo yendo a Efectos> Estilizar> Resplandor externo con el azul más oscuro.



Paso 39

Agregue el efecto que ha creado a la forma en la paleta Estilos gráficos para que pueda usarlo nuevamente para agregar círculos con la herramienta Elipse (L) alrededor de la burbuja del sueño..



Paso 40

Voy a exagerar el efecto del sueño agregando un rastro de burbujas a sus pensamientos. Voy a Crear una nueva capa encima de la carpeta de capas "Cabello" y le cambiaré el nombre a Dream Front ". En esto, agregaré dos círculos con nuestro estilo gráfico puesto que las formas o el efecto Resplandor exterior pueden superponerse en el cabello. Luego, de vuelta a la carpeta de capas "Sueño", agregaré otro círculo, que se superpondrá al sueño mismo..



Paso 41

Quiero que los zapatos se destaquen más, así que voy a agregar un contorno alrededor de los zapatos. Para hacerlo de forma rápida y lo más precisa posible, duplique los zapatos. Luego, Objeto> Expandirlos hasta que todos los efectos de Live Paint hayan sido eliminados. Usa Pathfinder> Unite para hacerles formas completas.



Paso 42

Voy a agregar un trazo marrón oscuro de 0.5 pts alrededor de las formas y establecerlo en Modo de fusión Multiplicar con 50% de opacidad. Esto se debe a que quiero que estas líneas sean del mismo estilo que las de la chica..



Paso 43

Ahora voy a agregar más detalles con la línea de arte en los zapatos con la herramienta Pincel y el pincel de perfil ancho 1 con la misma configuración.




Paso 44

Quiero que la ropa refleje el mismo estilo de arte lineal; sin embargo, si usa las opciones de Transparencia para modificar los modos de opacidad y fusión, esto también afectará el color de relleno. Entonces, para afectar solo el trazo, vaya al panel de Apariencia y profundice en el Trazo. Podrás modificar el modo de opacidad y fusión desde aquí para reflejar el resto de la ilustración..



Paso 45

Como el sombreado de la piel se superpone a la ropa, agregaré una línea a lo largo del área del cofre / ropa con el mismo estilo. Debe recordar estas pequeñas líneas, de lo contrario puede parecer fuera de lugar para la molestia de su espectador (¡quien no pueda ver por qué se ve extraño!).



Paso 46

Vaya a la carpeta de capas "BG" y modifique el rectángulo blanco para reflejar el mismo estilo de la ilustración. He utilizado un trazo alineado interior y exterior para imitar el dibujo lineal del estilo del sueño y el dibujo lineal del estilo marrón, como se muestra a continuación en el panel de Apariencia.



Paso 47

Para las últimas alternaciones de la ilustración, agregaré un reflejo de luz en los ojos con dos círculos rellenos de blanco utilizando la herramienta Elipse (L). Estos se establecerán en un 50% de opacidad..



Paso 48

Y finalmente, al igual que todas mis ilustraciones con personas, agrego una variedad de lunares en la cara y el cuerpo con la herramienta Elipse y usando el color de la línea de arte. Estos se configurarán en modo de fusión, multiplicación y opacidad del 50%..



Conclusión

Al exagerar un escenario y vigilar el lenguaje corporal, puede armar con éxito una ilustración de estilo de vida similar. El uso de una mezcla de estilos puede ayudar al espectador a ver la clara diferencia entre un sueño y la realidad y ayudarlos a centrarse en la ilustración en las partes requeridas..
Cuando el espectador mira esta ilustración, primero se sentirá atraído por el personaje femenino, luego, a menudo, seguirán sus ojos a lo que están mirando, en este caso los zapatos. Luego ven toda la ilustración y pueden ver claramente que es un sueño diurno..