La fácil profundidad del efecto de campo en Photoshop

La fácil profundidad del efecto de campo en Photoshop

La fácil profundidad del efecto de campo en Photoshop


En este Tutorial de efectos de Photoshopvamos a buscar una manera fácil de ajustar el profundidad de campo en una foto, manteniendo sólo una pequeña porción de la imagen en foco mientras se saca el resto fuera de foco. Esta es una gran manera de llamar la atención sobre una parte específica de una imagen (la cara de alguien, por ejemplo), y el efecto es similar a como se verían las cosas si hubiéramos tomado la foto con una gran apertura.

Para obtener los mejores resultados, usaremos Photoshop Borrón de lente para crear este efecto, que está disponible en Photoshop CS y más tarde…lo que significa que necesitarás al menos Photoshop CS para seguir este tutorial. Si utiliza Photoshop 7 o anterior, todavía puede conseguir buenos resultados con el clásico filtro de Desenfoque Gaussiano de Photoshop, pero el filtro de Desenfoque de Lente es el filtro elegido para este efecto porque intenta imitar el funcionamiento de la lente de una cámara real, mientras que el filtro de Desenfoque Gaussiano simplemente lo desenfoca todo.

Aquí está la foto con la que trabajaré:

Imagen del tutorial de Adobe Photoshop.

La imagen original.

Digamos que queremos llamar la atención sobre la cara de la mujer. Hay muchas formas creativas de hacerlo, pero como su cara está más cerca de la cámara que cualquier otra cosa en la foto, la forma más fácil sería limitar la profundidad de campo de la foto para que su cara se convierta en la única parte de la imagen que está enfocada. Así es como se verá cuando terminemos:

Imagen del tutorial de Adobe Photoshop.

The final effect.

Step 1: Duplicar la capa de fondo

Comencemos duplicando nuestra capa de fondo para no dañar la información de nuestra imagen original. Para duplicar la capa de fondo, sube a la Cloak at the top of the screen, choose Nuevoand then choose Capa a través de la copia:

Imagen del tutorial de Adobe Photoshop.

Vaya a Capa; Nueva; Capa vía Copia.

Para una forma más rápida, usa el atajo de teclado Ctrl+J (Win) / Comando+J (Mac). De cualquier manera le dice a Photoshop que cree una copia de la capa de fondo para nosotros, y si miramos en la paleta de capas, podemos ver nuestra copia, que Photoshop ha llamado «Capa 1», sobre la capa de fondo original:

Imagen del tutorial de Adobe Photoshop.

La paleta de capas que muestra la copia de la capa de fondo sobre el original.

Paso 2: Seleccione el área que permanecerá en foco

Utilizando la herramienta de selección de su elección (Herramienta Lazo, Herramienta Lazo Poligonal, Herramienta Pluma, etc.), dibuje una selección aproximada alrededor del área que permanecerá enfocada. En mi caso, quiero que la cara de la mujer esté enfocada, así que voy a usar la herramienta Lazo Poligonal, que se encuentra escondida detrás de la herramienta Lazo en la paleta de herramientas de Photoshop, para seleccionar su cara. Su selección no necesita ser quirúrgicamente precisa, así que no le dedique mucho tiempo. De hecho, suavizaremos los bordes de la selección (comúnmente conocida como plumaje la selección) en un momento, y veremos cómo afinar las cosas si es necesario un poco más tarde:

Imagen del tutorial de Adobe Photoshop.

El área alrededor de la cara de la mujer está ahora seleccionada.

Paso 3: Entrar en el modo de máscara rápida

Una vez que haya hecho su selección, presione la letra Q en tu teclado para entrar en el Photoshop Máscara rápida modo. También puedes hacer clic en el icono de la Máscara Rápida, cerca de la parte inferior de la paleta de Herramientas:

Imagen del tutorial de Adobe Photoshop.

Haciendo clic en el icono «Máscara rápida» debajo de las muestras de color de primer y segundo plano en la paleta de herramientas.

Si miras tu imagen, verás que el contorno de tu selección ha desaparecido temporalmente y que el área fuera de la selección está ahora superpuesta en rojo:

Imagen del tutorial de Adobe Photoshop.

En el modo «Quick Mask», el área fuera de la selección aparece superpuesta en rojo mientras que los contornos de la selección desaparecen.

Fíjate en cómo mi selección se ve bastante mal, pero está bien porque lo suavizaremos a continuación.

Paso 4: Aplicar el filtro de borrosidad gaussiana

Necesitamos suavizar los bordes de nuestra selección para crear una transición suave entre las partes seleccionadas y no seleccionadas de la foto, y el modo de Máscara Rápida va a hacer que sea muy fácil para nosotros ver lo que estamos haciendo. Usaremos Photoshop Borrón Gaussiano filtro para suavizar los bordes. Sube al Filter at the top of the screen, choose Blurand then choose Borrón Gaussiano:

Imagen del tutorial de Adobe Photoshop.

Vaya a Filtro; Borrón; Borrón Gaussiano.

FILE Cómo mezclar texturas con fotos en Photoshop CC CS6

Esto nos lleva al cuadro de diálogo de la Mancha Gaussiana. Vigila los bordes de selección en la ventana del documento mientras ajustas el Radio en la parte inferior del cuadro de diálogo. Arrastrando el deslizador a la derecha aumentará la cantidad de desenfoque a lo largo de los bordes, aumentando la suavidad de los mismos, mientras que arrastrándolo a la izquierda disminuirá la cantidad de desenfoque. Ajusta el valor del Radio hasta que veas una bonita y suave transición a lo largo de los bordes. Aquí, estoy incrementando mi valor de Radio a algún lugar alrededor de 16-17 píxeles. El valor que terminas usando puede ser diferente dependiendo del tamaño de tu imagen:

Imagen del tutorial de Adobe Photoshop.

Aumentar el valor de «Radio» en el cuadro de diálogo de Gaussian Blur para crear una transición suave a lo largo de los bordes de selección en el modo de Máscara Rápida.

Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo. Aquí podemos ver el área de transición suave alrededor de mis bordes de selección:

Imagen del tutorial de Adobe Photoshop.

Los bordes de selección se han suavizado.

Paso 5: Salir del modo de máscara rápida

Ahora que hemos suavizado nuestros bordes de selección, podemos salir del modo de Máscara Rápida y volver a Estándar modo. Para hacer eso, o bien presione la letra Q en su teclado una vez más o haga clic en el Modo estándar en la paleta de herramientas:

Imagen del tutorial de Adobe Photoshop.

Haciendo clic en el icono «Modo estándar» de la paleta de herramientas para salir del modo de máscara rápida.

Verá que la superposición roja desaparece en la ventana del documento y su esquema de selección regresa:

Imagen del tutorial de Adobe Photoshop.

El contorno de selección estándar es ahora visible una vez más, mientras que la capa roja desaparece.

Paso 6: Guardar la selección

Hemos hecho todo lo que necesitamos hacer con nuestra selección. Ahora tenemos que salvarla. Para hacerlo, sube al Select en la parte superior de la pantalla y elegir Guardar la selección:

Imagen del tutorial de Adobe Photoshop.

Ir a Select > Guardar selección.

Cuando aparezca el cuadro de diálogo Guardar selección, sólo tienes que hacer clic en OK en la esquina superior derecha para salir de ella. No hay necesidad de nombrar la selección:

Imagen del tutorial de Adobe Photoshop.

Haga clic en Aceptar para salir del cuadro de diálogo Guardar selección.

Press Ctrl+D (Win) / Comando+D (Mac) para deseleccionar su selección en la ventana del documento. Si cambia a su Canales que encontrarás agrupada junto a la paleta de capas, verás que tu selección se ha guardado como una nueva canal alfa llamado Alfa 1 en la parte inferior de la paleta. Podemos ver mirando el canal vista previa de la miniatura a la izquierda que el área que estaba dentro de la selección aparece blanca, mientras que todo lo que estaba fuera de la selección aparece negro. Es difícil de distinguir en la pequeña miniatura, pero el área de transición suave que creamos alrededor de los bordes de la selección aparece como un estrecho gradiente de blanco a negro:

Imagen del tutorial de Adobe Photoshop.

La selección guardada se convierte en un nuevo «Canal Alfa» en la paleta de Canales de Photoshop.

Esto es importante porque en un momento, vamos a usar este canal alfa en blanco y negro que hemos creado como mapa de profundidad para el filtro de Lens Blur. Un mapa de profundidad es simplemente una imagen en escala de grises (blanco y negro) que Photoshop utiliza con el filtro de Desenfoque de Lente para decidir qué partes de la imagen se desenfocarán y por cuánto. Cualquier área en el mapa de profundidad que sea negro puro permanece 100% enfocada mientras que las áreas que son blancas puras son completamente borrosas. Las áreas que se encuentran entre el negro puro y el blanco puro, como el área de transición alrededor de los bordes de selección, se desdibujarán en menor grado dependiendo de lo claras u oscuras que sean.

Si estuvieras prestando atención allí, podrías estar pensando «Espera un minuto, ¿no es exactamente lo contrario de lo que queremos? Dijiste que las áreas negras se mantienen enfocadas mientras que las áreas blancas se desdibujan, pero en el canal alfa que acabamos de crear, es el área blanca la que queremos mantener enfocada, no el área negra. El área negra es donde queremos aplicar la borrosidad». Tienes toda la razón. Tendremos que decirle a Photoshop que invert nuestro mapa de profundidad en el cuadro de diálogo del filtro de Lens Blur, y veremos cómo hacerlo en un momento.

FILE Agregar rayos de luz en una foto

Vuelve a tu paleta de capas para continuar.

Paso 7: Aplicar el filtro «Lens Blur»

Ahora que volvemos a la paleta de capas, asegúrate de tener seleccionada la «Capa 1» (la capa actualmente seleccionada está resaltada en azul). Vamos a crear nuestro efecto de profundidad de campo en este punto, y lo haremos usando el Photoshop Borrón de lente filtro. Sube al Filter at the top of the screen, choose Blurand then choose Borrón de lente:

Imagen del tutorial de Adobe Photoshop.

Ve a Filtro; Borrón; Borrón de Lente.

Esto hace que aparezca el cuadro de diálogo de la Lens Blur, que consiste en una gran área de previsualización a la izquierda y un montón de opciones potencialmente confusas a la derecha. Puedes ignorar con seguridad todas las opciones excepto dos de ellas – el Mapa de profundidad de la que acabamos de hablar hace un momento y la Radio opción. Para el mapa de profundidad, asegúrese de que Alfa 1 es seleccionado, así que Photoshop usa la selección que hicimos para determinar cómo desenfocar la imagen. Por supuesto, como acabamos de señalar, tenemos que decirle al Photoshop que invierta nuestro mapa de profundidad para que el área que seleccionamos sea el área que permanece enfocada. En mi caso, esto significa que el rostro de la mujer permanecerá enfocado mientras todo lo demás se vuelve borroso. Para hacer eso, simplemente haga clic dentro de la casilla de verificación a la izquierda de la palabra Invertir.

The Radio funciona exactamente igual aquí que en el filtro de Desenfoque Gaussiano. Simplemente arrastra el deslizador de Radio a la derecha para aumentar la cantidad de desenfoque que se aplica a la imagen. Mantén un ojo en el área de vista previa a la izquierda mientras arrastras el deslizador para que puedas ver lo que está sucediendo. Ajusta el deslizador del Radio hasta que consigas la cantidad de desenfoque que buscas. Aquí, he establecido el valor de mi radio en 20. De nuevo, el valor que elija para su imagen puede ser diferente:

Imagen del tutorial de Adobe Photoshop.

En el cuadro de diálogo de Lens Blur, asegúrese de que «Alfa 1» esté seleccionado para el Mapa de Profundidad y que la opción «Invertir» esté marcada, luego ajuste el deslizador «Radio» hasta alcanzar la cantidad de desenfoque deseada.

Click OK en la esquina superior derecha del cuadro de diálogo cuando termines de salir de él. Aquí está mi imagen ahora con el desenfoque aplicado. Sólo la cara de la mujer permanece enfocada:

Imagen del tutorial de Adobe Photoshop.

Después de aplicar el filtro de borrosidad, sólo la cara de la mujer permanece enfocada.

Si, después de aplicar el efecto de borrosidad, sientes que es un poco demasiado fuerte, puedes afinarlo simplemente bajando el opacity de la «Capa 1». Encontrarás la opción de Opacidad en la esquina superior derecha de la paleta de Capas. Voy a bajar la mía a alrededor del 85%:

Imagen del tutorial de Adobe Photoshop.

Afine la cantidad de desenfoque ajustando la opacidad de la «Capa 1».

Aquí está mi imagen después de bajar la opacidad. El cambio es sutil, pero ahora puedes ver mejor los rasgos faciales del hombre:

Imagen del tutorial de Adobe Photoshop.

La imagen después de ajustar el efecto de Desenfoque de Lente.

En este punto, lo único que no me gusta es que hay un borrón en el lado izquierdo de la cara de la mujer (su derecha, nuestra izquierda) y está causando que su cara se mezcle con la del hombre detrás de ella. Me gustaría retocar eso para que su cara se vea bien y afilada a lo largo del borde. Puedo hacerlo fácilmente usando un layer mask…y yo lo haré a continuación!

Paso 8: Añadir una máscara de capa

Esta parte es opcional. Puede que no necesites retocar tu efecto de desenfoque, pero si lo haces, asegúrate de que todavía tienes seleccionada la «Capa 1», y luego haz clic en el Máscara de capa en la parte inferior de la paleta de capas:

Imagen del tutorial de Adobe Photoshop.

Haciendo clic en el icono de «Máscara de Capa».

Nada parece haber cambiado en la ventana del documento, pero si miramos la «Capa 1» en la paleta de Capas, podemos ver que ahora tenemos una thumbnail layer mask a la derecha de la miniatura de la capa:

Imagen del tutorial de Adobe Photoshop.

Una miniatura de la máscara de la capa aparece ahora en la «Capa 1».

FILE Añadir foco a una imagen con color en Photoshop

Paso 9: Seleccione la herramienta de cepillo

Voy a pintar el efecto borroso del lado de la cara de la mujer. Para eso, necesitaré el Photoshop Brush tool así que lo seleccionaré de la paleta de herramientas. También puede acceder a la herramienta de pinceles simplemente pulsando la letra B en tu teclado:

Imagen del tutorial de Adobe Photoshop.

Seleccionando la herramienta de pinceles de la paleta de herramientas.

Paso 10: Ponga su color de primer plano en negro

Por defecto, siempre que tenemos una máscara de capa seleccionada, Photoshop establece nuestra El color del primer plano to white y nuestro Color de fondo to negro. Para eliminar el efecto de borrosidad en la «Capa 1», necesitamos pintar con negro, lo que significa que necesitamos el negro como color de primer plano. Presiona la letra X en el teclado para intercambiar los colores de primer y segundo plano, haciendo del negro el color de primer plano y del blanco el color de segundo plano. Podemos ver cuáles son los colores que están configurados actualmente mirando los dos muestras de color cerca de la parte inferior de la paleta de herramientas. La muestra de arriba a la izquierda es el color actual de primer plano y la de abajo a la derecha es el color actual de fondo:

Imagen del tutorial de Adobe Photoshop.

Las muestras de color de primer y segundo plano en la paleta de herramientas.

Paso 11: Pintar cualquier área no deseada de borrosidad

Con la Herramienta Pincel seleccionada y el negro como color de primer plano, simplemente pinta sobre las áreas donde quieras eliminar el efecto de desenfoque. En mi caso, voy a pintar a lo largo del borde de la cara de la mujer. Puedes ajustar el size del cepillo usando el llaves de soporte izquierdo y derecho en tu teclado. La tecla de corchete izquierda hace el pincel más pequeño mientras que la tecla de corchete derecha lo hace más grande. También puedes ajustar el dureza de los bordes de la brocha al mantener presionada la Change y presionando la tecla llaves de soporte izquierdo y derecho. Si mantiene pulsada la tecla Shift mientras presiona la tecla del soporte izquierdo, los bordes del pincel se suavizan, y si mantiene pulsada la tecla Shift mientras presiona la tecla del soporte derecho, los bordes se vuelven más duros. Voy a usar un pequeño pincel con bordes bastante duros y pintar a lo largo de la parte izquierda de la cara de la mujer para eliminar la borrosidad:

Imagen del tutorial de Adobe Photoshop.

Pintar a lo largo del borde de la cara de la mujer para eliminar cualquier desenfoque no deseado.

Si comete un error y accidentalmente pinta sobre el área equivocada, simplemente presione X en el teclado para cambiar el color del primer plano a blanco y pintar sobre el error, luego presione X de nuevo para volver al negro y continuar pintando el efecto de borrosidad.

Seguiré pintando a lo largo del borde de su cara para eliminar la última parte de la borrosidad. Si miro la miniatura de la máscara de capas en la paleta de capas, puedo ver todas las áreas donde he pintado con negro para eliminar la borrosidad de la foto:

Imagen del tutorial de Adobe Photoshop.

La máscara de capa muestra las áreas que han sido pintadas de negro.

Y aquí, después de eliminar el efecto de borrosidad a lo largo del lado de la cara de la mujer para que contraste bien con la cara del hombre desenfocado detrás de ella, es mi resultado final de «profundidad de campo»:

Imagen del tutorial de Adobe Photoshop.

The end result.

¡Y ahí lo tenemos! ¡Así es como se crea fácilmente un efecto de profundidad de campo con Photoshop! ¡Comprueba nuestra sección de efectos fotográficos para ver más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon