Poco a poco el efecto bokeh se ha ido convirtiendo en uno de los recursos más frecuentes para conseguir gráficos atractivos. Con frecuencia, se utiliza sobre imágenes de fondo posicionadas en la cabecera o en el body de las home y de las landing pages, es decir, de aquellos espacios que esperan no sólo el mayor número de visitas sino también rebajar el porcentaje de rebotes.

Con ocasión de un proyecto reciente que hemos estado preparando para la gente de noalamonotonia.com, hemos tenido la oportunidad de probar distintas técnicas sobre distintas suites gráficas para conseguir ese efecto. Hemos visto también que la comunidad ha generado un montón de buenos tutoriales, ejemplos y patrones de texturas listos para usar. Así que hemos seleccionado varios de los recursos que más nos han gustado. A ver qué te parecen.

• Awesome digital bokeh effect in Photoshop, un tutorial de la gente de abduzeedo.com para producir el efecto en Photoshop en su forma más popular, es decir, sobre círculos
• Gimp Tutorial: Awesome Bokeh Effect in Gimp, otro buen tutorial, esta vez sobre GIMP, de Hafidz
• 5 Cool Desktop Backgrounds, 5 buenos ejemplos de Jason Marti de Photo into Painting efectos bokeh sobre corazones y luminiscencias lineales
• Bokeh, la entrada de la Wikipedia, con varios buenos ejemplos sobre fotografías
• Bokeh Effect in Web Design: 30 Excellent Examples and Tutorials, un buen listado de ejemplos funcionando en distintas webs