Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Digital Painting

Cómo crear una pintura digital en lenguaje de señas en Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:
This post is part of a series called Communication Week.
How to Create a Newspaper Ransom Note Text Effect in Adobe Photoshop
35 Best Calligraphy Fonts

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

El amor es... Universal.

Aprende a crear una pintura digital inspirada en el alfabeto del Lenguaje de Señas Americano (ASL) en este tutorial de Photoshop. Cubriré cómo dibujar cada mano desde el principio antes de abordar la pintura digital con los modos de mezcla de capas y más.

Esta pintura utiliza este conjunto de pinceles de acrílico y tempera para Photoshop para mayor textura y realismo. Encuentra más pinceles de Photoshop increíbles en Envato Elements.

Recursos del tutorial

En la producción de este tutorial se utilizaron los siguientes recursos:

Recopilación de referencias

He estado obsesionado con el dibujo del alfabeto ASL desde que era un niño. Es una buena forma de practicar la forma humana mientras se aprende más sobre esta hermosa forma de comunicación.

Queremos hacer justicia a la comunidad ASL, por supuesto, así que para crear un cuadro basado en el alfabeto ASL necesitamos referencias para cada mano. Haz una rápida búsqueda en la web del alfabeto ASL para familiarizarte con él.

Hand References for ASL AlphabetHand References for ASL AlphabetHand References for ASL Alphabet
En caso de duda, ¡toma tus propias fotos!

Para evitar problemas de derechos de autor, tomé fotos de mi propia mano y la de mi pareja en las posiciones apropiadas para deletrear la palabra "amor". No sólo me ayudarán a hacer esta pintura más personal, sino que también me permitirán crear detalles increíbles basados en manos reales.

El tema

Ten en cuenta que esta pintura requiere una tableta gráfica para acceder y utilizar los ajustes de presión del lápiz. Para el tema, pintaremos cada mano con un color de piel diferente para ayudar a comunicar el punto de que el amor es universal.

1. Cómo dibujar las manos

Paso 1

Crea un Nuevo Documento en Photoshop. El cuadro final tiene un tamaño de 3000 x 1350 pixeles a 300 dpi, pero siéntete libre de dibujar las manos en un archivo separado primero.

Brush SettingsBrush SettingsBrush Settings

Usando la Herramienta Pincel (B), selecciona el Pincel Opaco de Presión Dura Redondo para empezar a dibujar la primera mano para la letra "L". Asegúrate de que la opción Presión de Pluma para Opacidad también esté marcada. A continuación, crea una Nueva Capa y sigue los pasos que se indican a continuación.

Draw the L Hand for the ASL AlphabetDraw the L Hand for the ASL AlphabetDraw the L Hand for the ASL Alphabet
  1. Comienza con dos formas cuadradas para la palma de la mano y los dedos.
  2. Dibuja líneas para separar los dedos y luego dibuja el dedo índice.
  3. Dibuja el pulgar, dividiéndolo en tres formas separadas.
  4. Termina la mano borrando las guías, agregando uñas, e incluyendo las líneas de pliegues en la piel.

Paso 2

A continuación, pasa a la letra "O". Esta es un poco difícil, así que asegúrate de tener a mano tu referencia. Crea una Nueva Capa.

Draw the O Hand From the ASL AlphabetDraw the O Hand From the ASL AlphabetDraw the O Hand From the ASL Alphabet
  1. Dibuja líneas inclinadas para mostrar los ángulos exteriores de la mano y la muñeca.
  2. Define la palma de la mano y luego agrega formas curvas que ayudarán a formar la "O".
  3. Completa el pulgar con líneas curvas antes de dibujar las pautas para los dedos índice, medio y anular.
  4. Borra las guías ligeramente antes de perfeccionar el boceto con las líneas de pliegue y las uñas.

Paso 3

Ahora dibuja la mano para la letra "V". Crea una Nueva Capa.

Draw the V Hand from the ASL AlphabetDraw the V Hand from the ASL AlphabetDraw the V Hand from the ASL Alphabet
  1. Comienza con una forma de caja para la palma y luego agrega pautas para el anular y los dedos meñiques.
  2. Añade el pulgar, dividiéndolo en tres formas 3D.
  3. Dibuja los dedos medio e índice, dividiendo cada dedo en tres formas cilíndricas.
  4. Borra las pautas y termina el boceto con las uñas y las líneas de pliegue.

Paso 4

Finalmente, dibuja la última letra "E". Crea una Nueva Capa.

Draw the letter E from the ASL AlphabetDraw the letter E from the ASL AlphabetDraw the letter E from the ASL Alphabet
  1. Comienza con formas cuadradas para la palma, la parte superior y los lados frontales de los dedos.
  2. Añade el pulgar, dividiéndolo en tres formas 3D.
  3. Dibuja líneas rápidas para separar los dedos.
  4. Borra las guías y termina la mano con uñas y líneas de pliegue.

Paso 5

Aquí están todos los bocetos de tus manos. Considera cómo preferirías diseñar la composición.

All the hand sketches for loveAll the hand sketches for loveAll the hand sketches for love

Aunque me gusta la idea de apilar las manos, he elegido disponerlas en orientación horizontal.

Landscape orientation for love handsLandscape orientation for love handsLandscape orientation for love hands

Antes de pasar al color, es importante organizar nuestras capas. Con cada letra en su propia capa individual, ahora colócalas en sus respectivos Grupos.

Organized layers Organized layers Organized layers

2. Cómo pintar los colores base

Paso 1

Gran parte de la pintura digital se trata de construir el color. Así que empecemos esta pintura con los colores base. Baja la Opacidad de cada capa del boceto al 50%.

Paint the Base ColorsPaint the Base ColorsPaint the Base Colors
  1. Crea una Nueva Capa llamada "base" para cada grupo de letras.
  2. Usa un Pincel Redondo Duro con 100% de Dureza para rellenar cada mano con un color sólido.
  3. Usa #623e36 para L, #693f39 y #bc7168 para O, #b0837d para V, y #82554c para E.

Paso 2

Para complementar los diferentes tonos de piel, pintaré el fondo oscuro con un centro cálido para darle un toque cinematográfico. Selecciona la capa de fondo y usa la Herramienta Marco Rectangular (M) y la Herramienta de Cubo de Pintura (G) para seleccionar y Rellenar el fondo con marrón #2f1b0d y negro.

Fill the background with black and brownFill the background with black and brownFill the background with black and brown
Mantén el negro a lo largo de los bordes; lo necesitaremos para ayudar a desvanecer las manos más tarde.

3. Cómo sombrear las manos

Para sombrear cada mano, usaré una combinación de Modos de Mezcla de Capas y Máscaras de Recorte. Aprende sobre esta técnica en este tutorial:

Paso 1

Vamos a ir en el orden respectivo para cada mano, empezando por la L.

Pon el boceto en Superposición o Luz Suave dependiendo de cómo se mezcle con la piel. Crea una Nueva Capa y luego haz clic con el botón derecho del ratón para establecerla como una Máscara de Recorte en la capa base. (Necesitarás hacer esto para cada grupo.) Luego establece el Modo de Mezcla de Capas en Multiplicar.

Empieza a pintar las sombras de la mano con un Pincel Redondo Suave con 0% de Dureza y 40-60% de Opacidad.

Usa exactamente el mismo color de la mano #623e36 para aplicar sombra, concentrando el color más oscuro a lo largo de los bordes exteriores de la palma y los dedos.

Paint shadows for the first handPaint shadows for the first handPaint shadows for the first hand

Paso 2

Repite estos mismos pasos para cada mano. Para la letra O, necesitarás usar el mismo color exacto de la base #693f39 para aplicar la sombra. La razón por la que esto funciona tan bien es que el Modo de Multiplicación de Mezcla te permite usar el mismo color para pintar un tono más oscuro en una capa separada.

Habrás notado que la O se ve diferente al resto de las manos. Esta mano fue inspirada por Winnie Harlow, y mucha gente como ella que vive con vitíligo. Así que concentra la sombra a lo largo de los bordes de la mano para un efecto realista instantáneo.

Paint shadow on the O handPaint shadow on the O handPaint shadow on the O hand

Paso 3

Una vez más, repite los mismos pasos para V y E.

Esta vez, usa una combinación de #693f39 y un amarillo brillante #c2a285 para la V (configurado en Multiplicar). Aquí está el antes y el después de colocar la configuración del Modo de Mezcla en Multiplicar. ¿Ves cómo se ve instantáneamente realista con sólo una capa de sombra?

Shade the V handShade the V handShade the V hand

Haz lo mismo para la E.

Usa exactamente el mismo color que la base #82554c para pintar la sombra con un Pincel Redondo Suave.

Paint shadows for the E handPaint shadows for the E handPaint shadows for the E hand

Paso 4

El sombreado de las manos se basa en la creación de color, así que sigue añadiendo nuevas Capas Recortadas configuradas en Multiplicar para obtener más sombra. Cambia a un pincel con bordes más duros, como el original Pincel de Opacidad de Presión Dura con 100% de dureza para líneas nítidas.

Paint more shadow on each handPaint more shadow on each handPaint more shadow on each hand

Paso 5

Una forma de obtener un resultado realista es poner una capa de colores rojizos en tu pintura para mostrar la sangre que se ve a través de la piel. Haremos esto con la ayuda de los Modos de Mezcla.

Recorta una Nueva Capa por encima de tus sombras a la base de la primera mano. Usa #a17f70 y #4a2c25 para pintar colores suaves y vivos en la palma y los dedos. Configura el Modo de Mezcla de Capas en Luz suave.

Add a soft light layerAdd a soft light layerAdd a soft light layer
Antes y después de establecer el modo de mezcla de capas en Luz Suave.

Con la misma teoría en mente, repite estos pasos para las manos O, V y E.

Primero, profundiza la mano O con más sombra en las capas establecidas en Multiplicar.

Deepen the handDeepen the handDeepen the hand
Nota: aligeré el color de la piel original aquí a #c98c84. Puedes hacer esto con Tono y Saturación.

Luego establece una Nueva Capa en Pantalla para la letra V, usando # b98b82 para pintar reflejos suaves en el medio de la mano.

Paint highlights on VPaint highlights on VPaint highlights on V

Y finalmente, agrega una Nueva Capa de Luz Suave a E, pintando #a77d70 suavemente en el centro de la mano y los dedos.

Paint color onto EPaint color onto EPaint color onto E

4. Cómo corregir el color de las manos para el aspecto realista

Paso 1

Es cierto que pintar con tonos de color incorrectos puede ser frustrante. Así que me gustaría reducir la intensidad del color rojo un poco. Para ello, estableceremos Nuevas Capas de Ajuste de Búsqueda de Color como Máscaras de Recorte en cada Grupo de letras.

Configura el archivo 3DLUT en FuturisticBleak.3DL. Cambia el Modo de Mezcla a Saturación y baja la Opacidad al 45%.

Empieza con L.

Adjust the color for LAdjust the color for LAdjust the color for L

Paso 2

A continuación, ve a O. Usa la misma configuración que antes.

Color correct OColor correct OColor correct O

A continuación, termina con V y E.

Color correct V and EColor correct V and EColor correct V and E

5. Cómo pintar las manos de forma más realista

Paso 1

Para crear más realismo, empecemos con el modo. Añade sombras al fondo en unos pocos pasos sencillos.

Empieza con L.

Add a shadow to LAdd a shadow to LAdd a shadow to L
  1. Selecciona el color base de la L y mantén pulsado Control-J para duplicarlo. Esto hará que la copia sobresalga una capa por encima del original, así que selecciona la capa base original y desatúrala. Ve a Imagen > Ajustes > Tono y Saturación, y baja la Iluminación a -85.
  2. Usa la Transformación Libre (Control-T) para ajustar el Tamaño y la Perspectiva de la sombra y colócala a la izquierda de la mano.
  3. Con la capa de sombra seleccionada, ve a Filtro > Desenfoque > Desenfoque Gaussiano, y desenfoca la sombra usando un Radio de 20 píxeles.

Haz lo mismo con O, V y E.

Add shadows to all the handsAdd shadows to all the handsAdd shadows to all the hands

Paso 2

(Nota: el fondo ahora se ha cambiado a un marrón más oscuro #201209.)

Dale un toque a cada mano con una capa de calidez. Ahora tenemos que pintar por encima de las capas anteriores, así que ayuda si las reagrupas en nuevos Grupos.

Crea una Nueva Capa sobre el ajuste de la Búsqueda de Color fuera de cada grupo. Ponlo en Superposición y usa un Pincel Redondo Suave al 40-50% de Opacidad para pintar el #b69e91 en la mano.

Add warm color to LAdd warm color to LAdd warm color to L

Haz lo mismo con O, V y E.

Add warmth to the other handsAdd warmth to the other handsAdd warmth to the other hands

Paso 3

Ahora me gustan mucho estos colores. ¡Así que vamos a mejorar las cosas!

Ahora es importante dedicar las Nuevas Capas a hacer más detalles nítidos. Aconsejo un pincel con una Mayor Opacidad (60-90%) para estos pasos.

Empieza con L.

Create crisp detailsCreate crisp detailsCreate crisp details
  1. Usando los pinceles del Paquete de Pinceles para Acrílico y Témpera, añade más luz y textura a la mano. Elige el pincel Gouache_Wet_Stroke_ArtistMef para pintar areas brillantes de#eecfbe.
  2. Mezcla las áreas de luz  usando la Herramienta Borrador (E) para disminuir la intensidad del color. Luego usa un Pincel Redondo y Duro para pintar mejor los bordes y pliegues.

Haz lo mismo para O, V y E. Ajusta el color de las luces a los tonos que sean apropiados para cada mano. Haz que las manos brillen desde una fuente de luz que enfatice los pliegues.

Clean up the hand detailsClean up the hand detailsClean up the hand details

Paso 4

Cuantos más colores pintes en las manos, más realistas se verán.

Incorpora tonos de azul, verde y amarillo a O, V y E. Broncea la piel con tonos marrones de acuerdo a ese respectivo tono de piel. Experimenta con diferentes valores para una reflexión interesante a lo largo de los bordes de cada mano. Suaviza los colores fuertes con la Herramienta Borrador (E).

Create Realistic ColorsCreate Realistic ColorsCreate Realistic Colors

6. Cómo terminar con un buen ambiente e iluminación

Paso 1

¡Vamos a subir las cosas de nivel para un gran final!

Voy por una pintura digital realista, intensamente iluminada con un toque de romanticismo.

Crea Nuevas Capas sobre todas las demás y empieza a pintar de negro los bordes con un Pincel Redondo Suave. Ve por un efecto cinematográfico, de viñeta.

Add a vignette to the paintingAdd a vignette to the paintingAdd a vignette to the painting

Paso 2

Para el resto de esta pintura, elegí pintar en Nuevas Capas en la parte superior del panel de Capas. Siéntete libre de fusionar las capas para ayudar con el espacio del archivo.

Haz un acercamiento en tu pintura y usa un Pincel Redondo Duro (80-100% de opacidad) para hacer las cosas más nítidas. Realza los detalles lo mejor que puedas dibujando líneas rápidas para los pliegues de la piel.

He aquí un vistazo de cerca a L y O.

L and O up closeL and O up closeL and O up close

Y aquí están V y E.

Crea brillo pintando con reflejos casi blancos. Luego pasa la Herramienta Borrador (E) (a un 30% de opacidad) sobre las áreas resaltadas para suavizar los bordes.

V and E up closeV and E up closeV and E up close

Paso 3

Mezcla los colores circundantes de la escena hasta que se fundan en el fondo.

Blend the sceneBlend the sceneBlend the scene

Las manos se ven demasiado bronceadas en este momento. Para más variaciones en el tono de la piel, necesitamos sacar los tonos fríos de las manos O y V. Ve a Capa > Nueva capa de ajuste > Búsqueda de color. Cambie el archivo de 3DLut a Crisp_Winter antes de bajar la Opacidad al 42%.

Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer
Los Ajustes de Búsqueda de Color son la mejor manera de obtener grandes efectos de color rápidamente.

¡Eso es! Echa un vistazo a la pintura final a continuación.

Conclusión

Ve una versión grande de esta pintura para apreciar los detalles de cerca.

Espero que hayas disfrutado de este tutorial. Estuda tus referencias de cerca y desentraña los detalles finitos para ser más realista. Incluso cuando pienses que has llevado el realismo demasiado lejos, continúa agregando más luces sutiles a la piel para mostrar su brillo aceitoso natural.

Siéntete libre de dejar tus preguntas y resultados en los comentarios abajo.

Para ver más tutoriales de pintura digital increíbles, consulta los siguientes enlaces:

Sign Language Love Hands Digital Painting by Melody NievesSign Language Love Hands Digital Painting by Melody NievesSign Language Love Hands Digital Painting by Melody Nieves
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.