1. Design & Illustration
  2. Drawing/Illustration
  3. Digital Painting

Cómo utilizar el color para definir el estado de ánimo en Adobe Photoshop

Scroll to top

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

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

El color es importante para definir el estado de ánimo en todas tus pinturas digitales. Así que en este tutorial, te mostraré cómo crear tres diferentes estados de ánimo usando el mismo dibujo, igualmente cómo usar las herramientas de Adobe Photoshop para pasar de un estado de ánimo a otro.

¿Qué es el estado de ánimo?

Si cierras tus ojos y piensas en una puesta de sol, ¿qué te viene a la mente? Inmediatamente la calidez del sol impacta tu rostro mientras los ardientes colores mimetizando brasas copan el cielo. Incluso podrías sentir una maravillosa calma en tu interior mientras disfrutas la belleza de la transición del día a la noche.

Simplemente define, este es el estado de ánimo.

El estado de ánimo en el arte es la capacidad de trasladar emociones al lienzo usando colores, composición y luz. Y ya sea intencional o no, en la parte medular de cada trabajo está el estado de ánimo.

¿Cómo cambio el estado de ánimo?

Primero, conoce los fundamentos de la teoría del color. Cada color tiene un estado de ánimo. E incluso algunos tienen la capacidad de evocar diferentes emociones al mismo tiempo.

Understanding Color and MoodUnderstanding Color and MoodUnderstanding Color and Mood
El rojo y el azul tienen distintos estados de ánimo. ¿Cómo te sientes al mirar estos colores?

La pasión del rojo asociado a la sangre, por ejemplo, puede ilustrar amor y enojo, mientras que la serenidad del azul también puede representar su polo opuesto de tristeza intensa.

Así que ¿cuáles son los aspectos más importantes del estado de ánimo?

  1. Composición
  2. Luz
  3. Color

Pero ¿por qué el color es el último? Bueno, primero tienes que dibujar la escena; la composición es el ancla para la emoción de tu pieza.

Ya que los colores de tu pintura trabajan en armonía con el esquema de iluminación, es importante establecer qué hora del día, fuentes de luz e incluso cuáles condiciones afectan tus colores. Una vez que tienes todo definido, entonces puedes experimentar con diferentes muestras.

El bosquejo

Para ilustrar el poder de diferentes estados de ánimo, tomaré esta escena sencilla de una playa y la pintaré de tres maneras: al mediodía, durante la puesta del sol y de noche.

Crea un Nuevo documento de 850 x 700 pixeles y con una resolución de 150 ppp. Usando la herramienta Elipse (U), he creado un círculo con un Trazo de 1 pt y he establecido una Nueva capa como Máscara de capa con respecto al círculo. Aquí dibujé la arena, el cangrejo y detalles del agua usando un pincel circular definido.

Create a Sketch of a Beach Scene with a Hard Round BrushCreate a Sketch of a Beach Scene with a Hard Round BrushCreate a Sketch of a Beach Scene with a Hard Round Brush

Esta fotografía de stock de cangrejo de Envato Market inspiró la composición y rellené el resto con varios detalles que investigué online. Nota cómo el bosquejo es muy minimalista. Esto me permitirá una transición fácilmente a diferentes horas del día donde puedo concentrar distintos cambios en el cielo y en el agua.

Ahora que tenemos un bosquejo establecido, pasemos a las pinturas.

1. Cómo pintar una escena de un mediodía soleado

Paso 1

Para facilitar las cosas, esta primera pintura servirá como la base para las otras. El esquema de iluminación sencillo me permitirá hacer la transición fácilmente hacia la puesta del sol o la noche, mientras uso de manera inteligente las capas de ajuste. Debido a que será nuestra base, es importante que pintes en múltiples capas a las que puedas acceder con facilidad.

Elimina el Trazo temporal de tu círculo, y haz clic derecho para Rasterizar la capa. Usa la herramienta Varita mágica (W) para seleccionarla. Haz clic derecho y selecciona Invertir selección. Crea un Nuevo grupo y con la selección aún activa, crea una Máscara de capa para el grupo.

Add a Layer Mask to your Group for your PaintingsAdd a Layer Mask to your Group for your PaintingsAdd a Layer Mask to your Group for your Paintings

Coloca tu bosquejo dentro del grupo. Configurando tu pintura así será la manera más óptima de organizar tus capas.

Paso 2

Crea una Nueva capa para cada sección de la pintura, asegurándote de que todos tus detalles importantes estén separados para una mejor organización. Nombra las capas como el detalle que representan y usa un pincel circular definido para pintar los colores base de cada sección. Fusiona la capa del bosquejo estableciéndola en Luz suave y usa tonos brillantes como los colores iniciales para que se te facilite agregar luz y sombra posteriormente.

Paint the Base Colors for Your Beach ScenePaint the Base Colors for Your Beach ScenePaint the Base Colors for Your Beach Scene

Paso 3

Para cada detalle, establece Nuevas capas como Máscaras de capa para esa sección. Esto ayudará a mantener la pintura solo en esa área. Establece la primera ronda de capas en Multiplicar y comienza a agregar sombra a tu escena. Ya que es un día soleado, la luz llegará desde arriba, sin que se observe el sol en la escena todavía.

Clip Masks to Your Base LayersClip Masks to Your Base LayersClip Masks to Your Base Layers

Recaba referencias online para ayudarte con el esquema de iluminación. Basa tus colores en una foto de referencia para hacer tu pintura más realista. Incorpora textura en la arena, rocas y hojas usando un Pincel pastel cuadrado (B) de tus ajustes preestablecidos de Pincel.

Add texture with a Square Pastel BrushAdd texture with a Square Pastel BrushAdd texture with a Square Pastel Brush

Paso 4

Continúa desarrollando el esquema de iluminación. Añade Nuevas capas establecidas en Superponer para agregar luz a la arena, agua, hojas y cielo.

Add Light with OverlayAdd Light with OverlayAdd Light with Overlay

Usando un pincel circular difuso, pinta nubes tenues en el cielo y olas suaves en el océano. Para el cielo, realiza sin seguir una pauta tus trazos mientras mantienes las nubes muy lineales. Y para el océano, haz las olas curvas pues se rompen en la costa. Cambia a la herramienta Borrador (E) en cualquier momento para suavizar tus trazos de pincel.

Paint Wispy Clouds and WavesPaint Wispy Clouds and WavesPaint Wispy Clouds and Waves

Paso 5

Continúa pintando tus detalles en capas recortadas en cada sección. Cambia a un pincel circular definido con Dureza 100% para definir los bordes para que la pintura no se vea tan desenfocada.

Define the Sunny Beach Painting DetailsDefine the Sunny Beach Painting DetailsDefine the Sunny Beach Painting Details

En la naturaleza, la luz refleja muchas cosas, así que asegúrate de incorporar reflejos brillantes en el agua y en la arena. Puedes hacer esto pintando ondas lineales en el agua o diminutos puntos en la playa.

Paso 6

Termina de definir tu pintura. Pinta más luz brillante en el cielo para mostrar que el sol podría estar ocultándose detrás de las nubes. Agrega una Nueva capa de ajuste de Consulta de colores con los siguientes parámetros para hacer los colores más nítidos y cálidos.

Add Color Lookup to Adjust the Sunny Beach ColorsAdd Color Lookup to Adjust the Sunny Beach ColorsAdd Color Lookup to Adjust the Sunny Beach Colors

Aquí está la pintura soleada final. ¿No se siente el estado de ánimo cálido y feliz?

Final Sunny Beach Painting Tutorial by Melody NievesFinal Sunny Beach Painting Tutorial by Melody NievesFinal Sunny Beach Painting Tutorial by Melody Nieves

2. Cómo pintar un amanecer/anochecer

Paso 1

Pasemos a la pintura de la puesta del sol. Como lo mencioné anteriormente, usaremos nuestra primera pintura para impulsar la transición hacia diferentes estados de ánimo y horas del día. Así que debido a que necesitaremos cambiar el esquema de iluminación radicalmente, Elimina algunas capas de la pintura previa y comienza alrededor del área inicial donde la mayoría de las iluminaciones importantes ya no están.

Initial base and final sunset paintingInitial base and final sunset paintingInitial base and final sunset painting
Para ahorrar tiempo, usa capas de tu pintura anterior para impulsar la transición del esquema de iluminación hacia una puesta de sol.

Necesitaré cambiar la dirección de la luz. Así que primero añado los colores base. Recorto Nuevas capas respecto a cada sección y pinto sobre las bases usando la herramienta Degradado (G). Haz el agua más clara, la arena más intensa y las hojas más oscuras para simular una silueta.

Change the Lighting Scheme with the Gradient ToolChange the Lighting Scheme with the Gradient ToolChange the Lighting Scheme with the Gradient Tool

Paso 2

Comienza a incorporar colores de la puesta de sol. Establece Nuevas capas como Máscaras de recorte respecto al cielo y usa la herramienta Degradado (G) para incorporar Degradados lineales de naranja y púrpura en el cielo. Es bueno mantener todavía cercanas las capas como las nubes porque simplemente puedes Mostrarlas para añadirlas a la pintura.

Use the Gradient Tool to add a SunsetUse the Gradient Tool to add a SunsetUse the Gradient Tool to add a Sunset

Paso 3

Para cambiar drásticamente el color y la luz y hacer más coherente el aspecto, necesitaremos experimentar con Capas de ajuste. Arriba de todas tus capas agrega una Nueva capa de ajuste de Consulta de colores con los siguientes parámetros. Luego selecciona la Máscara de capa y pinta suavemente de negro para eliminar algo de calidez del cielo y de la arena.

Add a Color Lookup Layer for the SunsetAdd a Color Lookup Layer for the SunsetAdd a Color Lookup Layer for the Sunset

A continuación añade una Nueva capa de ajuste de Mapa de degradado, usando los colores de la puesta de sol. Establece la capa en Color y disminuye la Opacidad a 30%.

Add a Gradient Map to Color your PaintingAdd a Gradient Map to Color your PaintingAdd a Gradient Map to Color your Painting

Sigue ajustando hasta que estés lo suficientemente cómodo para regresar a la pintura. Aquí añadí otra capa de Consulta de colores con los siguientes parámetros:

Add an additional Color Lookup to the SunsetAdd an additional Color Lookup to the SunsetAdd an additional Color Lookup to the Sunset
¡Permite que te ayuden las capas de ajuste! Ahora puedo pasar a la pintura porque los colores son mucho más coherentes.

Paso 4

Después de todos los ajustes, necesitarás regresar a la pintura para equilibrar todo. Establece una Nueva capa en Superponer para añadir más calidez al cielo y al agua, y pinta un sol brillante mientras se oculta a lo lejos. Mantén los colores naranja y blanco para la mejor intensidad.

Paint a warm sun for the sunsetPaint a warm sun for the sunsetPaint a warm sun for the sunset

Las puestas de sol crean siluetas sólidas, así que asegúrate de cambiar el color del bote. También, aprovecha esta oportunidad para agregar sombra al cangrejo, y proyectarla bien definida debajo de él.

Paint a silhouette for the boat and crabPaint a silhouette for the boat and crabPaint a silhouette for the boat and crab

Paso 5

Comienza a pintar iluminaciones en el agua. Esta vez el estado de ánimo es mucho más relajado que el día soleado que pintamos antes. Haz que el agua parezca más apacible, con un foco en la reflexión del sol junto con las ondas sutiles.

Add shine and ripples to the waterAdd shine and ripples to the waterAdd shine and ripples to the water

Paso 6

Igual que antes, usa un pincel circular definido con Dureza de 100% para limpiar los detalles de tu pintura. Actualmente el cangrejo se ve muy desenfocado, así que asegúrate de marcar su contorno con algunas iluminaciones nítidas.

Refine Your Painting with HighlightsRefine Your Painting with HighlightsRefine Your Painting with Highlights

Añade más iluminaciones a la arena, al agua y al cielo. Incorpora los puntos chispeantes para mantener el estilo similar a la primera pintura. Cuando termines, así lucirá la escena final.

Final Sunset Painting by Melody NievesFinal Sunset Painting by Melody NievesFinal Sunset Painting by Melody Nieves
¡¿Puedes creer que comenzamos con una escena soleada para esta pintura?!

3. Cómo pintar una escena nocturna

Paso 1

Al final pero no por ello menos importante, ¡es momento de ocuparnos de la escena nocturna! Igual que antes, podemos comenzar esta pintura usando el día soleado de playa como nuestra base. Esta vez mantendremos algunas de las partes inferiores de la pintura mientras borraremos las capas dedicadas al cielo.

Before and After Night Time SceneBefore and After Night Time SceneBefore and After Night Time Scene
Comienza con la playa al anochecer inicial, menos el cielo ¡para que podamos convertirla en una escena nocturna!

Paso 2

Combina las capas para el cielo. Luego crea una Nueva capa arriba de ella y establécela como una Máscara de recorte con respecto al cielo. Usa la herramienta Degradado (G) para crear un Degradado lineal de un color azul oscuro para el cielo. Esto ayudará a crear un lienzo en blanco para nuestra escena nocturna.

Create a Dark Night Sky with the Gradient ToolCreate a Dark Night Sky with the Gradient ToolCreate a Dark Night Sky with the Gradient Tool

Paso 3

Para eliminar el resto de los aspectos soleados de la pintura original, necesitaremos utilizar otra vez Capas de ajuste. Comienza con dos Nuevas capas de ajuste de Consulta de colores. De manera instantánea estas harán los colores más uniformes para una genial escena nocturna.

Use Color Lookup to change day to nightUse Color Lookup to change day to nightUse Color Lookup to change day to night
Before and After Color Lookup Adjustment LayersBefore and After Color Lookup Adjustment LayersBefore and After Color Lookup Adjustment Layers
Confía en Photoshop para cambiar completamente el color y el estado de ánimo con la Consulta de colores.

Añade otra Capa de ajuste de Niveles, ajustando los parámetros para el canal RGB como se muestra a continuación:

Add an Adjustment Layer for LevelsAdd an Adjustment Layer for LevelsAdd an Adjustment Layer for Levels

Paso 4

Crea una Nueva capa y establécela en Multiplicar. Añade sombra usando un pincel circular difuso en la arena, dejando un espacio abierto en el centro donde estará la luna. De nuevo, trata de simular un efecto de silueta mientras creas más drama concentrando las sombras en los lados. También notarás que decidí pintar tierra a lo lejos para que el velero destacara contra el fondo.

Paint Shadow on the Night Scene with MultiplyPaint Shadow on the Night Scene with MultiplyPaint Shadow on the Night Scene with Multiply

Paso 5

Crea una Nueva capa establecida en Superponer para pintar una luna blanca brillante contra el cielo oscuro. Pinta más resplandor alrededor de la luna y deja que se esparza en el agua pues la luz ayuda a iluminar la escena.

Paint the Moon and Glow onto the WaterPaint the Moon and Glow onto the WaterPaint the Moon and Glow onto the Water

Paso 6

Como siempre, cambia al pincel circular definido con Dureza 100% para hacer cada detalle más nítido. Agrega puntos diminutos para las estrellas en el cielo y destellos de la luna brillando en la arena y el agua. Pinta el reflejo de la luna en el agua con diminutas y serpenteantes ondas.

Paint stars and reflections on the waterPaint stars and reflections on the waterPaint stars and reflections on the water

Continúa perfeccionando tu pintura. Para contraste añadido y un leve matiz, crea una Nueva capa de ajuste de Consulta de colores con los siguientes parámetros.

Add a Color Lookup Adjustment Layer for ContrastAdd a Color Lookup Adjustment Layer for ContrastAdd a Color Lookup Adjustment Layer for Contrast

¡Esta es la escena nocturna final!

Painting a Night Time Scene Tutorial by Melody NievesPainting a Night Time Scene Tutorial by Melody NievesPainting a Night Time Scene Tutorial by Melody Nieves

¡Buena suerte!

Como si fuera magia puedes generar la transición de una pintura a diferentes estados de ánimo y esquemas de color con la ayuda de capas de ajuste y modos de fusión.

La experimentación conduce a magníficos resultados, así que aprende a no seguir el típico proceso de pintura lineal y diviértete con las diversas herramientas y ajustes de Photoshop.

Aprender cómo realizar pinturas coloridas lleva tiempo, así que si tienes alguna pregunta sobre el proceso, con toda confianza escríbela en la sección de comentarios a continuación.

How to Digitally Paint Mood with Colors Tutorial by Melody NievesHow to Digitally Paint Mood with Colors Tutorial by Melody NievesHow to Digitally Paint Mood with Colors Tutorial by Melody Nieves