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

Consejo rápido: Cómo crear la profundidad de campo en Adobe Photoshop

by
Read Time:5 minsLanguages:

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

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

A veces nuestras obras de arte pueden parecer un poco planas y bidimensionales, pero ¡hay una solución rápida para esto! Te mostraré cómo usando un pincel difuso por defecto de Photoshop (con algunos ajustes mínimos) y máscaras de capa, puedes crear una ilusión de profundidad en tus obras de arte.

¿Qué es la profundidad de campo?

Aquí está la definición de Wikipedia de la profundidad de campo:

"En óptica, especialmente en lo que se refiere a películas y fotografía, la profundidad de campo (DOF), también llamada rango de enfoque o rango de enfoque efectivo, es la distancia entre los objetos más cercanos y más lejanos de una escena que aparecen aceptablemente nítidos en una imagen. Aunque un objetivo solo puede enfocar con precisión a una distancia a la vez, la disminución de la nitidez es gradual a cada lado de la distancia enfocada, de modo que dentro de la DOF, la falta de nitidez es imperceptible en condiciones normales de visión."

Antes y después

Aquí está una obra de arte antes de que se realice el desenfoque. Como se puede ver, tiene un aspecto bastante plano, en el cual la mayoría de los elementos aparecen en el mismo plano.

Chinese Dragon - No Depth of FieldChinese Dragon - No Depth of FieldChinese Dragon - No Depth of Field

Aquí tenemos las dos imágenes, una al lado de la otra, antes y después. Los cambios son sutiles, pero el efecto da profundidad y volumen al dragón y una sensación de ambientación. Veamos cómo podemos lograrlo. ¡Es más fácil de lo que crees!

Chinese Dragon - Before and AfterChinese Dragon - Before and AfterChinese Dragon - Before and After

¿Qué difuminar y por qué?

Las áreas que quieres que sean el centro de atención de la obra deben permanecer nítidas. En este caso, queremos que la cara permanezca enfocada, y para crear un cuerpo ondulante para el dragón, vamos a desenfocar las secciones de la cola y la barriga.

1. El plan

Aquí he hecho un rápido plan de lo que me gustaría que estuviera desenfocado. Las puntas de las flechas muestran dónde me gustaría que la obra estuviera más desenfocada.

Blurring PlanBlurring PlanBlurring Plan

Como sabía que iba a desenfocar algunas zonas de esta imagen, mantuve estas partes en sus propias capas. Asegúrate de que el bloqueo de la transparencia no esté activo en las capas que deseas desenfocar. Se trata del icono en forma de tablero de ajedrez junto a la palabra Bloquear.

Illustration LayersIllustration LayersIllustration Layers

2. Cola

Voy a empezar con el final de la cola. Así es como se ve la cola sin las capas indicadas anteriormente.

Tail Section to BlurTail Section to BlurTail Section to Blur

Paso 1

Crea una copia de la capa de la cola arrastrándola la capa de la cola al icono cuadrado de Nueva Capa junto a la papelera.

Copy Tail LayerCopy Tail LayerCopy Tail Layer

Paso 2

Con la capa superior seleccionada, ve a Filtro > Desenfoque > Desenfoque Gaussiano para que aparezca el cuadro de diálogo Desenfoque Gaussiano. Juega con el control deslizante Radio hasta que el elemento quede desenfocado según sea de tu agrado. En este caso lo he desenfocado a 10 píxeles.

La razón por la que utilizo el Desenfoque Gaussiano en lugar de la herramienta Desenfoque es que obtengo más control, y también encuentro que la herramienta Desenfoque consume bastante RAM.

Blur Top Tail LayerBlur Top Tail LayerBlur Top Tail Layer

Paso 3

Observa su aspecto junto con el resto de la pieza activando la visualización  las capas ocultas de nuevo. Creo que esto funciona, así que ahora vamos al siguiente paso para conseguir profundidad con una máscara.

Show Whole Dragon Illustration for ContextShow Whole Dragon Illustration for ContextShow Whole Dragon Illustration for Context

Paso 4

Con el Pincel (B) seleccionado, pulsa F5 para que aparezca el Panel de Dialogo pinceles. Cambia el espaciado a 1% y asegúrate de que esté seleccionada la opción Transferencia. Esto es para que podamos crear un borde difuso al pintar en las máscaras.

Default Photoshop Soft Brush ModificationDefault Photoshop Soft Brush ModificationDefault Photoshop Soft Brush Modification

Paso 5

En la capa de la cola desenfocada crea una máscara de capa. Para hacerlo, debes tener seleccionada la capa elegida y pulsar el icono de la parte inferior del panel Capas, que es un rectángulo con un círculo en el centro.

Add Layer MaskAdd Layer MaskAdd Layer Mask

Paso 6

Selecciona el pincel (B) con una opacidad del 50%, y utiliza el color negro para pintar en la máscara de capa. Al pintar en negro se ocultarán áreas, mientras que el blanco las mostrará. Las áreas grises mostrarán en diferentes grados.

Paint in MaskPaint in MaskPaint in Mask

3. La parte inferior de la barriga del dragón

Paso 1

Duplica la barriga inferior del dragón como antes y repite el proceso de desenfoque. Para utilizar la misma configuración de Desenfoque gaussiano, pulsa Control-F. Sin embargo, si deseas ajustar el desenfoque, ve a Filtro > Desenfocar > Desenfoque Gaussiano ¡Suerte!

Duplicate Lower Tummy SectionDuplicate Lower Tummy SectionDuplicate Lower Tummy Section

Paso 2

Pinta una máscara con negro donde quieras enfocar la parte inferior de la barriga.

Paint in MaskPaint in MaskPaint in Mask

4. La barriga superior del dragón

Repite el proceso con la parte superior de la barriga del dragón. Recuerda: El negro para ocultar, el blanco para mostrar. Lo bueno de las máscaras es que puedes cambiarlas todo lo que quieras sin destruir la obra de arte.

Repeat Process Upper TummyRepeat Process Upper TummyRepeat Process Upper Tummy

5. El cuello del dragón

Repite el proceso con el cuello del dragón.

Repeat Process Dragons NeckRepeat Process Dragons NeckRepeat Process Dragons Neck

6. Los bigotes del dragón

Paso 1

Sigue el proceso de duplicar, desenfocar y ocultar.

Process on the WhiskersProcess on the WhiskersProcess on the Whiskers

Paso 2

Esta vez, manteniendo pulsada la tecla Alt, haz clic y arrastra la máscara de capa sobre el bigote puntiagudo. Esto debería crear una copia de la máscara en el bigote puntiagudo.

Duplicate Layer MaskDuplicate Layer MaskDuplicate Layer Mask

Paso 3

A continuación, pulsa Control-I para invertir la máscara. Esto le dará una mayor y más profundo desenfoque ya que no hay parte enfocada detrás del final del bigote.

Invert MaskInvert MaskInvert Mask

7. Flores y pétalos

Paso 1

Para abrir el cuadro de diálogo Desenfoque gaussiano, ve a Filtro > Desenfoque > Desenfoque gaussiano. Desenfoca las flores que seleccionamos en el plan. Cuanto más desees que estén desenfocadas, mayor será el desenfoque.

Blurring Individual FlowersBlurring Individual FlowersBlurring Individual Flowers

Paso 2

Mueve los pétalos si crees que la composición puede mejorarse ahora que los elementos están en su estado final.

Various Blurs On Petals and FlowersVarious Blurs On Petals and FlowersVarious Blurs On Petals and Flowers

8. Extras

En una Nueva Capa ( Control-Shift-N) sobre las secciones desenfocadas, pinta ligeramente con el color del cielo. Esto lo hago pulsando Alt mientras tengo el pincel (B) seleccionado, y añado algo al ambiente. Esto ayuda a empujar estas partes más atrás en el espacio.

Esto se puede conseguir en las obras utilizando elementos de polvo, hojas o partículas de agua, según la obra.

Atmosphere Over BodyAtmosphere Over BodyAtmosphere Over Body

En los fondos más lejanos tengo algunas nubes que deben estar desenfocadas. Utilizando el Desenfoque Gaussiano las difumino y reduzco ligeramente la opacidad. A continuación, añado algo de ambientación delante de uno de los pies.

Atmosphere Over FootAtmosphere Over FootAtmosphere Over Foot

¡Este es nuestro glorioso dragón del cielo!

Espero que te haya gustado mi consejo rápido sobre cómo crear profundidad en tus ilustraciones. Has aprendido a utilizar las máscaras y el desenfoque para crear profundidad de campo de forma sencilla pero eficaz.

He disfrutado mucho creando este tutorial, y espero que tú hayas disfrutado leyéndolo.

Final Chinese DragonFinal Chinese DragonFinal Chinese Dragon

One subscription.
Unlimited Downloads.
Get unlimited downloads