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

Aprovecha los elementos: Pinta aire en todas sus formas

¡Bienvenidos a la última parte de la serie Aprovecha los elementos! Esta va a ser muy interesante, porque el aire normalmente no se puede ver. Sin embargo, hay elementos relacionados con él que podemos pintar para dar una atmósfera especial a nuestras escenas.
Scroll to top
This post is part of a series called Harness the Elements.
Harness the Elements: Paint Earth in All Its Forms

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

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

¡Bienvenidos a la última parte de la serie Aprovecha los elementos! Esta va a ser muy interesante, porque el aire normalmente no se puede ver. Sin embargo, hay elementos relacionados con él que podemos pintar para dar una atmósfera especial a nuestras escenas.

En este tutorial veremos de cerca la creación de pinceles de nubes, niebla y efectos especiales como la perspectiva atmosférica y la profundidad de campo.

1. Crea un pincel de nubes, versión 1

Hay muchas, muchas clases de nubes, así que vamos a crear un pincel universal que te permitirá pintarlas todas.

Paso 1

Selecciona un pincel redondo y duro con la Transferencia marcada. Presiona F5 para ver este panel.

photoshop create cloud brush transferphotoshop create cloud brush transferphotoshop create cloud brush transfer

Paso 2

Selecciona Dispersión y juega con las opciones para obtener un efecto como el que se muestra a continuación. Si es necesario, ve a Forma de la punta del pincel y cambia el Espaciado del pincel.

photoshop create cloud brush scatteringphotoshop create cloud brush scatteringphotoshop create cloud brush scattering

Paso 3

Marca Dinámica de forma. Esto hará que su tamaño sea variable.

photoshop create cloud brush shape dynamicsphotoshop create cloud brush shape dynamicsphotoshop create cloud brush shape dynamics

Paso 4

Marca Pincel doble y selecciona Pincel de tiza para ello. Ajusta las opciones para dar esta textura irregular a todos los trazos.

photoshop create cloud brush dual brushphotoshop create cloud brush dual brushphotoshop create cloud brush dual brush

¡Prueba el pincel! Si quedas satisfecho, guárdalo. Si no, ajusta las opciones una vez más.

photoshop create cloud brush test strokephotoshop create cloud brush test strokephotoshop create cloud brush test stroke

Paso 5

Crea un Nuevo archivo. Aplica un degradado azul oscuro-cian para crear un cielo. Luego crea una Nueva Capa y pinta las nubes con un cian oscuro y poco saturado (como el #B5C6CC).

photoshop paint sky clouds basephotoshop paint sky clouds basephotoshop paint sky clouds base

Paso 6

Disminuye el tamaño del pincel y pinta bordes irregulares dondequiera que haya partes redondas.

photoshop paint sky clouds detailed shapephotoshop paint sky clouds detailed shapephotoshop paint sky clouds detailed shape

Paso 7

Aclara los colores y pinta las nubes una vez más, esta vez más en el centro de cada forma.

photoshop paint sky clouds middle photoshop paint sky clouds middle photoshop paint sky clouds middle

Paso 8

Aclara mucho el color, casi hasta blanco. Disminuye el tamaño y sombrea las nubes, como si fueran objetos 3D normales.

photoshop paint sky clouds shading lightphotoshop paint sky clouds shading lightphotoshop paint sky clouds shading light

Paso 9

Donde hay luz, también hay sombra. Píntala en el lado opuesto, usando un cian oscuro poco saturado.

photoshop paint sky clouds shading shadowsphotoshop paint sky clouds shading shadowsphotoshop paint sky clouds shading shadows

Paso 10

Dependiendo del estilo que busques, puedes difuminar ligeramente las nubes con tu herramienta de difuminado favorita. He usado la herramienta Pincel mezclador con sus ajustes predeterminados.

photoshop paint sky clouds fluffy mixerphotoshop paint sky clouds fluffy mixerphotoshop paint sky clouds fluffy mixer
photoshop paint sky clouds fluffy brushphotoshop paint sky clouds fluffy brushphotoshop paint sky clouds fluffy brush
Para añadir una sensación de esponjosidad, simplemente usa un pincel redondo suave dentro de las nubes.

Paso 11

Puedes usar este pincel para todas las nubes que quieras. Sólo recuerda mantener tu dedo junto al botón de disminuir o aumentar el tamaño, para que puedas cambiar el tamaño todo el tiempo, haciendo las nubes más desordenadas y naturales.

photoshop paint sky clouds varietyphotoshop paint sky clouds varietyphotoshop paint sky clouds variety

2. Crea un pincel de nube, versión 2

Si prefieres renunciar a parte del control para ser más rápido, puedes probar este otro pincel.

Paso 1

Crea un Nuevo archivo. Rellena el fondo con negro, y pinta alguna forma indefinida con el pincel de Tiza en una Nueva Capa.

photoshop create cloud brush fluffy base shapephotoshop create cloud brush fluffy base shapephotoshop create cloud brush fluffy base shape

Paso 2

Duplica (Control-J) la forma. Utiliza la herramienta de Transformación libre (Control-T) para cambiar el tamaño de la original. Mantén pulsadas las teclas Shift y Alt al hacerlo para mantener las proporciones y la posición. Luego baja la Opacidad de la original.

photoshop create cloud brush fluffy transparent edgesphotoshop create cloud brush fluffy transparent edgesphotoshop create cloud brush fluffy transparent edges

Paso 3

Ve a Filtro > Desenfoque > Desenfoque de movimiento para hacer los bordes de la original aún menos definidos.

photoshop create cloud brush fluffy soft edgesphotoshop create cloud brush fluffy soft edgesphotoshop create cloud brush fluffy soft edges

Paso 4

Aplana la imagen, e Invierte (Control-I) los colores. Ve a Editar > Definir configuración predeterminada del pincel.

photoshop create cloud brush fluffy invert colorsphotoshop create cloud brush fluffy invert colorsphotoshop create cloud brush fluffy invert colors

Paso 5

Ve a Configuración del pincel (F5) y ajusta las opciones para conseguir un pincel esponjoso. Pruébalo mientras lo ajustas, y presta atención al Espaciado.

photoshop create cloud brush fluffy shape dynamicsphotoshop create cloud brush fluffy shape dynamicsphotoshop create cloud brush fluffy shape dynamics
photoshop create cloud brush fluffy scatteringphotoshop create cloud brush fluffy scatteringphotoshop create cloud brush fluffy scattering
photoshop create cloud brush fluffy transferphotoshop create cloud brush fluffy transferphotoshop create cloud brush fluffy transfer
photoshop create cloud brush fluffy test strokephotoshop create cloud brush fluffy test strokephotoshop create cloud brush fluffy test stroke

Puedes usar este pincel igual que el anterior, excepto que este te da un efecto más rápido y menos controlable.

photoshop create cloud brush fluffy examplephotoshop create cloud brush fluffy examplephotoshop create cloud brush fluffy example

3. Logra la perspectiva atmosférica

La perspectiva atmosférica (o aérea) es un gran método para lograr la profundidad. Aunque el aire en sí mismo es invisible, el agua y las partículas de polvo suspendidas en él no lo son. Cuando la luz las golpea, la imagen que vemos cambia. Cuanto más "impuro" sea el aire (lo que no significa necesariamente contaminación), más pesada será la "niebla" que se pueda observar. Esta niebla crece con la distancia, y tiene el color del cielo.

Veamos cómo añadir ese efecto a esta escena:

photoshop aerial atmospheric perspective samplephotoshop aerial atmospheric perspective samplephotoshop aerial atmospheric perspective sample

Paso 1

Prepara un degradado de azul a blanco. Haz que la parte blanca sea transparente.

photoshop aerial atmospheric perspective gradientphotoshop aerial atmospheric perspective gradientphotoshop aerial atmospheric perspective gradient

Paso 2

Coloca este degradado en el suelo, debajo de los objetos. ¡Nunca pongas este efecto en una escena entera, o la harás ver plana! Para que sólo se vea afectado el suelo, recorta (Control-Alt-G) la capa de degradado para que ocupe solo el suelo.

photoshop aerial atmospheric perspective blue groundphotoshop aerial atmospheric perspective blue groundphotoshop aerial atmospheric perspective blue ground

Paso 3

Configura el Modo de fusión en Trama. Esto hará que el suelo sea más brillante y azulado en lugar de simplemente azul.

photoshop aerial atmospheric perspective blend mode brighteningphotoshop aerial atmospheric perspective blend mode brighteningphotoshop aerial atmospheric perspective blend mode brightening

Paso 4

Hagamos lo mismo con los objetos. Crea una Nueva capa sobre ellos, y Crea una máscara de recorte una vez más. Esta vez no pongas el degradado en vertical, sino que sigue las líneas de perspectiva.

photoshop aerial atmospheric perspective object flattenphotoshop aerial atmospheric perspective object flattenphotoshop aerial atmospheric perspective object flatten

Paso 5

Cambia el Modo de fusión como antes.

photoshop aerial atmospheric perspective blend mode not flatphotoshop aerial atmospheric perspective blend mode not flatphotoshop aerial atmospheric perspective blend mode not flat

Este efecto es visible sin importar cuántos objetos tengas en la escena. Gracias a la perspectiva aérea puedes convencer fácilmente a tus espectadores de que no es sólo una bola más pequeña, sino que se encuentra a cierta distancia.

photoshop aerial atmospheric perspective theoryphotoshop aerial atmospheric perspective theoryphotoshop aerial atmospheric perspective theory

Como dije antes, cuanto más impuro es el aire, más pesada es la niebla. Significa que en un aire bastante puro menos objetos se verán afectados por el degradado. No sólo hay que reducir la Opacidad de un gran degradado, sino que hay que hacerlo más "corto".

photoshop aerial atmospheric perspective mistphotoshop aerial atmospheric perspective mistphotoshop aerial atmospheric perspective mist

4. Logra la profundidad de campo

La profundidad de campo es otro gran truco para crear una sensación de espacio. Sin embargo, si se hace de forma incorrecta, puede aplanar incluso una imagen bien sombreada. ¡Veamos cómo evitar esto!

photoshop depth of field digital painting macro sample scenephotoshop depth of field digital painting macro sample scenephotoshop depth of field digital painting macro sample scene

Paso 1

Primero, necesitamos separar los "niveles" de la escena. En mi caso, es el suelo, el cielo y los objetos, todos separados también. Trabajando en ellos individualmente lograremos el efecto de profundidad.

Primero, trabajemos en el suelo. Selecciona la capa, y ve a Filtro > Desenfoque > Inclinar-Cambiar. Coloca el centro donde el observador está mirando, y reduce el área a una pequeña franja.

photoshop depth of field digital painting macro tilt shiftphotoshop depth of field digital painting macro tilt shiftphotoshop depth of field digital painting macro tilt shift

Esto nos muestra qué objetos deben ser borrosos y cuáles se mantendrán nítidos.

photoshop depth of field digital painting macro tilf shift samplephotoshop depth of field digital painting macro tilf shift samplephotoshop depth of field digital painting macro tilf shift sample

Paso 2

El cielo puede ser fácilmente desenfocado con Filtro > Desenfoque Gaussiano.

photoshop depth of field digital painting macro sky blurryphotoshop depth of field digital painting macro sky blurryphotoshop depth of field digital painting macro sky blurry

Paso 3

Aplica el mismo desenfoque a todos los objetos fuera de la "banda nítida". Si no los tienes separados, puedes experimentar con Filtro > Desenfoque > Desenfoque de campo, pero ten mucho cuidado aquí, usa más puntos a la vez para evitar el aplanamiento.

photoshop depth of field digital painting macro gaussian blurphotoshop depth of field digital painting macro gaussian blurphotoshop depth of field digital painting macro gaussian blur

Este efecto, aunque es genial, sólo puede ser usado cuando el observador está mirando algo muy cercano a él. Puedes usarlo libremente para enfatizar la pequeña escala de la escena ("punto de vista de hormiga"), pero no lo uses en exceso a gran escala.

Esto también es muy útil cuando se quiere mostrar dónde está el observador. Todo lo que necesitas hacer es colocar algo (muy grande en esta escala) justo en el primer plano, y luego desenfocarlo. Por ejemplo, aquí el observador está detrás de las rejas.

photoshop depth of field digital painting macro when to use barsphotoshop depth of field digital painting macro when to use barsphotoshop depth of field digital painting macro when to use bars

La persona puede mirar a través de los barrotes...

photoshop depth of field digital painting macro looking throughphotoshop depth of field digital painting macro looking throughphotoshop depth of field digital painting macro looking through

...o a los barrotes, dependiendo de lo que quieras enfatizar.

photoshop depth of field digital painting macro looking atphotoshop depth of field digital painting macro looking atphotoshop depth of field digital painting macro looking at

Cuando quieras hacer algo así, mantén el "primer plano extremo" tan grande como sea posible sin cubrir toda la imagen. Puedes observar este efecto manteniendo la mano cerca de tu cara mientras miras la pantalla. Mantén un ojo cerrado para que lo percibas con mayor claridad.

5. Pinta neblina

Paso 1

La niebla no es más que una perspectiva atmosférica muy pesada. Empecemos por aplicar este efecto a la escena. ¡No hay necesidad de ser sutil esta vez!

photoshop digital painting fog mist brush sample scenephotoshop digital painting fog mist brush sample scenephotoshop digital painting fog mist brush sample scene

Paso 2

Crea una Nueva capa y rellénala con negro. Ve a Filtro > Interpretar > Nubes. Copia la imagen.

photoshop digital painting fog mist brush clouds effectphotoshop digital painting fog mist brush clouds effectphotoshop digital painting fog mist brush clouds effect

Paso 3

Selecciona Ventana > Canales y Crear un nuevo canal.

photoshop digital painting fog mist brush alpha channel createphotoshop digital painting fog mist brush alpha channel createphotoshop digital painting fog mist brush alpha channel create

Paso 4

Pega las nubes, y luego deselecciónalas (Control-D). Haz clic en Cargar canal como selección.

photoshop digital painting fog mist brush add texture alphaphotoshop digital painting fog mist brush add texture alphaphotoshop digital painting fog mist brush add texture alpha

Paso 5

Vuelve al canal RGB, y luego oculta la capa con las nubes sin alterar la selección.

photoshop digital painting fog mist brush create alpha selectionphotoshop digital painting fog mist brush create alpha selectionphotoshop digital painting fog mist brush create alpha selection

Paso 6

Crear una Nueva capa y Rellena la selección con blanco.

photoshop digital painting fog mist brush white texturephotoshop digital painting fog mist brush white texturephotoshop digital painting fog mist brush white texture

Paso 7

Usa la herramienta de Transformación libre (Control-T) para ajustar la perspectiva. Mantén pulsada la tecla Control mientras arrastras las esquinas para conseguir este efecto.

photoshop digital painting fog mist brush texture perspectivephotoshop digital painting fog mist brush texture perspectivephotoshop digital painting fog mist brush texture perspective
photoshop digital painting fog mist brush texture perspective appliedphotoshop digital painting fog mist brush texture perspective appliedphotoshop digital painting fog mist brush texture perspective applied

Paso 8

Utiliza la Máscara de capa o la herramienta Borrador para revelar los objetos que están más allá de la capa de niebla. ¡Presta atención a la perspectiva!

photoshop digital painting fog mist brush layer maskphotoshop digital painting fog mist brush layer maskphotoshop digital painting fog mist brush layer mask

Paso 9

Puedes usar Filtro > Licuar para modificar la forma de la niebla.

photoshop digital painting fog mist brush liquify filterphotoshop digital painting fog mist brush liquify filterphotoshop digital painting fog mist brush liquify filter

Paso 10

Si es demasiado transparente, simplemente duplica (Control-J) la capa.

photoshop digital painting fog mist brush thickphotoshop digital painting fog mist brush thickphotoshop digital painting fog mist brush thick

¡Lo logramos!

Este tutorial fue la última parte de la serie "Aprovecha los elementos". Si lo disfrutaste, asegúrate de revisar los capítulos anteriores: