Transformar una foto de stock en una ilustración con aerógrafo y estarcido

Lo que vas a crear

En este tutorial, aprenderá técnicas para crear dibujos de líneas dibujados a mano con una foto de inventario, usando gradientes y efectos de ruido para imitar técnicas de aerografía, y utilizando herramientas de formas personalizadas para crear diseños de plantillas fáciles y rápidos dentro de su ilustración. Agarra tu tableta gráfica, abre Adobe Photoshop, y comencemos.

Este diseño de tutorial se ha realizado para que coincida con el tema "Desigualdad" del Día del espíritu de GLAAD y Día de acción del blog 2014..

1. Configuración de su documento

Paso 1

Crear un Nuevo documento en Adobe Photoshop (Estaré usando la versión CC 2014) midiendo aproximadamente 8 pulgadas por 10 pulgadas300 dpi. Este tamaño de archivo es arbitrario y le invitamos a trabajar en el tamaño que crea que se adapta a su fotografía y diseño de archivo.

Abre tu foto de archivo. Usaré la foto que se ve a continuación, que se puede comprar en PhotoDune. Seleccionar todo (Control-A)Copiar (Control-C), y Pegar (Control-V) tu foto en tu Nuevo documento. En el Capas panel, reducir el Opacidad de la capa de fotos para 60% y seleccionar Bloquear todo para bloquear la capa.

Paso 2

El pincel que usaremos para el dibujo lineal es un pincel predeterminado modificado. He seleccionado la Ronda dura cepillo de la Pinceles preestablecidos panel y, en el Cepillo panel, redujo la forma del pincel en una elipse delgada y cambió el ángulo a 39 ° más o menos. Este pincel servirá como una punta de estilo caligráfico y cincelado para nuestra línea de arte. Debajo Dinámica de formas, seleccionar Control: Presión de la pluma desde el menú desplegable debajo Tamaño Jitter.

2. Comenzando el arte lineal con la cara

Paso 1

Crear un Nueva capa y, usando el Herramienta de pincel (B) y el pincel creado en el paso anterior, comience a rastrear los ojos de su modelo. Usa un color oscuro que no sea negro. Elegí púrpura oscuro (# 362641). Me gusta comenzar con el pliegue del párpado y las esquinas exteriores de las pestañas. Al hacerlo, arrastro mi línea con cuidado, haciéndola más delgada hacia el centro de la cara. 

Revise sus líneas un par de veces para enderezarlas, engrosarlas y asegurarse de que estén firmes. No te preocupes por demasiados detalles. Estamos seleccionando cuidadosamente las características faciales para que el detalle no abrume el diseño general.

Paso 2

Continuar por la cara. Dibuje una línea delgada para indicar el puente de la nariz, las fosas nasales (lados y aberturas) y la bola de la nariz. Para la boca, use líneas finas para el labio superior y líneas más gruesas en las esquinas y en el centro de la boca. Para imitar la sombra, espesa las líneas debajo del labio inferior. 

Utilizar el Herramienta de borrador (E) para asegurarse de que sus líneas están limpias y constantes. Por eso trabajo en 300 dpi: Puedo ampliar y trabajar en el arte de línea con el más mínimo detalle.

Paso 3

Para las cejas, aumenté el tamaño de mi pincel y en Dinámica de formas dentro de Cepillo panel, puse el Control de ángulo de jitterLa presion de la pluma. Inicie las cejas en el centro de la cara y arrástrelas hacia afuera en dos movimientos. Incluso ellos con la Herramienta de borrador y un pequeño versión de la misma Pincel como hemos estado usando.  

Tenga en cuenta cómo se ven las cejas en la foto de archivo. Podría decirse que podría rastrearlas cuidadosamente, pero me parece que dibujarlas con un par de movimientos mantiene sus líneas dinámicas y llenas de movimiento..

3. dibujando los aretes

Paso 1

Los pendientes en mi pieza fueron creados con unas pocas formas simples y sin referencia. Vamos a usar el Pincel y dibujalos ahora

  1. Dibuja un círculo simple. También puedes usar el Herramienta Elipse (U), Pero me gusta lo encantador que puede ser un círculo imperfecto..
  2. DupdoPegar el círculo. Para reflejar la forma, vaya a Edición> Transformar> Girar horizontal. Utilizar el Mover herramienta (V) para arrastrar el circulo hacia la derecha. Fusionar hacia abajo (Control-E) la capa copiada y dibuje una línea recta (mantenga pulsada la tecla Cambio) en el centro de los dos círculos.
  3. Dibuja una línea recta corta a cada lado de los círculos y usa la Pincel dibujar cuidadosamente una curva desde el lado izquierdo del círculo hasta la línea central.
  4. Repite la curva en el lado derecho..

Paso 2

Continuando con la línea de aretes de corazón y usando magenta (# ce3681) para el arte final de la línea pendiente:

  1. DupdoPegar La forma dibujada en el paso anterior y Escala abajo por 50% más o menos. Colóquelo en el centro de la forma del corazón más grande.. Unir ambas capas hacia abajo. Utilizar el Lapicera para trazar el contorno del corazón desde la parte superior central hasta la parte inferior central.
  2. Crear un Nueva Capa. Seleccionar La herramienta Pincel y asegúrese de que está utilizando el mismo pincel personalizado cincelado creado anteriormente en este tutorial. Establecer el cepillo tamaño4 px. En el Caminos panel, golpe Trayectoria de trazo con cepillo.
  3. DupdoPegar, y Dar la vuelta tu nuevo corazón medio HorizontalmenteEsconder la capa de construcción del corazón en el Capas panel y Unir los dos nuevos contornos del corazón juntos. Retoca el arte de la línea de tu corazón con la Borrador Herramienta o la Pincel.
  4. DupdoPegar, y Escala el contorno del corazón hacia abajo para formar la forma central del corazón. Utilice la capa de construcción del corazón para alinear la forma central correctamente. Crear un Nueva capa y usar el Pincel para dibujar una línea recta desde la parte inferior del corazón interior. Dibuje otra línea perpendicular desde la primera línea a la derecha del diseño del corazón (vea a continuación).
  5. Complete la forma de la barra con una tercera línea recta en el lado derecho de la línea horizontal.

Paso 3

Hacer otro Nueva capa en el Capas panel. Utilizar el Lapicera para dibujar una forma simple de signo más usando el rectángulo dibujado anteriormente. Elimine las capas con líneas de construcción, limpie el diseño del pendiente y Unir cualquier capa que contenga componentes de pendiente hacia abajo.

4. Completando el Line Art

Paso 1

Continuar trazando su foto de stock. En este caso, originalmente quería usar el mismo peinado que usaba el modelo en la foto. Es en este punto que puedes decidir qué partes de la foto seguirás utilizando para tu obra de arte final. Asegúrese de que los componentes como el cabello, las manos, etc., estén dibujados en una capa separada (por ahora) para que sean fáciles de editar si y cuando cambia de opinión.

Paso 2

Coloque el pendiente dentro de su composición. Utilizar el Herramienta elipse para dibujar pequeños círculos sobre el amuleto del pendiente, y trazar las líneas en el Caminos panel.

Paso 3

Si está cambiando el cabello del modelo de su foto de archivo, encontrará útiles los siguientes pasos. Crear un Nueva capa y use un pincel pequeño (de nuevo, es el mismo pincel cincelado que he estado usando a lo largo del tutorial) para comenzar a dibujar en el flequillo del modelo.

Comencé por la parte superior de la cabeza y me dirigí hacia abajo y hacia las cejas. Opcionalmente, puedes usar otra referencia de foto para el diseño de tu cabello..

Etapa 4

Para ayudar con la colocación del cabello de mi modelo, escondí la capa de fotos, creé una Nueva capa, y dibujó líneas para definir libremente la colocación de su cabeza y rasgos faciales. Esto me permitió obtener el ángulo correcto de su cabello. Borre la capa de la línea de construcción cuando ya no la necesito.

Paso 5

He completado mi línea de arte a continuación. Observe cómo las líneas hacia el exterior del diseño son más gruesas y más divertidas que algunas de las otras líneas internas (especialmente las del cabello). Una vez finalizada tu línea de arte., Fusionar sus capas, elimine cualquier capa de línea de construcción y prepárese para continuar con los efectos de aerografía.

5. Coloreando la figura

Paso 1

Mi elección de color principal para este diseño es púrpura pálido (# ecd4f6). Creé un Nueva capa y usé el Lapicera para trazar el contorno del modelo, rellenando la forma cerrada con un color plano en el Caminos panel.

Paso 2

Hacer una Nueva capa por encima de los demás y usar el Herramienta de gradiente (G) arrastrar un Lineal degradado de pastel a través de su documento. Elegí el Amarillo, Rosa, Púrpura gradiente encontrado bajo Pasteles en el Herramientas de degradado opciones.

Establecer la capa Modo de mezclaLuz tenue en el Capas panel. He ocultado la capa de color púrpura para que pueda ver el efecto de la capa del degradado a continuación. Será más evidente en el siguiente paso..

Paso 3

Recomiendo usar colores degradados que complementen el color de relleno elegido para el tono de piel de su modelo. En este caso, todo se trata de pasteles. Utilizar el Herramienta de movimiento para arrastrar la capa de color de relleno púrpura hacia abajo y hacia la derecha para compensarla de la línea de arte.

Etapa 4

Hacer una Nueva capa debajo de los que ya están siendo utilizados. Toma el Pincel y en el Pinceles preestablecidos panel, seleccione el predeterminado Tiza cepillar y bajar su Opacidad60% y Fluir75%.

Paso 5

Usando un color claro, como el amarillo (#fffdda), dibuje un trazo alrededor del contorno de su diseño. Me gusta usar este paso como una forma de introducir nuevos colores, líneas esbozadas y texturas a la pieza..

6. Colores suaves con degradados

Paso 1

Crear un Nueva capa por encima de la capa de piel púrpura y por debajo de la capa de arte lineal. Utilizar el Pincel y un pincel de tiza para rellenar los pendientes y dibujar con cuidado el delineador en el modelo. Luego ve a Filtro> Ruido> Añadir ruido y aplica la configuración de tu elección..

Opté por un Uniforme cantidad de 10%. Asegúrese de seleccionar también Monocromo en el cuadro de diálogo que aparece.

Paso 2

Crea otro Nueva capa Por encima de la realizada en el paso anterior. Toma el Herramienta gradiente y en su configuración, elija Gradiente radial que va desde Primer plano a transparente con Blanco como el color de primer plano. 

Dibujar pequeño Gradientes radiales En la boca, cuidadosamente acodándolos. Repita en los ojos para una ligera capa de sombra de ojos. Utilizar el Herramienta de borrador Para limpiar el gradiente blanco de la parte exterior de los párpados y la boca..

Paso 3

Usemos gradientes suaves para imitar el aerógrafo en el cuerpo.

  1. Una vez más, hacer un Nueva capa y usar el Herramienta gradiente para dibujar pequeños, en capas Gradientes radiales en morado# 9e57d7) en el hombro y las manos. 
  2. Bajar el Opacidad de la herramienta o la capa si encuentra que el color del degradado es demasiado intenso.
  3. Borrar El gradiente del cofre donde se encuentra en la mano..
  4. Utilizar el Herramienta de movimiento para arrastrar la capa de degradado púrpura hacia abajo y hacia la derecha un poco, tal como lo hicimos en Sección 5, Paso 3.

Etapa 4

Al igual que los degradados de color blanco en la cara, también los colocaremos sobre el cabello. Hacer una Nueva capa por encima de los otros gradientes y utilice el Herramienta gradiente dibujar suave Blanco a Transparente Gradientes radiales en el pelo. Borrar Cualquier porción de estos gradientes que aparezcan en la cara..

7. Stenciling mariposas

Paso 1

Crear un Nueva capa y usar el Herramienta gradiente a capa pequeña, suave Gradientes radiales que van desde Color de frente a transparente. Elegí varios tonos de púrpura, azul, verde azulado y rosa, y dispersé los gradientes alrededor de la cabeza de la modelo.

Paso 2

Utilizar el Forma personalizada Herramienta y elige una mariposa de la Naturaleza conjunto de formas.

  1. Dibuja una mariposa con el Herramienta de forma personalizada y golpear Cargar ruta como selección en el Caminos panel. DupdoPegar la sección de gradiente seleccionada.
  2. En la capa de degradado de colores, repita el proceso de dibujar trazados en forma de mariposa, cargarlos como selecciones y Proceso de copiarPaliza Las mariposas en el documento. Varíe los tamaños y las ubicaciones como mejor le parezca.
  3. Utilizar el Herramienta de movimiento para mover las mariposas alrededor de tu composición. Girar seleccionando su capa y yendo a Editar> Transformar> Rotar. Cuando esté satisfecho con su colocación., Unir todas las capas de mariposa juntas y oculta la capa de degradado realizada en el paso anterior.

8. Creando un efecto de pintura en spray

Paso 1

Crear un Nueva capa Y una vez más, hacen varios colores. Gradientes radiales Alrededor de la figura. Use el blanco en el centro de la figura para difundir los gradientes. Hasta ahora, parece que has usado un aerógrafo para dibujar varios puntos de color en tu diseño.

Paso 2

Añadir ruido a la nueva capa de degradado de colores. Escoger 10-15% y seleccione Gaussiano para Distribución. Una vez más, asegúrese Monocromo esta seleccionado Golpear DE ACUERDO cuando esté terminado.

Paso 3

Coloque esta capa detrás de la capa de tono de piel púrpura. Observe cómo el ruido agregado a los gradientes los hace ver como si hubieran sido pintados con aerosol ahora, en lugar de ser aerografiados en el plano de la imagen..

9. Creando Plantillas Adicionales

Paso 1

En un Nueva capa por encima de la creada en Sección 8, utilizar el Herramienta de forma personalizada dibujar otra forma elegida de una deConjuntos de formas de Photoshop. elegí Adorno floral 2 en el Adornos conjunto.

  • Dibuje la forma de adorno en la esquina superior derecha de su plano de imagen, superponiendo el borde del documento. 
  • Golpear Cargar ruta como selección en el Caminos panel.

Paso 2

Utilizando la Herramienta gradiente una vez más con un Blanco a Transparente Gradiente radial, arrastre con cuidado el degradado a través de la selección. Colóquelo un poco de manera que no sea demasiado claro, pero tampoco completamente blanco.

Paso 3

Repetir Pasos 1-2 de esta sección para poner capas de diseños floridos, como tapetes, en las esquinas del diseño. Opcionalmente, puedes completar una esquina del diseño y luego DupdoPegar, y Girar Las formas de degradado que se colocarán en la esquina opuesta..

Bien hecho, has terminado!

¡Se acabó! Y qué final hemos encontrado. Empuje su diseño aún más agregando más elementos estampados, en capas o pintados con aerosol al diseño. ¿Cómo sería tu pieza con una figura pintada en lugar del simple arte de líneas de colores que se emplea a continuación? Muéstrenos sus retratos modificados en la sección de comentarios a continuación. Utilice fotos de archivo de PhotoDune o conviértalo en un autorretrato con sus propias imágenes..