Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

Crear un Efecto Acuarela Ilustrado y Tinta de Foto en Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

Los artistas a menudo preguntan como aplicar los efectos de acuarela y salpicaduras de tinta a sus imágenes. Si bien, pueden haber algunos filtros y efectos ahí afuera que pueden automatizar esta tarea, el hecho es que ilustrar esto a mano le dará a usted el resultado final con la calidad más alta.  En este curso, le mostraremos como crear un efecto de acuarela y salpicadura de tinta en Photoshop y aplicarlo a una foto. ¡Empecemos!


Acelere el Vídeo


Recursos para este Curso

Para completar el curso, usted necesitará los siguientes recursos. Por favor, descargue éstos recursos antes de comenzar. Si no están disponibles, por favor, encuentre otras alternativas.


1. Hacer bosquejo.

Paso 1

Crear un Documento Nuevo y hacerlo a un tamaño para que éste sea relativamente un formato apaisado. Además, asegúrese que los Contenidos del Fondo está ajustado con el color Blanco.

Paso 2

Abra la foto (la imagen que adquirió). He escogido éste corredor Sucio de Moto debido al ángulo genial de la moto en la figura.

Paso 3

Arrastre la imagen y suéltela dentro del Documento Nuevo.

Paso 4

Aplique la opción Transformación Libre (Ctrl+T) a la foto para colocarla en su nueva posición y haga un poco más grande su tamaño.  Mantenga presionando la tecla Shift para conserva la imagen en proporción mientras usted la agranda un poco.

Paso 5

Reduzca la Opacidad de la capa de la foto, en la ventana capas, hasta reducirla al 46%.

Paso 6

Crear una Capa Nueva sobre su la capa de su foto para usarla como el bosquejo sobre la capa, y póngale el título: BOSQUEJO

Paso 7

Con el Pincel Redondo Rígido (que viene por defecto en Photoshop en la parte superior de la lista de Pinceles). Ajuste éste pincel a 2px y comience a bosquejar en forma lineal por encima de la foto con un color negro #000000. En este momento, no tiene que ser demasiado nítido o perfecto. Vamos a un aspecto aproximado a un bosquejo. Cambien el ancho del trazo para conseguir más variación y movimiento.

Paso 8

Sombras en pequeñas áreas con técnicas de tramado. Principalmente, saca la foto de referencia, pero puede usar su mejor criterio para añadir algunas sombras adicionales para definir algunas áreas importantes y darle a las figuras un poco más de dimensión.


2. Sombreando la figura

Paso 1

Use la Herramienta Recortar (C) para estirar el lienzo un poco más y hacerlo un poco más ancho.

Paso 2

Rellene (G) la capa de Fondo con un color claro. Para éste ejemplo he usado el color #d0b391.

Paso 3

Abra la imagen Texture1 y arrástrela y suéltela sobre su capa Fondo.

Paso 4

Use la opción Transformación Libre (Ctrl+T) para agrandarla y estirarla hasta cubrir el lienzo por completo.

Paso 5

Ajuste el Modo de Fusión de Capas del Panel Capas ha Subexposición Lineal.

Paso 6

Disminuya la Opacidad hasta reducirla a 42%.

Paso 7

Crear una Capa Nueva justo debajo de la capa Bosquejo y póngale el nombre de Sombreando la Figura.

Paso 8

Presione Command/Ctrl-Clic tanto en la capa Bosquejo como en la capa Sombreado para agruparlas (Command/Ctrl-G).

Paso 9

Llame al nuevo grupo CAPAS FIGURAS para mantenerlas organizadas cuando necesite volver a usarlas.

Paso 10

Tome el Aerografo Redondo (todo el aerográfo) y disminuya la Opacidad a 29%. Pinte ligeramente en algunas sombras de la capa Sombreado de Figuras. Yo use el color #332822.

Paso 11

Empiece pintando en algunos tonos oscuros, pero levemente, comenzando con la ropa del piloto lo cual revelará su forma antes de dirigirse hacia la moto.

Paso 12

Crear una Capa Nueva y llamarla Sombras.

Paso 13

Levemente construya las sombras hasta que sean casi negras. Para eso, yo utilice el color #130f0c.

Paso 14

Haga sombras más fuertes en lugares tales como las ruedas y en el equipo interno de la moto.

Paso 15

Crear una Capa Nueva debajo de la capa Sombreando las Figuras. Llámela Iluminación de Figura.

Paso 16

Seleccione un color que no sea blanco. Para esto he usado el color #f4d2ad.

Paso 17

Prácticamente pinte en las áreas más claras con el pincel con una Opacidad baja. Con un 38%.

Paso 18

Duplique (Command/Ctrl-J) su capa BOSQUEJO (para conseguir una mayor visibilidad y grosor de las líneas del bosquejo).

Paso 19

Crear una Capa Nueva arriba de las otras capas del grupo CAPAS FIGURAS y póngale el nombre de Enfoque de Boceto.

Paso 20

Use un tono más claro que antes y trame algunas de las luces más fuertes. Yo utilicé el color #fff8f1.


3. Suelo y Textura

Paso 1

Crear un grupo nuevo encima de su Fondo y de la capa Textura. Póngale el título de SUELO.

Paso 2

Abra la siguiente imagen; GrungeTexture1.

Paso 3

Arrástrela y suéltela dentro de la carpeta que acaba de crear, llamada SUELO.

Paso 4

Ajuste el Modo de Fusión de Capas a Multiplicar.

Paso 5

Aplique la opción Transformación Libre (Ctrl+T) y coloque la textura al fondo a la izquierda y reduzca la Opacidad en la ventana capas hasta 80%.

Paso 6

Duplique la capa textura (Command/Ctrl-J) y arrástrela a la otra esquina.

Paso 7

Vaya a Transformación Libre > Voltear Horizontal...

Paso 8

Estire y coloque la capa textura para cubrir algo más de suelo.

Paso 9

Mantenga presionadas las teclas Command/Ctrl-Alt para duplicar esa capa otra vez.

Paso 10

Mueva la capa ligeramente a la izquierda.

Paso 11

Aplique la opción Transformación Libre (Ctrl+T) para estirar la capa hasta superponer la textura que está debajo.

Paso 12

Abra el archivo BrushStrokes01.

Paso 13

Haga una selección con la Herramienta Marco Rectangular (M).

Paso 14

Mantenga presionadas las teclas Command/Ctrl, y arrastre y suéltela dentro de la carpeta SUELO una vez más.

Paso 15

Use Transformación Libre > Voltear Horizontal….

Paso 16

Estire y distorsione la imagen para ajustarla a la derecha del piloto de la de motocicleta.

Paso 17

Ajuste el modo de capa a Multiplicar y reduzca la Opacidad hasta 56%.

Paso 18

Tome la misma selección de la muestra BrushStrokes01.

Paso 19

Arrástrela y suéltela dentro de su pintura.

Paso 20

Transformación Libre (Ctrl+T) y posicionela detrás del piloto de la motocicleta una vez más.

Paso 21

Ajuste el modo de capa a Multiplicar.

Paso 22

Además, reduzca la Opacidad a 49%.

Paso 23

Borre (E) más o menos donde éste se superpone sobre el piloto de la motocicleta.

Paso 24

Use la muestra BrushStrokes01, una vez más, y arrástrela dentro de su pintura.

Paso 25

Use Transformación Libre (Ctrl+T) y rote la imagen y, está vez; coloquela a la izquierda del piloto de la motocicleta.

Paso 26

Nuevamente, ajuste el modo de capa a Multiplicar y reduzca la Opacidad hasta 50%.

Paso 27

Borre a un lado donde ésta se superpone sobre el piloto.

Paso 28

Abra la textura SplatterSmear01.

Paso 29

Desaturela (Command/Ctrl-Shif-U).

Paso 30

Abra los Niveles (Command/Ctrl-L) y ajuste hasta que todos los grises estén muy cerca de ser de color negro sólido.

Paso 31

Arrastre y suelte la imagen completa sobre su pintura.

Paso 32

Transformación Libre (Ctrl+T) y cambie el ángulo en el sentido de las manecillas del reloj para voltear boca abajo.

Paso 33

Estire horizontalmente para ajustar con el suelo.

Paso 34

Ajuste a Multiplicar.

Paso 35

Disminuya la Opacidad a 85%.

Paso 36

Ahora abra el recurso SplatterThickPaint02.

Paso 37

Desature la imagen (Command/Ctrl-Shift + U).

Paso 38

Ajuste los Niveles (Command/Ctrl-L) y tráigalo abajo del negro.

Paso 39

Arrastre y suéltela dentro de su pintura.

Paso 40

Use, nuevamente, Transformación Libre (Ctrl+T).

Paso 41

Ahora Voltear Horizontal.

Paso 42

Posicione la capa hacia el frente de la rueda de la moto.

Paso 43

Ajuste a Multiplicar.

Paso 44

Reduzca la Opacidad alrededor de 90%.

Paso 45

Duplique la capa (Command/Ctrl-J).

Paso 46

Mueva y posicione la capa duplicada cerca de la rueda trasera.

Paso 47

Transformación Libre (Ctrl+T) y agrande un poco.

Paso 48

Nuevamente, duplique la capa (Command/Ctrl-J).

Paso 49

Transformación Libre > Voltear Horizontal….

Paso 50

Esta vez,  coloque la capa lo más cerca de la rueda negra.

Paso 51

Finalmente, Transformación Libre (Ctrl+T) una vez más y use la opción Deformar para darle algo de curva.

Paso 52

Es hora de darle algo de color. Abra el menú Tono/Saturación, yendo a; Imagen > Ajustes > Tono/Saturación (Command/Ctrl-U)..

Paso 53

Ajuste para Colorizar en la ventana Tono/Saturación.

Paso 54

Con éstos colores ajustados, pinte la salpicadura con un tono rojo/cafe.

Paso 55

Reduzca la Opacidad hasta 85%.

Paso 56

Finalmente, borre aparte donde el rojo se superpone al piloto de motocicleta de la ilustración.


4. Efectos Salpicaduras

Paso 1

Crear un nuevo grupo encima de la carpeta SUELO y póngale el nombre SALPICADURA.

Paso 2

Abra la imagen Splatter01.

Paso 3

Desaturar la imagen (Command/Ctrl-Shift+U).

Paso 4

Abra el menú Niveles (Command/Ctrl-L) y ajuste de acuerdo a incrementar el color negro.

Paso 5

Arrastre y suelte la imagen Splatter01 dentro de la ilustración (dentro de la carpeta SALPICADURAS).

Paso 6

Ajuste el modo de capa a Multiplicar.

Paso 7

Use Transformación Libre (Ctrl+T).

Paso 8

Agrande la imagen y posicionela detrás de la rueda trasera de la moto.

Paso 9

Use la Herramienta Deformación para inclinar la imagen levemente.

Paso 10

Duplique la capa (Command/Ctrl-J).

Paso 11

Use la Transformación Libre (Ctrl+T) en la capa nueva. Agrandela y posicionela más cerca de la rueda trasera.

Paso 12

Borre (E) parte de algunas áreas donde las salpicaduras negras comienzan a superponerse a la ilustración otra vez.

Paso 13

Renombre estas dos capas: Salpicadura Principal y Salpicadura Pequeña.

Paso 14

Duplique la capa Salpicadura Principal (Command/Ctrl-J).

Paso 15

Use Transformación Libre (Ctrl+T) y rote la imagen hacia la izquierda (en el sentido contrario a las manecillas del reloj).

Paso 16

Posicione la imagen hacia la parte de arriba en la esquina izquierda y casi fuera de la imagen (para que solamente disperse pedacitos de pintura que se muestran en los bordes).

Paso 17

Duplique (Command/Ctrl-J) su capa Salpicadura Principal una vez más.

Paso 18

Utilice la opción Transformación Libre (Ctrl+T) y agrande la capa nueva y posicionela abajo en el fondo, en la esquina izquierda.

Paso 19

Use Transformación Libre > Voltear Horizontal….

Paso 20

Rotela levemente hacia la izquierda.

Paso 21

Deformela para darle algo de curvatura.

Paso 22

De nuevo, dele algo de color por medio de: Imagen > Ajustes > Tono/Saturación.

Paso 23

Marque la opción Colorizar en la ventana Tono/Saturación y ajuste los colores parecidos a:

Paso 24

Puede ver como todas las capas texturizadas y pintadas con salpicaduras están comenzando a mezclarse en una y añaden una cierta cantidad de movimiento a la imagen. Ahora solamente necesitamos balancear la composición un poco más.

Paso 25

Abra la textura GrungePaint02.

Paso 26

Con la herramienta de Selección Marco Rectángular (M) seleccione la mitad de arriba de la foto.

Paso 27

Arrastre esa parte sobre su pintura, dentro de la carpeta SALPICADURA.

Paso 28

Cambie el nombre de la capa Esquina.

Paso 29

Ajuste el modo de fusión de capa a Multiplicar.

Paso 30

Con la opción Transformación Libre (Ctrl+T), posicione éste abajo, en la esquina inferior izquierda. Disminuya el tamaño para que sea, relativamente, más pequeño.

Paso 31

Disminuya la Opacidad hasta el 81%.


5. Ajustes en la Ilustración

Paso 1

Vuelva al grupo CAPAS DE FIGURAS.

Paso 2

Seleccione la capa Sombras y dupliquela (Command/Ctrl-J).

Paso 3

Abra el menú Niveles (Command/Ctrl-L) en la copia de la capa Sombras y aumente el color negro levemente.

Paso 4

Además, seleccione la capa Bosquejo y dupliquela (Command/Ctrl-J) para hacer las líneas un poco más fuertes.

Paso 5

Ahora abra el archivo BrushStrokes028.jpg

Paso 6

Inviertir toda la imagen (Command/Ctrl-I).

Paso 7

Arrástrela en su pintura y coloquela dentro del grupo SUELO.

Paso 8

Ajuste el modo de fusión de capa a Pantalla.

Paso 9

Use Transformación Libre (Ctrl+T) y posicione ésta imagen justo detrás del piloto de la motocicleta.

Paso 10

Disminuya la Opacidad hasta 42%.

Paso 11

Use el conjunto de Borradores (E) con uno de borde suave, y levemente borre partes de las áreas más cargadas de blanco.


6. Efectos Finales

Paso 1

Cree una grupo nuevo arriba del grupo SALPICADURA y póngale el nombre de SALPICADURA 2. El efecto final irá dentro de ésta carpeta.

Paso 2

Abra la imagen SplatterThickPaint03.

Paso 3

Inviertir la imagen completa (Command/Ctrl-I).

Paso 4

Arrastre su grupo SALPICADURA2 y póngale el nombre de Salpicadura Blanca.

Paso 5

Transformación Libre (Ctrl-T) y rotela hacia la derecha.

Paso 6

Ajuste el modo de fusión de capa a Pantalla.

Paso 7

Use Transformación Libre (Ctrl+T) y Deformela para que se ajuste un poco mejor.

Paso 8

Borre (E) parte de la sección de la izquierda.

Paso 9

Ahora vaya a Imagen > Ajustes > Tono/Saturación (Command/Ctrl-U). Esta vez, deje la opción Colorizar sin marcar. Ajuste los colores que vayan desde azul asta un color naranja/rojo más suave.

Paso 10

Duplique la capa (Command/Ctrl-J) para hacerla significativamente más intensa.

Paso 11

Abra el archivo de la imagen BrushStrokes01.

Paso 12

Con la Herramienta Lazo (L) haga una selección del trazo del pincel de la parte superior.

Paso 13

Mientras mantiene presionado Command/Ctrl, arrastre esa pequeña selección en su pieza.

Paso 14

Ajuste el colo por medio de Imagen > Ajustes > Tono/Saturación (Command/Ctrl-U).

Paso 15

Marque la opción Colorizar y ajuste el Tono y las Luminosidad hasta que se convierta en un rojo oscuro.

Paso 16

Ajuste el modo de fusión de capa a Multiplicar.

Paso 17

Use la Transformación Libre (Ctrl-T) para posicionar y ampliarla encima del frente del guardabarros, dándole; literalmente, un trazo de color.

Paso 18

Duplique la capa (Command/Ctrl-J).

Paso 19

Ahora arrastre la capa duplicada hacia el guardabarros trasero.

Paso 20

Use Transformación Libre > Voltear Horizontal….

Paso 21

Agrandela para ajustarla sobre el guardabarros un poco mejor.

Paso 22

Borre (E) donde ésta superpone sobre las fundas y las manos del piloto.

Paso 23

Abra el archivo de la textura DecalsStain0012.

Paso 24

Arrastre y suelte ésta imagen dentro de su pintura dentro del grupo SALPICADURAS2.

Paso 25

Cambie el nombre de ésta capa a Oxidación.

Paso 26

Abra el menú Niveles (Command/Ctrl-L) y llévela hasta los blancos sobre la escala.

Paso 27

Ajuste el modo de la capa Oxidación a Multiplicar.

Paso 28

Ajuste los Niveles (Command/Ctrl-L) un poco más hasta quitar el último contorno oscuro.

Paso 29

Transformación Libre (Ctrl+T) y amplíe la imagen hasta ajustarla diagonalmente al piloto.

Paso 30

Disminuya la Opacidad hasta 46%.

Paso 31

Abra, una vez más, el archivo de la imagen BrushStrokes01 y haga una selección con la herramienta lazo, pero esta vez hágalo sobre el segundo trazo de pincel.

Paso 32

Arrástrela sobre su pintura.

Paso 33

Transformación Libre (Ctrl+T) y amplíe y estirela.

Paso 34

Posicione ésta imagen en la esquina superior izquierda y ajuste el modo de fusión de la capa a Multiplicar.

Paso 35

Disminuya la Opacidad hasta 74%.

Paso 36

Duplique la capa (Command/Ctrl-J) y muevalo más cerca de la esquina superior izquierda, detrás del último trazo de pincel.


7. Añada Luces

Paso 1

Finalmente, cree una Capa Nueva encima de todos las otras capas en la ventana capas, y llamela Luces de Figuras.

Paso 2

Con el Pincel Rígido (B) ajuste el tamaño en 2 ó 3px, y trame algo más resaltando con un color blanco #fff0e2. Esto realzará la figura y los detalles un poco más frente a las texturas y los efectos que acabamos de añadir.


¡Felicitaciones! Está hecho.

En este curso, he explicado como crear una ilustración emocionante usando varios elementos fotográficos que imitan el estilo de una pieza de arte tradicional. Éste es un estilo divertido con el que puede experimentar porque puede crear muchas imágenes interesantes y atractivas con éste efecto. Espero que haya aprendido algo de este curso y pueda usar las técnicas explicadas para crear algunos proyectos divertidos por su propia cuenta.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.