Cómo crear desenfoque de fondo Bokeh en una foto en photoshop

Cuando está fotografiando con una buena cámara y lente y la abertura está abierta de par en par, puede crear un agradable efecto de profundidad de campo. Esto se utiliza en la fotografía de retratos. Ya sabes el aspecto, es ese preciado, suave, desenfocado fondo con el bonito sujeto afilado. Luego hay luces en el fondo, que se convierten en pequeños discos de sonido, llamados Bokeh de luz (bo-kah). Esto se logra fácilmente en la cámara, si tiene equipo lo suficientemente bueno. Si no tiene una buena cámara réflex digital o tiene una fotografía existente que desea agregar valor de producción, este tutorial le mostrará cómo lograr este efecto suave/desenfocado en photoshop.

Cómo agregar Bokeh a una Foto y Desenfocar el fondo en el Tutorial de Photoshop

Voy a mostrarte cómo crear ese fondo de ensueño suave con esta fotografía. Tenemos algunos de estos pequeños círculos que se conocen como bokeh, pero voy a hacerlo mucho más pronunciado y mucho más romántico. Este es el tipo de cosas que normalmente se lograrían usando una profundidad de campo muy baja y una abertura muy abierta en la cámara.

background-bokeh-blur-photoshop-tutorial01

Lo primero que vamos a hacer es cortar a estas personas, y luego, hay un pequeño truco que voy a mostrarles para que no tengamos el borde alrededor de los bordes que generalmente sucede cuando se difumina el fondo, y luego, vamos a crear este efecto bokeh.

background-bokeh-blur-photoshop-tutorial19

1. Cortar el sujeto

¿Por qué no empezamos cortándolos rápidamente con la herramienta de selección rápida? Agarra esa herramienta de Selección rápida y muévela sobre las áreas que necesitas seleccionar. Mantenga pulsada la tecla Alt o la tecla Opción para eliminarla de la selección.

background-bokeh-blur-photoshop-tutorial02

está quedando muy bien, pero solo quiero comprobar mi selección. Pulsa la Q de Máscara rápida para verla en Máscara rápida. Estás revisando las áreas que quedan fuera. No se ve nada mal. Pulse Q para salir de máscara rápida.

background-bokeh-blur-photoshop-tutorial03

Elegir la selección y la Máscara de ahora, y me voy a dar un poco de luminosidad sólo para hacer que se vea mejor, y limpiar un poco. Vamos a elegir la nueva capa con una opción de máscara de capa.

background-bokeh-blur-photoshop-tutorial04

Tenemos les corte

background-bokeh-blur-photoshop-tutorial05

Ocultar la capa superior y seleccione la parte inferior para ver esto como telón de fondo. Así que esto es lo que sucede; cuando la gente hace un simple desenfoque del fondo como este, ¿notan esta franja que tenemos alrededor de los bordes allí? Pueden ver que es casi como un efecto de halo o un efecto de duplicación. Haz clic en Cancelar y déjame mostrarte una manera mejor.

background-bokeh-blur-photoshop-tutorial06

background-bokeh-blur-photoshop-tutorial07

6. Preparación del fondo

Aquí le mostramos cómo podemos eliminar este problema. Con el fondo como capa activa, haga clic Ctrl en la máscara de capa para hacer una selección.

background-bokeh-blur-photoshop-tutorial08

Elija Seleccionar, Modificar y expandir este por 1 píxel y, a continuación, elija Seleccionar, Modificar y pluma por 1 píxel. Esto solo está creando un borde más suave que ese borde duro.

background-bokeh-blur-photoshop-tutorial09

Utilice Relleno Consciente de Contenido. Oculta la capa superior para que puedas ver lo que estamos haciendo.

Pulse Mayús + Borrar en Mac (Mayús + Retroceso en Windows) para abrir el cuadro de diálogo Rellenar. Asegúrate de seleccionar Contenido y, a continuación, haz clic en Aceptar. Pueden ver que tenemos este tipo de efecto fantasma, pero eso es todo lo que necesitamos para asegurarnos de no tener esos colores sangrando alrededor de los bordes cuando los desenfocemos más adelante.

background-bokeh-blur-photoshop-tutorial11

background-bokeh-blur-photoshop-tutorial12

Vuelve a poner la capa superior. Ya casi llegamos.

background-bokeh-blur-photoshop-tutorial13

10. Hacer el desenfoque Bokeh

Ahora, queremos crear un fondo borroso suave, pero queremos realzar realmente este bokeh en el fondo que proviene de la lente, y eso le da un aspecto romántico realmente agradable. Y eso también hace que parezca que fue filmado con una lente mucho más cara.

Así que asegurémonos de que el fondo está seleccionado, luego vamos a elegir Filtro> Galería de desenfoque> Desenfoque de campo

Estamos haciendo esto aquí dentro de Photoshop CC / CS6. Ahora, la Galería de desenfoque se agregó en Photoshop CS6 (si tiene una versión anterior, simplemente use el desenfoque de lente>, y obtendrá un resultado similar.)

El Desenfoque de campo, es donde creamos un efecto de profundidad de campo aplicando dos puntos normalmente. Sólo vamos a mantener este punto único creando un desenfoque. En este momento, estamos en un desenfoque de 15 y realmente queremos sacar este efecto. Se necesita un poco de experimentación para hacerlo bien.

background-bokeh-blur-photoshop-tutorial14

Empieza con Bokeh ligero y vamos a subirlo un poco hasta que empecemos a ver algo de ese efecto bokeh. Está bien, está empezando a suceder, pero aún no está muy limpio.

Juegue con el Rango de luz. Vamos a sujetarlo, y así traemos el triángulo blanco. Traiga el negro un poco más y, tenga estos casi uno encima del otro para obtener el efecto que estamos buscando.

background-bokeh-blur-photoshop-tutorial16

Aumentemos el desenfoque; ahí vamos, y notemos que esto cambia el tamaño de los discos redondos.

background-bokeh-blur-photoshop-tutorial15

Esto es realmente un acto de equilibrio de jugar con el Bokeh Ligero, el Alcance de la Luz y el Desenfoque.

background-bokeh-blur-photoshop-tutorial17

Si ocultamos la capa superior por un segundo y miramos nuestro fondo, notamos que es hermosa y perfecta porque usamos ese Relleno Consciente del Contenido, no hay bordes ni nada por ahí, y por lo tanto hemos sido capaces de crear ese efecto así como así.

background-bokeh-blur-photoshop-tutorial20

Así que si lo miramos antes y después, pueden ver cuánto más soñadora y romántica es esta fotografía.

background-bokeh-blur-photoshop-tutorial01

background-bokeh-blur-photoshop-tutorial19

Coge tu gratis ebook PDF ahora. Íbamos a vender esto por $9.99, pero pensé que nos iba a dar a la basura en su lugar y ver qué pasa 🙂

blend

Recursos Relacionados:

Cómo cortar a una persona con selección rápida y acabado de bordes (CS5-CC)

Extracción de cabello en Photoshop (CC)

Enmascarar imágenes imposibles en Photoshop (todas las versiones)

Aprenda a usar una cámara réflex digital aquí con este tutorial premium de Tim Cooper.

Muchas gracias por revisar este tutorial. La CAFETERÍA está tan llena de recursos gratuitos que deberías echarles un vistazo a todos. ¡Estoy agregando al menos un tutorial nuevo cada semana!

¡Genial verte aquí en el CAFÉ!

Deja un comentario, di hola! (Únase a la lista de correo y forme parte del equipo de CAFÉ y obtenga un nuevo tutorial cada semana)

Colin

  1. Gran tutorial. Gracias

  2. Gran uso de Relleno Consciente de Contenido.

  3. ¡Esto fue INCREÍBLE! Alguien finalmente lo ha hecho, produciendo un excelente tutorial visual fácilmente comprensible combinado con notas muy completas CON ilustraciones. Beneficio: poder ver el tutorial sin garabatear notas y poder recrear lo que se enseñó haciendo referencia a notas excelentes sin tener que volver a ver el tutorial o, lo que es peor, omita el intento porque no puede recordar qué hacer. ¡Gracias!

    • Gracias Plumeria, tenemos esto en la mayoría de los tutoriales aquí en photoshopCAFE. Mi objetivo es tener instrucciones por escrito para cada tutorial

  4. Gracias! He tenido exactamente el problema de los bordes sangrantes del primer plano y nunca había pensado en esta solución. Encontré tu tutorial, muy fácil de aprender. Gracias de nuevo!

  5. Excelente tutorial para hacer que el fondo se difumine perfectamente. Gracias por compartir!

  6. Gracias por aclarar cómo trabajar artísticamente con un fondo.

  7. Sus tutoriales de desenfoque son hermosos y espero que todos los nuevos estudiantes de Photoshop sepan un buen conocimiento sobre esto tutorial.So gracias por compartir este gran tutorial..

  8. WOW!! hermoso tutorial para Photoshop..Gracias por shsare

  9. este es un tutorial de Photoshop impresionante y más informativo. tengo más idea de edición de imágenes de aquí. muchas gracias por esta mejor idea

  10. Estoy perdido en » Vamos a elegir la nueva capa con una opción de máscara de capa.»¿Qué capa nueva? Sólo veo una capa.

  11. No olvides compartir tus imágenes con la comunidad en nuestro grupo de Facebook https://www.facebook.com/groups/53878338135/

  12. Hola Colin,

    Me encantó esta publicación por el flujo de trabajo y la explicación en profundidad. Me he estado preguntando cómo puedo dar un efecto bokeh en photoshop durante tanto tiempo. Aquí, encontré tu post con todas las respuestas para completar el trabajo.

    Gracias,
    Abhinay

  13. Paso 2) ¿Mi máscara ya es inversa seleccionando las cosas que quiero mantener en foco?
    Paso 3) En Selección, no hay máscara de puntos. ¿Cómo haces esta nueva capa?

    Lo siento, encontré esto difícil de seguir.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

More: