¿Cómo usar fotografías con desenfoque en sitios web?

0

Colocar imágenes en gran tamaño es una tendencia actual y funciona en todo tipo de sitios. El único requisito es encontrar una fotografía que realmente tenga una buena composición y vaya acorde a la marca. Por supuesto, antes de emplear una fotografía como fondo, debes preguntarte si realmente esto es adecuado para tu marca. Tal vez una ilustración sea mejor o prefieras un diseño tipográfico o sólo una textura simple como fondo. Todo depende de lo que quieras transmitir y de la personalidad de la marca, además de los recursos con los que cuentas para obtener una buena fotografía que de verdad se identifique con la marca. Así que si el cliente no te ha dado fotografías o dentro de su presupuesto no contempla la compra de fotografías profesionales en bancos de imágenes, entonces tal vez debas emplear otros recursos.

Sin embargo, si estás decidido a emplear una fotografía como fondo, te contamos sobre una técnica que podría funcionar a la perfección en tu sitio web. La mejor parte es que es bastante sencilla de aplicar.

El desenfoque de imagen como recurso

Cómo usar imágenes con desenfoque en sitios web: Desenfoque como recurso

Antes de pasar a explicar las ventajas y el empleo de esta técnica llamada desenfoque, es importante recalcar que el desenfoque no es un recurso para arreglar una fotografía. Como muchos recursos de edición, en primer lugar debes tener una composición interesante y que sea vea nítida para poder obtener un buen resultado. Si no tienes una buena fotografía, entonces deberías considerar otras opciones como usar texturas o colores enteros como fondo.

Si posees una buena fotografía, entonces puedes sacar mayor provecho de ella haciendo uso del desenfoque. Hay diversas maneras de emplearlo, las cuales te explicaremos a continuación.

Desenfoque de toda la fotografía

Cómo usar imágenes con desenfoque en sitios web: Desenfoque total

También puedes usar un desenfoque en toda la fotografía, por supuesto la fotografía tiene que estar relacionada con el sitio. Incluso puedes aplicar diferentes filtros de color para hacer tu fotografía más interesante o permitir que la tipografía pueda ser legible. Al realizar un desenfoque ligero en la fotografía, ayudas a que los usuarios se enfoquen en otros elementos y reconozcan la fotografía como un fondo. De igual manera es importante elegir una fotografía adecuada para que el estilo del sitio no se vea afectado.

Los beneficios de emplear este tipo de desenfoque son los siguientes:

  • Un fondo con desenfoque permite destacar los elementos que se encuentre sobre este fondo, ya sea texto o botones de llamada a la acción. Es importante tener en cuenta el contraste entre el fondo y la tipografía, así como elegir una tipografía que sea legible y que capte la atención de tus usuarios
  • Ya que se logra discernir la fotografía de fondo es perfecto para mantener la imagen de la marca, sin distraer a tus usuarios de los elementos más importantes en la composición de tu sitio (como pueden ser los botones de llamada a la acción)
  • Es una técnica que se puede emplear en todo tipo de sitios web. La única regla a tener en cuenta es elegir una fotografía adecuada

Desenfoque por capas

Cómo usar imágenes con desenfoque en sitios web: Desenfoque por capas

El desenfoque usualmente se usa en la fotografía sobre el fondo, para hacer destacar aún más el sujeto o el elemento más importante de la composición. Por supuesto, en un sitio web también se puede aplicar esta técnica y usar un desenfoque parcial, en donde sólo el fondo se encuentra desenfocado. Esto es perfecto si vas a realizar alguna fotografía de producto. En una composición, el fondo también es importante y debes pensar cuidadosamente en todos los elementos que deseas incluir, pero para darle mayor importancia a tu producto podrías usar un ligero desenfoque en el fondo.

Este efecto de desenfoque se puede lograr desde la misma toma con la cámara o aplicando filtros en programas para editar fotografías. En Photoshop se logra mediante el desenfoque gaussiano, los valores que coloques dependen realmente de tu fotografía y qué tanto desenfoque deseas darle a la foto. De esta manera, tu composición sigue siendo interesante, pero es mucho más sencillo que los usuarios se concentren sobre la verdadera estrella de la fotografía que has tomado: tu producto.

También puedes intentar un desenfoque más sutil en una parte específica de la fotografía para ayudar al usuario a enfocarse en los elementos más esenciales de la composición. Además, esta técnica es de utilidad, para enfocar las partes que se encuentran alrededor del elemento en el que has hecho la edición.

Los beneficios de emplear este tipo de desenfoque son los siguientes:

  • El desenfoque crea un contraste entre fondo y el sujeto de la fotografía, de manera que no sólo es más sencillo diferenciarlos sino también sentir la composición más equilibrada
  • Permite añadir sensación de profundidad a una fotografía y puede ser un efecto bastante interesante que cualquier otra toma

Desenfoque de alto valor

Cómo usar imágenes con desenfoque en sitios web: Desenfoque de alto valor

Si necesitas un fondo para tu sitio, pero te está costando trabajo hallar una combinación de colores o textura que se adecúe al estilo del sitio, puedes probar con un desenfoque de alto valor en toda la fotografía.

Por supuesto, el resultado final dejaría irreconocible tu fotografía inicial y es poco probable que el usuario pueda distinguir los elementos que forman parte de la composición. Entonces, ¿por qué querrías hacer un desenfoque de este estilo? Pus porque puede darle ese toque especial a tu página de inicio. Si eliges una fotografía que posee una buena combinación de colores, entonces tu resultado después del proceso de edición sería un fondo abstracto que posee una excelente paleta de colores.

En muchos sitios de aplicaciones se suele usar esta técnica y se suele agregar la fotografía antes de la edición como imagen inicial en un móvil. Esto funciona particularmente bien si la aplicación está directamente relacionada con la fotografía.

Los beneficios de emplear este tipo de desenfoque son los siguientes:

  • Permite que el enfoque se centre en el producto y se logra un fondo colorido y de gran atractivo
  • Puedes crear, de manera sencilla, un fondo personalizado en vez de usar un patrón o textura que vez en otros sitios web. Esto, por supuesto, mejora la imagen de marca

En conclusión

No existe una sola forma de emplear una fotografía con desenfoque en tus sitios web, el único reto es encontrar una fotografía que tenga una buena composición y analizar qué estilo de desenfoque es más conveniente para dicha fotografía. Lo mejor de todo es que como son efectos sencillos de lograr puedes realizar pruebas para verificar cómo se ve mejor tu sitio web.

Comparte este post.
Artículos Recomendados Para Tí:

Escribe tu comentario