Cómo crear un fondo con efecto bokeh en Photoshop
Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)



Hoy te mostraré cómo crear un fondo con efecto bokeh en Photoshop usando una fotografía borrosa y pinceles estándar de Photoshop. También agregaremos una suave textura grunge a nuestro fondo con efecto bokeh y, finalmente, te mostraré cómo puedes crear rápidamente más variaciones de este fondo o usarlo como una superposición estilo bokeh.
Lo que aprenderás en este tutorial de Photoshop del efecto bokeh
- Cómo desenfocar una fotografía para crear la base de las imágenes de fondo con efecto bokeh
- Cómo crear un fondo con efecto bokeh en Photoshop usando pinceles básicos
- Cómo añadir una textura a un fondo oscuro con efecto bokeh
- Cómo agregar una superposición estilo bokeh en Photoshop
- Cómo cambiar el color para crear un fondo azul con efecto bokeh (o de cualquier otro color)
Recursos del tutorial
Necesitarás los siguientes recursos para completar este tutorial:
- Luces navideñas
- Luces de la ciudad de noche en Turquía
- Superposición gratuita estilo grunge
- Retrato de una mujer mayor al aire libre por la noche
1. Cómo desenfocar una fotografía para crear una base para las imágenes de fondo con efecto bokeh
Paso 1
En primer lugar, necesitamos crear un nuevo documento con un tamaño de 3000x2000 px y 300 DPI.



Paso 2
Ve a Archivo > Colocar y luego coloca y cambia el tamaño de la fotografía hasta llegar a los bordes del documento.



Paso 3
Ahora agreguemos un desenfoque a nuestra futura imagen de Photoshop con efecto bokeh. Ve a Filtro > Desenfocar > Desenfoque gaussiano y configura el Radio para que tenga un valor de 100 px.



Así es como debería verse ahora la base de la imagen con efecto bokeh de Photoshop:



2. Cómo crear un fondo con efecto bokeh en Photoshop usando pinceles básicos
Paso 1
Ahora podemos comenzar a crear nuestra superposición de luces estilo bokeh con pinceles estándar. Selecciona la Herramienta pincel (o presiona B para activarla) y usa las siguientes configuraciones: Tamaño: 250 px; Dureza: 25%.



Paso 2
Abre los Ajustes del pincel y activa la Dispersión y la Dinámica de forma. Establece la Variación del tamaño al 100% y la Dispersión al 1000%.



Paso 3
Crea una nueva capa presionando Shift-Control-N, y cambia el Modo de fusión de esta capa a Superposición. Esta será nuestra primera capa de superposición con luces estilo bokeh.



Paso 4
Dibuja la primera capa de superposición estilo bokeh usando el pincel que hemos creado.



Paso 5
Crea otra capa con un Modo de fusión de Superposición y cambia el Tamaño del pincel a 450 px y la Dureza a 75%. Dibuja una nueva capa de elementos de fondo dorados estilo bokeh.



Paso 6
Para la última capa usemos una configuración diferente para el pincel: Tamaño: 600 px; Dureza: 95%.



Paso 7
Y para el último paso, agreguemos una corrección de color a nuestro fondo oscuro con efecto bokeh, para que tenga una apariencia más atmosférica. Ve a Capa > Nueva capa de ajuste > Curvas y usa las siguientes configuraciones:



Así es como se ve nuestro fondo navideño con efecto bokeh con la capa de corrección de color aplicada:



3. Cómo agregar textura a un fondo oscuro con efecto bokeh
Paso 1
Ahora que ya sabes cómo crear un efecto bokeh en Photoshop, tal vez quieras que tenga una apariencia única. ¡Podemos hacerlo fácilmente agregando una superposición de textura estilo grunge! Vayamos a Archivo > Colocar y coloca la textura debajo de la capa de corrección de color.



Como puedes ver, la textura se superpone en exceso sobre nuestro fondo luminoso estilo bokeh. Si no te gusta, ¡lo arreglaremos en el siguiente paso!



Paso 2
Para que tenga una apariencia menos grunge, simplemente cambia el Modo de fusión de la capa a Luz suave (o simplemente reduce la Opacidad).



Este es nuestro fondo navideño con efecto bokeh usando un modo de fusión de luz suave:



4. Cómo agregar una superposición estilo bokeh en Photoshop
Paso 1
Si quieres usar tu fondo con efecto bokeh suave como una superposición, debes mover la capa del fondo borroso para colocarla encima de una de las capas con elementos estilo bokeh y luego hacer clic derecho > Crear una máscara de recorte.



Paso 2
Cambia el Modo de fusión de los elementos estilo bokeh a Normal y luego haz clic derecho > Acoplar imagen.



Paso 3
Y ahora simplemente coloca tu fondo luminoso estilo bokeh encima de la imagen y cambia el Modo de fusión a Trama.



Este es el resultado:



5. Cómo cambiar el color del fondo dorado con efecto bokeh a un fondo azul con efecto bokeh (o a cualquier otro color)
Usando este método de fotografía borrosa para crear imágenes con fondo estilo bokeh, podemos cambiar fácilmente la fotografía para que sea cualquier otra (yo elegí la imagen "vistas aéreas de Turquía" de la sección de recursos) y luego simplemente apliqué un desenfoque como lo hicimos anteriormente. ¡Esto nos proporcionará un fondo con efecto bokeh suave completamente nuevo!



Excelente trabajo, ¡ya has terminado!
¡Este es nuestro resultado final! Ahora sabes cómo crear un efecto bokeh en Photoshop usando casi cualquier fotografía y herramientas estándar de Photoshop. ¡No dudes en compartir tus resultados en los comentarios a continuación!



Si estás buscando un fondo con efecto bokeh de alta calidad y cuidadosamente elaborado a mano, echa un vistazo a la colección disponible en Envato Elements:
Fondos con efecto bokeh estilo grunge (JPG)



Este increíble paquete de efectos bokeh contiene 15 fondos diferentes cubiertos con texturas estilo grunge. Es la elección perfecta para crear la portada de un CD o un fondo para la web.
Fondos abstractos de luz con efecto bokeh (JPG, PNG)



Este paquete de fondos con efecto bokeh contiene una increíble colección de diferentes imágenes estilo bokeh, desde un fondo rosa con efecto bokeh hasta una superposición azul estilo bokeh. Estas imágenes son perfectas para crear folletos para tu próximo evento.
Fondos desenfocados con efecto bokeh V1 (JPG)



¿Buscas fondos atmosféricos? En este paquete encontrarás 12 fondos diferentes con efecto bokeh de alta resolución (3500 x 2334 px) y hermosas combinaciones de colores. Un excelente recurso para cualquiera de tus necesidades de diseño.
Bokeh Noir (JPG)



Otro excelente paquete de fondos blancos con efecto bokeh que cuenta con 14 texturas de alta resolución. Prueba esta colección para crear embalaje, invitaciones o incluso papeles tapiz. La apariencia cinematográfica de cada fondo blanco con efecto bokeh llamará la atención de tus clientes.
Superposiciones estilo bokeh (JPG, PFG, ATN)



Este producto contiene un fondo rosa con efecto bokeh, una superposición azul estilo bokeh, imágenes con efecto bokeh dorado y mucho más. Todas las texturas son archivos JPEG de alta resolución y vienen con una acción de Photoshop de efecto bokeh.
¿Quieres aprender cómo crear una acción de Photoshop de efecto bokeh o cómo crear brillantina resplandeciente? Echa un vistazo a estos increíbles tutoriales:


Adobe PhotoshopCómo crear una acción de Photoshop de efecto bokehMelody Nieves

Acciones de PhotoshopCómo crear una acción de Photoshop de efecto de brillantinaMarko Kožokar

Adobe PhotoshopCómo crear un pincel de Photoshop de partículas de luzJonathan Lam

Efectos fotográficosCómo crear un efecto de superposición de destellos en PhotoshopMonika Zagrobelna