Cree una ilustración temática vívida usando elementos simples dibujados a mano - Parte II

Los elementos dibujados son ciertamente algo que puede mejorar una ilustración. Incluso si no eres muy bueno dibujando, puedes crear una pieza de calidad. Todo lo que necesitas es una buena idea y algunas habilidades de Photoshop. Y si no me crees, definitivamente cambiarás de opinión después de leer esta Parte II de su serie de tutoriales de dos partes. Así que echemos un vistazo dentro!

Vista previa de la imagen final

Echa un vistazo a la imagen que estaremos creando.. 

Parte II Detalles del tutorial

  • Programa: Photoshop CS3
  • Dificultad: Avanzado
  • Tiempo de finalización estimado: 4-5 horas

Introducción y preparación

Es una ilustración temática sobre "No hay belleza", esto oculta una idea que la belleza no dura para siempre. De repente, todo lo que es grande y hermoso se desmorona. Toda la felicidad se ha ido con las piezas de colores. El resultado final tiene su propio estado de ánimo, incluso si es colorido, sigue siendo un poco aterrador.

Y como dije, esto es un poco simple, pero puede que se pregunte por qué este tutorial está etiquetado como nivel avanzado. Bueno, todo está bien siempre y cuando tengas algo de base para trabajar. Aquí no tenemos absolutamente nada, crearemos esta pieza desde cero. Entonces, lo que es difícil, es toda la profundidad de la ilustración, el sombreado y la colorización. Además de eso, hay algunas cosas que necesitas sentir.

Ok, ahora echemos un vistazo a lo que vamos a usar aquí:

  • Salpicadura, desde 123rf.com
  • Rubor roto, de sxc.hu
  • Textura áspera, de sxc.hu
  • Salpicaduras 1,2,3, de istockphoto.com
  • Pinceles hechos a mano 1,2, de brushesdownload.com
  • Pinceles de tinta (opcionalmente), brushesdownload.com
  • Trazos de pintura 1,2, brushesdownload.com
  • Elementos auto dibujados en papel

Paso 1

Sólo para recordarle lo que creamos en el En la Parte I del Tutorial, la primera imagen a continuación muestra nuestro resultado final. Recuerde que necesita trabajar ahora debajo de todas las capas de ajuste (que afectan a toda la ilustración) y también debajo del sombreado general de la habitación que agregamos.

OK, así que presta atención a la segunda imagen de abajo. Dibujé algo así en la primera parte del tutorial, este es el bosquejo de cómo imaginé las salpicaduras. Y decidí no cubrir toda la cara con salpicaduras..

Paso 2

Encontré tres salpicaduras agradables (1,2,3) de istockphoto, que puedes ver en la primera imagen de abajo.

Hay pocas formas de realizar la extracción, y como el fondo es blanco, es una tarea bastante fácil. Puede hacer esto usando la Gama de colores, sin embargo, no necesitamos las salpicaduras completas aquí, y un trabajo más preciso necesita la herramienta Pluma. Mira el tercer splash debajo y el rectángulo verde. Es una buena parte para encajar nuestra cara..

Vamos a hacer zoom en esta parte y usar la herramienta Pluma para recortarla. El uso de esta técnica es razonablemente rápido (y la técnica de la gama de colores a veces deja un poco del color de fondo, lo que no queremos). Así que revisa la última imagen de abajo (la negra) y puedes ver que es muy precisa. Comparé el fondo con un color negro y sí, está completamente rojo, sin bordes blancos.

Paso 3

Ahora, como dije, solo necesitamos un poco de esta salpicadura, así que encaja en la cara y usa un borrador suave o una máscara de capa para eliminar el borde cuadrado de la salpicadura (primera imagen a continuación). Luego aplique Imagen> Ajustes> Color selectivo e ilumine todos los tonos en este toque rojo oscuro. Para hacer esto necesitamos usar rojos, amarillos, neutrales y negros (segunda imagen a continuación). Ahora esto parece saturado, así que vamos a reducir la saturación (tercera imagen a continuación). Entonces es bueno dar un poco más de brillo (cuarta imagen).

Etapa 4

Te mostraré ahora qué hacer en puntos:

  1. Este es el resultado que hemos alcanzado hasta ahora..

  2. Cree una nueva capa sobre el splash, con el Modo de fusión establecido en Color. Agarra un pincel suave y pinta con un color marrón para hacer que el tono sea más adecuado para las sombras de la piel.

  3. Compare la imagen 1 a 3, y vea cómo la tonalidad cambió su color. Está empezando a parecer que es realmente un toque de piel.!

  4. Combina todas las capas conectadas con el splash en una sola. Y use la herramienta Grabar (rango: Medios tonos) para hacer que el toque sea más oscuro, como el color de la cara inferior.

Paso 5

Ahora duplique la capa frontal y colóquela sobre la superficie. Gírelo horizontalmente para que la piel oscura cubra nuestra salpicadura (primera imagen a continuación). Vaya a Capa> Máscara de capa> Ocultar todo (segunda imagen a continuación). Luego use un pincel suave y blanco y pinte la máscara de capa mientras tiene activada la selección de "salpicadura" (tercera imagen a continuación).

Esto puede parecer un poco confuso. Vamos a revisar lo que esto hace? Bueno, básicamente estamos revelando la piel de la cara copiada. Y estamos haciendo esto en la salpicadura para que se vea más con textura de piel. Es una pequeña diferencia, pero créeme, si te acercas, verás la diferencia. El chapoteo lucirá como una piel real..

Paso 6

OK, vamos a traer otro chapoteo. Nuevamente use la herramienta Pluma para hacer un corte preciso. Ahora gírelo en la dirección correcta (primera imagen a continuación). Luego, use un borrador duro (o una máscara de capa con un pincel negro y duro) para hacer una combinación perfecta con la piel (segunda imagen a continuación). Luego borra suavemente la parte superior cuadrada de la salpicadura.

Paso 7

Como cuando estábamos aplicando el toque anterior, use Imagen> Ajustes> Color selectivo y ajuste los mismos colores. Juega con los valores a partir de Rojos, Amarillo, Neutrales y Negros. Intente hacer que el color de la presentación sea más brillante (primera imagen a continuación). Luego, baje la saturación (tercera imagen a continuación) y finalmente dé un toque de brillo (a continuación, la imagen a continuación).

Paso 8

  1. Use la herramienta Quemar para hacer coincidir los colores de la piel de la cara inferior y nuestra salpicadura.

  2. Como anteriormente, duplique la capa "cara" y colóquela para cubrir la salpicadura con la piel..

  3. Vaya a Capa> Máscara de capa> Ocultar todo (esto enmascara completamente la capa "frontal" duplicada).

  4. Agregue el toque fino de pintura en la máscara de capa con un pincel suave y blanco.

  5. Hacer algunos retoques finales. Usé la herramienta de parches para deshacerme de la luz no deseada y quemé algunas partes más con la herramienta de grabación.

Paso 9

De acuerdo, cuando se trata de agregar salpicaduras más ligeras, el trabajo es mucho más fácil..

  1. Hacer un buen partido con la forma de la piel.

  2. Use el Color selectivo de la misma manera que antes para obtener un aspecto saturado (y es excelente con el color selectivo, ya que también suaviza el tono).

  3. A continuación, utilice Tono / Saturación y gire la Saturación hasta la mitad (no se exceda) para hacer coincidir el color de la salpicadura con el color de la piel..

  4. Si aún no es suficiente, vaya (como anteriormente) a Brillo / Contraste y mejore el Brillo, mientras baja el Contraste solo un toque, y deberíamos estar bien..

Nota: las luces a veces pueden ser un poco nítidas y brillantes, por lo que siempre puede deshacerse de ellas con la herramienta de parches o simplemente borrando algunas partes de la salpicadura.

Paso 10

Como ves ahora, la sombra debajo de la cara será un poco diferente porque cambiamos la forma. Encuentre el mismo color que usó anteriormente, mientras pinta la sombra. Coge un pincel muy suave y agrega más sombra donde los objetos se están acercando al suelo (como puedes ver en el puño y la segunda imagen a continuación).

Paso 11

Ahora para agregar más toques de salpicaduras en la piel, necesitamos usar otra imagen de pintura. Es bueno tenerlo en el mismo color, entonces los valores de ajuste no cambiarán mucho. Así que muestre esta imagen de Splatter en Photoshop y comience a extraerla con la herramienta Pluma.

Como se ve en la primera imagen a continuación, no tiene que cortar toda la pieza, solo la parte inferior. Y también la extracción necesita darte una bonita mancha redondeada sin sombras oscuras.

Todo se muestra en las imágenes de abajo. Solo debe repetir lo que hizo anteriormente con las salpicaduras, pero, con cada nueva salpicadura, debe buscar nuevos valores de ajuste (ya que no son los mismos). Así que los valores serán bastante similares, pero no exactamente iguales..

Paso 12

Coge la herramienta Pincel con configuraciones suaves (Flujo al 2% y Dureza establecida en 0%). Cree una nueva capa debajo de estas partes de la piel y use un color oscuro (que se ajuste a la superficie) para agregar una pequeña sombra. Usé el color: # 2f1d0e.

Luego mire la segunda imagen a continuación y cree dos nuevas capas sobre las partes de la piel. Haremos un pequeño toque hasta uno de ellos. Como se muestra en la imagen, cambie estas opciones de fusión de la capa: una a Superposición y la segunda a Multiplicar. Luego, utilizando el mismo pincel suave, cambie su color como se muestra en la segunda imagen a continuación y pinte los puntos indicados para que este aspecto se vea más realista..

Paso 13

Es el momento adecuado para agregar algunas piezas dibujadas a mano. Mis habilidades de dibujo son bastante limitadas y soy consciente de eso, pero como tengo algunos conceptos básicos, pude crear varios elementos muy simples que se ven lo suficientemente buenos para este propósito. Y con buenas habilidades de Photoshop, puedes convertir tus dibujos simples en algo realmente genial..

Así que toma un pedazo de papel, un lápiz y usa tu imaginación para crear algunas formas bonitas (o también puedes usar la mía). Ahora tome una foto de cada una (es bueno tener luz natural al tomar una foto). Luego, abra cada una y, si están demasiado oscuras, use Capa> Ajustes> Brillo / Contraste y luego Capa> Ajustes> Niveles para obtener un buen contraste entre los bordes y el fondo. A continuación, utilice la herramienta Pluma para extraer. Durante la extracción, trabaje en un lienzo grande (no cambie el tamaño de las fotos).

Paso 14

Como ves, mi elemento dibujado es bastante grande y eso es algo bueno. Ahora puedes usar Command + T y hacer clic en Warp en la barra de menú superior. Trabaja en doblar esta forma para obtener varios resultados. Obviamente, la deformación hará que nuestro elemento se vea un poco borroso, pero después de redimensionarlo no se notará (segunda imagen a continuación).

Luego quería agregar algo de profundidad a esta pieza haciéndola menos plana. Para hacer esto necesitas la herramienta Burn y la herramienta Dodge. En la tercera imagen a continuación, las flechas verdes indican los puntos inferiores (que deben pintarse con el Conjunto de herramientas de grabación en medios tonos) y las flechas rojas indican los puntos superiores (que deben pintarse con la Herramienta de esquivar establecida en Aspectos destacados).

Y después de agregar profundidad, puedes colorear este elemento usando Tono / Saturación.

Paso 15

En la primera imagen de abajo, utilicé el mismo elemento que antes y lo doblé utilizando la herramienta Warp para obtener muchas formas diferentes. También los hice en diferentes colores y di vuelta a cada forma a diferentes tamaños (para profundidad). Fueron colocados antes y después de la cara..

Ahora llega el momento de agregar un poco de sombreado para que estos elementos encajen. Necesitas recordar algunas cosas:

  • Cuando agregue sombras manualmente, use el pincel más suave (establecido en 0% de dureza incluso con 1-2% de flujo. Solo la opacidad permanece siempre al 100%).

  • Las sombras en realidad siempre se ven un poco diferentes que en una ilustración, pero debemos simular la sombra para que no se note..

  • Cuando agrego sombras, siempre muestro colores de la superficie (y los vuelvo un poco más oscuros que el color muestreado, y eso hace que la sombra se ajuste bien, incluso si no es real). La razón para hacer esto es porque la sombra de cada objeto tiene un toque de color del suelo que ocupa (para algunos buenos consejos sobre cómo hacer sombras, puedes leer el tutorial de Líneas súper maleables, consulta el paso 5).

Paso 16

OK, podemos empezar a añadir algunos elementos más dibujados. Así que en la primera imagen de abajo, las flechas naranjas indican los lugares que realmente quería quemar con la herramienta Grabar (establecida en tonos medios), y los verdes indican los lugares que necesitaban más luz (use la herramienta Esquivar configurada en Aspectos destacados). Como puede ver, el uso adecuado de herramientas simples puede hacer que sus elementos realmente se vean bien..

Así que en las imágenes a continuación básicamente necesitas cortar la parte superior de este elemento y reemplazarlo con la misma copiada (pero con un ángulo diferente). Mientras tanto, agregue un ajuste de Tono / Saturación a este elemento y coloréelo a gusto. Si solo estudia lentamente las imágenes a continuación, notará que hice varias rotaciones con los mismos elementos, las duplicé e hice algunos recortes (para hacer que encajen mejor).

Paso 17

OK, ahora repita el paso anterior agregando otro elemento. Luego, utilizando las mismas herramientas (Grabar / Esquivar), haga que el elemento tome forma (segunda imagen a continuación). A continuación, en la tercera imagen a continuación (al colorear), puede usar algunos ajustes de capa para que se vea mejor. En este caso, opté por Tono / Saturación y Curvas para dar un bonito tono verde amarillento..

Paso 18

Continuar agregando varios elementos en forma. Trátelos de la misma manera que antes. Agregue varios tonos, gírelos y colóquelos en diferentes puntos. No olvide usar Command + T, luego verifique la herramienta de deformación en la barra de menú superior, esto realmente ayuda a hacer que las mismas formas se vean diferentes..

Nota: recuerde, cuando deforme un elemento ráster, como nuestras formas dibujadas a mano, necesita hacerlo en una pieza de gran tamaño y luego redimensionar el elemento hacia abajo. Te ayudará a lograr la alta calidad hasta el final. De lo contrario, se pondrá borroso y no será muy adecuado..

Paso 19

Ahora para asegurarse de que todo tenga su lugar en esta ilustración, debe cuidar las sombras. Cada elemento colocado en el espacio de esta sala necesita algo de atención de sombreado (a menos que sea muy pequeño o demasiado pequeño). Entonces, si no tiene una fuente de luz especificada, agregue sombras en algún lugar debajo del objeto.

Para hacer la parte de sombreado necesitas un pincel muy suave con un color oscuro, como se mencionó anteriormente. La mejor manera es probar el color del piso y hacerlo más oscuro. Luego comienza a agregar sombras suaves debajo de los elementos. Recuerde que si los objetos están más cerca del suelo, las sombras comienzan a hacerse más difíciles y más visibles. Tampoco pinte con el pincel (manteniendo pulsado el botón izquierdo), haga solo clics separados. Esto te ayudará a conseguir una sombra suave y apenas visible..

Paso 20

Creo que aquí es un buen momento relajante del tutorial. Ahora utilizando los pinceles de trazos de pintura (1 y 2) crea algunas piezas con formas frescas. Haz esto con los colores muestreados de la ilustración. Siempre es una buena manera de ayudarse con un Eyedropper, esto le ayuda a moverse con fluidez en los tonos de color correctos. Y sí, si tienes un buen ojo, puedes elegir algunos colores por tu propio gusto, es bueno experimentar!

Nota: recuerde que no todos los trazos de pintura deben verse iguales cuando se guardaron como un pincel. Puedes ayudarte con un borrador suave para que la forma se vea bien para ti.

Paso 21

Debes encontrar una forma de ventana en los pinceles de trazo. Usa un color marrón oscuro y coloca el pincel. Si desea colocarlo en la pared, tendrá que contorsionarlo en perspectiva usando Comando + T> Distorsionar (primera imagen a continuación). Luego, con la herramienta Pluma, cree una Capa de forma debajo de este pincel y rellénelo con blanco (la razón por la que no es completamente blanca es porque en la Parte I del Tutorial hemos agregado un sombreado general a toda la ilustración, y parece que el cepillado está cubriendo alguna parte de la ventana) - segunda imagen de abajo.

Ahora mire la tercera imagen a continuación, convierta la capa de "forma" en una selección y pinte una nueva capa con un color azul apagado (# 689aac). Luego, usando la herramienta Pluma, crea dos líneas paralelas. Recorra ambos recorridos simulando presión, y deles colores azul y blanco (ver imagen abajo). Combínelos y haga alrededor de 20 duplicados, luego extiéndalos dentro de la ventana para darle una textura agradable.

Y finalmente, puede cubrir la ventana con algunos pinceles más como anteriormente (quinta imagen a continuación).

Paso 22

Nuevamente, utilizando pinceles para pintar, pinte el techo para llenar la ilustración aún más. Necesito usar estos pinceles con tonos gris / blanco apenas visibles para adaptarse a la superficie. OK, así que tome la herramienta Pincel, elija la forma de pincel de trazo de pintura deseada, establezca su flujo en alrededor del 10% y agregue algunos pinceles diferentes en una nueva capa.

Paso 23

Cuando estaba creando esta pieza, encontré bonitos pinceles hechos a mano que serán muy útiles aquí (1 y 2). Agréguelos a los pinceles de Photoshop y, utilizando diferentes colores y tamaños, distribúyalos por toda la ilustración. Esto debería parecer un tiro caótico..

Paso 24

Cuando haya terminado con los pinceles hechos a mano, vuelva a nuestros pinceles para trazos de pintura, use blanco para el color y aplique un pincel grande en una nueva capa (primera imagen a continuación). Luego llame a la selección de este pincel presionando Comando y haciendo clic en la miniatura de la capa, y vaya a Seleccionar> Modificar> Contrato, use el valor de 2 (segunda imagen a continuación). Luego, dóblelo con Comando + T y seleccione Warp en el menú superior (tercera imagen a continuación). Ahora redimensione hacia abajo (use Comando + T) y colóquelo en el espacio.

Puedes repetir este paso muchas veces con diferentes colores. Es bueno agregar estos efectos ya que dan una impresión de elementos dibujados.

Paso 25

Como esta ilustración se llama "Sin belleza", puedes pensar en algunos elementos relacionados con la belleza. Encontré dos fotos gratis de rubor, que están un poco fuera de foco. Pero de todos modos, cambiaremos el tamaño de este rubor hacia abajo para que no se vea el desenfoque.

De acuerdo, agarre la herramienta Pluma y corte varias partes aplastadas de este rubor, péguela en algunos documentos blancos y tóquelos un poco. Use la herramienta de grabación (tonos medios) y grabelas como se muestra en la segunda imagen a continuación. Entonces simplemente haz que se ajusten a nuestra ilustración..

Nota: si decide poner algunas partes del rubor cerca del suelo, debe tratar el suelo con alguna sombra.!

Paso 26

Para hacer esta ilustración aún más destrozada, te mostraré cómo crear un agujero con fugas en la pared. Hay seis capturas de pantalla a continuación, así que las describiré en orden:

  1. Coge la herramienta de la pluma (configúralo en las opciones de Shape Layer) y dibuja una bonita forma de agujero con curvas en la pared, y hazla negra. Nombre de esta capa "Agujero".

  2. Desactive la capa "Agujero", vaya a la paleta de capas, pulse Comando y haga clic en la miniatura de esta capa (la selección debería aparecer). Ahora presione Comando + Mayús + C (Copia fusionada) y luego Comando + V (Pegar). Ahora nombre esta capa "Parte de la pared". Mueva la "Parte de pared" copiada delante del orificio (también puede doblarla con la herramienta de deformación). Y hacer visible la capa "Agujero"..

  3. Duplique la capa "Parte de la pared" de tres a cuatro veces, mueva esos duplicados debajo de la capa original y use las flechas del teclado para cambiar sus puntos a la parte superior izquierda (uno tras otro) para crear un efecto 3D falso. Combine estos duplicados y use la herramienta Grabar (configurada en tonos medios) para darle más profundidad.

  4. Ahora haz lo mismo con la capa "Agujero". Pero esta vez solo haga un duplicado (coloréelo a marrón, por ejemplo, para ver la diferencia) y mueva esta copia a la parte superior izquierda utilizando las flechas del teclado. Esto debería verse ahora exactamente como la imagen de abajo..

  5. A continuación, active la selección de la capa "Agujero" (Comando-clic en la miniatura de la capa), luego presione Comando + Alt y haga clic en la capa "Copia de agujero" (para eliminar la selección de esta capa copiada). Debería obtener una pequeña selección en el borde inferior. Cree una nueva capa sobre la capa "Agujero" y rellénela con un color marrón oscuro. Use la herramienta de grabación (configurada en tonos medios) y la herramienta de esquivar (establecida en tonos medios) para que este borde se destaque más.

  6. Copie las salpicaduras de la piel que hicimos al principio (también puede cambiar el tamaño hacia abajo después de copiar) y colóquelas goteando de nuestro agujero. Use la herramienta Grabar (configurada en tonos medios) para que se ajuste a las partes superiores de la salpicadura en el fondo del agujero negro. Luego, agregue un poco de sombra debajo de estos goteos (de la misma manera que ha creado la sombra en los pasos anteriores).

Paso 27

Echa un vistazo a:

  1. Primera imagen a continuación: como retoque final, agregue un Ajuste de capa de blanco y negro en la paleta de capas (en la parte superior de todas las capas), cambie su opacidad de la forma que desee (alrededor del 30-50%) y configure la fusión Modo de luz suave.

  2. Segunda imagen debajo: pulse Comando + Mayús + A (para seleccionar todo el lienzo), Comando + Mayús + C (para copiar todo el lienzo), Comando + V (Pegar en la parte superior de todas las capas) y luego aplique Comando + Mayús + U (Desaturar).

  3. Tercera imagen a continuación: cambie la opacidad de esta capa al 40%, configure el modo de fusión a Luz suave, luego vaya a Capa> Ajuste> Sombras / Resaltados y mejore la cantidad de destacados. Esto trae un toque HDR.

  4. Imagen de abajo: Finalmente, vuelva a pulsar Comando + Mayús + A (para seleccionar todo el lienzo), Comando + Mayús + C (para copiar todo el lienzo), Comando + V (Pegar en la parte superior de todas las capas), cambie el Modo de fusión Para superponer y vaya a Filtro> Otros> Paso alto, y establezca el valor en 1.

  5. Conclusión

    Así que aquí estamos amigos. Espero que puedas aplicar estos efectos con éxito a tus propias piezas ahora. Que los detalles estén contigo.!