Crea un retrato inspirado en Steam Punk en Illustrator CS6

En el tutorial de hoy, les mostraré cómo he creado este retrato inspirado en Steam Punk de un amigo que utiliza Illustrator CS6. Le mostraré todo el proceso, desde dibujar con la herramienta Pincel de manchas, hasta dibujar muchas formas y luego colorear. Aprenda a seguir un flujo de trabajo de ilustración vectorial profesional para crear este trabajo envejecido y estilizado. Así que entremos de inmediato y divirtámonos un poco.!


Paso 1

Mi retrato de steam punk se basará en una fotografía de un amigo mío. Simplemente lo hice en escala de grises en Photoshop y luego en Archivo> Lo puse en un Nuevo documento en Adobe Illustrator, luego configuré las capas como se muestra a continuación.

Dentro de la carpeta de capa "BG" hay un rectángulo de relleno blanco (M) con una opacidad del 50%. Vale la pena señalar que tengo Ver> Ocultar Artboards. Cuando se trata del boceto, no quiero sentirme restringido por ningún límite predeterminado.



Paso 2

Voy a usar la herramienta Pincel para manchas (Mayús + B) para dibujar mi ilustración antes de dibujar sobre ella con la herramienta Pluma (P). Sin embargo, primero voy a hacer doble clic en la herramienta Blob Brush en la barra de herramientas para acceder a las opciones de la herramienta. Voy a reducir el tamaño a 3 puntos, configurarlo para ser influenciado por la presión de mi tableta gráfica y luego configurar la variación a 3 puntos. Por último, haga clic en Aceptar..


Ahora acabo de esbozar diferentes ideas sobre el retrato. Sé que quería incluir rastas y gafas, pero no estaba seguro del resto.



Paso 3

Así que he organizado mis capas para tener el boceto debajo del rectángulo de relleno blanco (M). Cerré todas mis formas y mi concepto de boceto, que decidí usar para la ilustración. Es hora de empezar en la línea de arte..



Etapa 4

Para la línea de arte, a menos que se indique lo contrario, voy a utilizar la herramienta Pluma (P) con un trazo de sombra negra. El color es irrelevante en este momento, ya que cambiará en una etapa posterior. Estoy empezando con algunas formas muy básicas para la cara, el pañuelo, el cuello, la corbata y el suéter. Use las guías inteligentes (Comando + U) para asegurarse de que sus líneas se intersecan y estén alineadas entre sí.



Paso 5

Voy a usar la herramienta Pincel (B) para dibujar los rastas. Estaré usando una línea uniforme básica con tapas redondas y un peso de trazo de 20 puntos. Primero complete la parte posterior del peinado, asegurándose de que haya suficientes rastas a lo largo de la parte superior de la bufanda para la cabeza, luego agregue un par de rastas a cada lado, que se colocarán sobre los hombros..


Después de que haya dibujado sus rastas, seleccione todos los trazos y luego vaya a Objeto> Expandir apariencia, y luego Objeto> Expandir. Cambie el relleno a blanco y el trazo a negro para que coincida con el resto de su ilustración.



Paso 6

Voy a construir las gafas con elipses duplicados (L) con un trazo negro apagado y relleno blanco. Después de crear la primera sección de las gafas, la agrupé (Comando + G). Luego lo duplicé y lo empujé hacia arriba con mis teclas de flecha. Usé Align> Horizontal Align Center para mantenerlo alineado en el centro.


Luego puse círculos creados con la herramienta Ellipse (L) a cada 45 grados. Esto es solo una decoración extra para las gafas..



Paso 7

Voy a colocar una cruz sobre una de las gafas. Entonces, usando la herramienta de segmento de línea (\), dibujé una cruz con líneas de peso de trazo de 10 puntos. Luego Objeto> Los expandí y usé Pathfinder> Unite para crear una cruz.

Duplique uno de los círculos de las gafas y luego utilice la herramienta de transformación libre (E) para volver a escalarlo un poco más pequeño que la parte superior de las gafas. Luego use Pathfinder> Intersect para producir la cruz independiente. Dale un trazo negro apagado y un relleno blanco. Una vez hecho esto, agrupa todos los elementos para las gafas (Comando + G).



Paso 8

Use la herramienta de transformación libre (E) para colocar las gafas en la bufanda de la cabeza y inclínela ligeramente. Duplíquelo y use Objeto> Transformar> Reflejar verticalmente y luego oculte la cruz. Coloque las gafas duplicadas para que ahora tengamos dos en la bufanda de la cabeza.

Voy a crear una correa dibujando una línea de peso de trazo de 40 pts a lo largo de la cabeza bufanda de oreja a oreja, luego aplique el perfil "Ancho de perfil 1" para darle extremos cónicos..


Use Objeto> Expandir Apariencia y Objeto> Expandir para darle un relleno blanco y un trazo negro apagado. Notará que puede haber muchos puntos innecesarios en la correa, así que use Objeto> Ruta> Simplificar para reducir la cantidad de puntos.



Paso 9

He añadido el extremo de la correa al lado de una de las gafas. Utilicé una línea de peso de 40 pts con perfil "Ancho de perfil 3" para darle un extremo puntiagudo. Después de expandir, agregué una línea a lo largo del borde del extremo de la correa y la correa a lo largo del pañuelo de la cabeza para dar un poco más de detalles..


Luego utilicé la herramienta Ellipse (L) para agregar orificios de hebilla a lo largo del extremo de la correa, como se muestra a continuación:



Paso 10

Ahora que tengo dibujadas las formas básicas, tendré que agregar líneas para ayudar a definir las arrugas en la bufanda del cuello. He añadido una línea discontinua a lo largo del borde de la bufanda con un guión de 5 puntos y un espacio de 2 puntos.


Ojales con formas y formas para las orejas. Las orejas necesitarán un relleno blanco..



Paso 11

Para el iris y las pupilas, dibujé un círculo uniforme con la herramienta Elipse (L) y luego lo duplicé y reduje el tamaño utilizando la herramienta Transformación libre (E). Luego duplicé ambos círculos y lo moví hacia el otro ojo, así que ahora tenemos dos círculos para cada uno de los ojos..

Luego usé la herramienta Pluma (P) para agregar puntos adicionales donde los círculos se intersecan con las formas de los ojos (¡las Guías inteligentes son muy útiles aquí!). Luego utilicé la Herramienta de selección directa (A) para seleccionar puntos que no son necesarios y los eliminé.



Paso 12

De vez en cuando, comparto trabajos en progreso en mi página de Facebook. Cuando inicialmente mostré el arte lineal básico para este retrato, la gente me pidió que convirtiera este retrato en un Ángel de máscara de gas. Un ángel de máscara de gas es un conjunto continuo de personajes / tema que he estado creando de vez en cuando para intentar impulsarme creativamente. Aunque no voy a crear uno de estos personajes, pensé que aceptaría la sugerencia y agregaría una máscara de gas ... y son muy fáciles de crear, especialmente cuando ya tienes uno de los elementos.!

Primero, voy a agregar la máscara alrededor de la región de la boca. Primero dibujaré la mitad de la máscara y luego la duplicaré y Objeto> Transformar> Reflejar verticalmente. Después de alinearlos, usaré Pathfinder> Unite para crear una forma..


Luego duplicé las gafas, lo agrandé un poco, lo giré y añadí detalles sobre la máscara y la boquilla. He añadido formas a ambos lados de la cara para las correas de la máscara. Esto ayudará a enmarcar la cara..



Paso 13

He agregado formas a cada lado de la cara para el cabello y las coloqué por encima de la forma de la cara pero por debajo de la cabeza. Para las cejas, creé una forma y luego la duplicé y la reflejé..



Paso 14

Ahora para poner en orden la línea de arte antes de colorear. Primero, usaré los perfiles para afilar los extremos de las líneas para los ojos, la boquilla y la bufanda..



Paso 15

Voy a ordenar las rastas que se superponen en el suéter de personajes.


Duplique todas las formas utilizadas para el personaje, aparte de las rastas, y use Pathfinder> Unite para crear una forma. Luego retire la parte inferior de la forma utilizando un Rectángulo (M) y un Conmutador> Frente Frontal.


Duplique esta forma varias veces y use las copias en Pathfinder> Minus Front de los cuatro rastas. Estas formas ahora pueden ir encima de todas tus otras formas..



Paso 16

Seré el primero en admitirlo, el color no suele ser mi gran habilidad y, a veces, necesitas ayuda en esa área. Una de mis formas favoritas de obtener inspiración de color es usar Kuler by Adobe. Así que inicié sesión en el sitio con mi ID de Adobe y busqué en "steam punk". Encontré una gran paleta de inmediato, que puede descargar desde el sitio web una vez que haya iniciado sesión.


Luego, en el panel Swatch, vaya al menú detallado y "Abrir biblioteca de muestras" y localice su nueva muestra. Al hacer clic en la carpeta de la izquierda, se agregarán todos los colores a su panel Swatch..



Paso 17

Comenzaré agrupando todas las ilustraciones de línea (Comando + G) y luego las duplicaré. Le daré un color de trazo de arena (C = 26, M = 29, Y = 72, K = 1) y, cuando corresponda, un relleno de crema (C = 5, M = 6, Y = 22, K = 0). Voy a aplicar el pincel de arte predeterminado "Lápiz - Fino" a los trazos y luego configurar todo el grupo en Modo de fusión Multiplicar con opacidad 60%. Luego coloqué un rectángulo lleno de crema (M) detrás del grupo.


Dupliqué la línea de arte nuevamente y luego usé los siguientes colores de la muestra inspirada en steam punk. A continuación se muestra la combinación que fui para:



Paso 18

He añadido algunos colores adicionales a nuestra muestra inspirada en punk marrón steam. He añadido un tono fuera de magenta (C = 0, M = 95, Y = 20, K = 0) y un tono verde pavo real (C = 80, M = 10, Y = 45, K = 0) en parte porque Me encanta esta combinación de colores y en parte porque solo los marrones en esta ilustración hacen que me parezca un poco aburrido!



Paso 19

Voy a comenzar el proceso de sombrear las diferentes áreas. Cada tipo de región necesitará sombreado diferente. Para un área que tiene contornos irregulares, como la piel, las correas de las gafas protectoras, la máscara antigás y la tela, deberá dibujar el sombreado a mano con la herramienta Pluma (P). Como la cara es más o menos simétrica, he dibujado una mitad. Luego duplicé, Objeto> Transformar> Reflejado verticalmente, y luego usé Pathfinder> Unite.



Paso 20

Le doy a cada una de las formas de sombreado un relleno marrón oscuro (C = 51, M = 69, Y = 86, K = 68) y las configuro en Modo de fusión Multiplica con opacidad 5%. Luego aumenté el sombreado simplemente superponiendo las formas como se muestra a continuación.


Agrupé las formas de sombreado (Comando + G). Luego duplicé la forma de la cara y la utilicé para crear una máscara de recorte (Comando + 7). Este método ha sido utilizado a lo largo de la ilustración..



Paso 21

He seguido sombreando la ilustración como se muestra a continuación:


Para las superficies más regulares, por ejemplo, las lisas, como las gafas, utilicé un método de Stroke Aligned Inside de variadas ponderaciones y opacidades de Stroke como se muestra a continuación:


Un método similar se utiliza para los dreadlocks. Se requiere mucho tiempo para sombrear, ya que he usado Pathfinder> Minus Front para eliminar formas de formas duplicadas de los rastas. Sin embargo, vale la pena ya que les da una textura irregular..

En lugar de usar Stroke Weights para manipular el área a sombrear, utilicé Effect> Path> Offset Path y offset por -1pt, -1.5pt y -2pt. Luego agrupé todos los elementos (Comando + G) y luego los puse en una máscara de recorte (Comando + 7).



Paso 22

Las cejas y el cabello se crean de manera similar entre sí. Dibujé una línea áspera en zig-zag con la herramienta Pincel (B) usando el pincel de Charcoal - Feather art. Luego lo puse en Modo de fusión, Multipliqué con opacidad al 20% y lo puse dentro de una máscara de recorte (Comando + 7).



Paso 23

Decidí alterar el color de la línea de arte original y configurarlo en marrón oscuro (C = 51, M = 69, Y = 86, K = 68). Esto ayudará a evitar que el arte lineal se vea tan lavado en el área de la bufanda del cuello.



Paso 24

Voy a añadir más sombreado alrededor de los ojos. Primero, agregue un poco más en los párpados para ayudar a oscurecerlos. Luego utilicé la pantalla de arena configurada como Pantalla de modo de fusión con Opacidad al 30% para agregar un resaltado en la parte inferior del iris. Luego agregué una reflexión utilizando el tono más claro (C = 5, M = 6, Y = 23, K = 0) configurado en la pantalla de Modo de fusión con opacidad 80%.

Agrupé estos elementos y los coloqué debajo de todos los demás sombreados (Comando + G).



Paso 25

Volveré a utilizar la herramienta Pincel para manchas (Shift + B), pero esta vez para agregar un toque sutil a partes de la ilustración, así como para agregar texturas. Así que primero voy a modificar el tamaño de 3pt a 2pt.


A continuación puedes ver donde agregué los detalles de resaltado. Usé el tono más pálido y los puse en la pantalla de modo de fusión con opacidad 20%.



Paso 26

Utilicé el marrón oscuro para hacer la textura en las rastas. Estos están configurados en Modo de fusión Multiplicar con opacidad 10%. Son solo trazos garabatos al azar como se puede ver en los garabatos a la derecha de la siguiente captura de pantalla:


Luego dibujé más trazos alrededor de la cara, las correas y las áreas de tela para agregar sombras y texturas con la misma configuración.



Paso 27

Los colores todavía se ven un poco blandos para mí, así que usé la Herramienta de selección directa (A) mientras los otros elementos están bloqueados, para seleccionar áreas y luego cambiar el relleno..



Paso 28

Duplique un grupo de arte lineal y luego Objeto> Expandir apariencia y objeto> Expandir. Luego utilicé Pathfinder> Unite para crear una forma de todo el personaje.


Utilicé esta forma para luego crear un contorno alrededor del personaje utilizando Alinear trazo al exterior con el sombreado de la ceja oscura y un peso de trazo de 2 puntos. Esto se establece en Modo de fusión Multiplicar con opacidad 30%.



Paso 29

Voy a crear un fondo rápido y sencillo. Primero, dibujaré muchos rectángulos rellenos pálidos (M) en el fondo. Sin embargo, como ves, esto altera el color de nuestro personaje. Esto se debe a que ninguna de las formas utilizadas para producir el carácter está configurada en Modo de fusión Normal con Opacidad 100%.


Para resolver esto, podría usar la forma creada en el Paso 28 para ser una base debajo de todo el personaje y configurarlo en Modo de fusión Normal con Opacidad al 100%. O puedo usarlo en Pathfinder> Minus Front de un rectángulo (M) y crear una máscara de recorte (Comando + 7). Opté por este último basado puramente en el recorte del área más allá del retrato y bueno, me gusta Máscaras de recorte.


Luego utilicé la Herramienta de selección directa (A) para alterar el relleno de algunas de las franjas de fondo.



Paso 30

Finalmente, utilicé la herramienta Artboard (Shift + O) para definir el área de la mesa de trabajo.



Conclusión

Cambié el color de un par de elementos, incluidas las gafas, pero aparte de eso, este es mi viejo retrato de steam punk..