Consejos e ideas para diseñar con imágenes borrosas

"El logro supremo es difuminar la línea entre el trabajo y el juego".
- Arnold Toynbee

El tema de discusión de hoy es fotos borrosas. No, no del tipo que tomas accidentalmente porque tus hijos no se quedan quietos. El tipo intencional, cuyo uso puede servir para varios propósitos prácticos en el diseño.

Aprenderemos todo sobre cómo utilizar efectos de desenfoque para ayudar a que el texto sea más legible, dirigir la atención del espectador y hacer que los fondos sean más divertidos. También veremos algunos tipos diferentes de desenfoques y cómo aplicar correctamente el desenfoque selectivo.

Desenfoque para hacer el texto legible

Siempre que tenga una imagen bastante ocupada, puede ser bastante difícil incorporar texto. El fondo fotográfico podría darle a su diseño un atractivo mucho mayor, pero se está sacrificando demasiado si está dispuesto a matar su legibilidad por el bien de la estética.

Considere el siguiente diseño:

Esta es una pieza bonita. El fondo es muy llamativo y el texto proporciona un buen punto focal. Desafortunadamente, los dos forman una relación algo competitiva en la que la presencia del primero perjudica la legibilidad de este último.

Hay muchas maneras de abordar este problema. Como puede ver, agregué una sombra paralela, que ayudó, pero no en la medida en que realmente lo llamaría un producto terminado.

A continuación, vamos a tratar de añadir un desenfoque. Esta es una decisión difícil porque significa que estarás matando todos los detalles en esta hermosa imagen, pero como diseñador, tienes que estar abierto a hacer cambios radicales.

Aquí podemos ver que esto solucionó completamente nuestro problema. El texto ahora es bastante legible y realmente se enfoca en tu enfoque, a la vez que permite que la imagen de fondo agregue mucho interés. Aún puede distinguir la escena básica, por lo que aún se beneficia de la belleza de la imagen, simplemente ha modificado la estética para adaptarse mejor a sus necesidades.

Recursos:

Imagen: Eneas De Troya
Fuente: Cinta

Crear un efecto de vidrio esmerilado

Podemos llevar este efecto aún más lejos al pensar en una especie de metáfora de vidrio esmerilado. Para lograr esto, además de un desenfoque, podríamos lanzar una capa blanca y una capa de ruido.

Cree una capa negra sólida en Photoshop y luego vaya a Filtro> Ruido> Agregar ruido. Asegúrate de seleccionar el? Monocromático? opción. Esto debería darte algo como esto:

Ahora configura esa capa a la pantalla y reduce la opacidad a alrededor del diez por ciento. Luego cree una capa blanca y aumente su opacidad a alrededor del 15 por ciento. El resultado será otra versión única del diseño original.

Localizar el desenfoque

Tenga en cuenta que no tiene que confundir todo. Aún puede ayudar a la legibilidad de su texto sin matar la historia contada por la imagen. Considere el siguiente ejemplo:

Aquí, una vez más, tenemos un caso donde la imagen de fondo es excelente, pero realmente destruye nuestro texto. Sin embargo, con un poco de desenfoque selectivo, podemos mantener la foto impresionante y hacer que nuestro texto sea un poco más legible.

Consejos para localizar el desenfoque

Lo bueno de esta técnica es que a menudo ni siquiera tienes que fingirla. Muchas fotos brindan una separación completamente natural de enfoque y desenfoque, intente mantener el texto y otros elementos confinados en el área borrosa para obtener un efecto similar al de arriba.

Si desenfoca selectivamente una parte de una imagen, tenga cuidado de reducir la opacidad de la capa de desenfoque, ya sea de manera uniforme o gradual a través de una máscara. En general, esto te dará algunos resultados bastante feos. Intenta esto en su lugar:

  • Paso 1: Hacer una capa de desenfoque rápido.
  • Paso 2: aplique una máscara y use un degradado en el mástil para atenuar el desenfoque.
  • Paso 3: Convertir la máscara a una selección.
  • Paso 4: Vuelva a la imagen original y aplique el desenfoque utilizando la selección activa.

Este proceso puede parecer un dolor, pero por lo general proporcionará resultados mucho mejores que enmascarar la capa borrosa.

Recursos:

Imagen: Dave Conner
Fuente: Granja

Crear un efecto de cambio de inclinación

En el último par de años, la fotografía de cambio de inclinación realmente ha despegado. La mayoría de las veces, no se trata de que el fotógrafo utilice una lente de cambio de inclinación, sino que es una ocurrencia tardía en el paso de postprocesamiento.

Como ejemplo, digamos que estábamos trabajando en el siguiente diseño. No tiene nada de malo, pero la imagen no es tan llamativa como podría ser.

Si lanzamos un efecto de cambio de inclinación, de repente, el grupo principal de edificios en el centro realmente llama la atención. En general, la imagen se ve más fácil de ver y al instante percibimos hacia dónde el diseñador dirige nuestra atención.

Recursos:

Imagen: Nosha
Fuente: Avión

Desenfoque para el color

A menudo es el caso que uso una foto únicamente por el bonito esquema de colores que ofrece. No estoy necesariamente interesado en el contenido, solo en la paleta natural que a menudo resulta de una buena fotografía.

Toma la siguiente imagen como ejemplo. Los colores cálidos son muy intensos y hay mucho contraste para trabajar. La foto es tan hermosa que puedes pensar que es una pena arruinarla, pero no todos los diseños requieren una foto de un campo al atardecer.

Al igual que en nuestro primer ejemplo, entraremos y desenfocaremos todo el fondo. Sin embargo, esta vez queremos aumentar la intensidad del desenfoque para que se pierdan todos los detalles. El resultado es una imagen de fondo agradable y única que tomó muy poco esfuerzo para crear.

Recursos:

Imagen: Leland francisco
Fuente: Vevey

Pruebe diferentes desenfoques

Mientras experimenta con el uso de desenfoque en su diseño, no se quede atrapado en la trampa de apegarse a una sola técnica.Photoshop y otros programas de edición de imágenes ofrecen muchas funcionalidades diferentes cuando se trata de filtros borrosos.

Pruebe cada desenfoque diferente que pueda encontrar para ver cómo afectan a la imagen de manera diferente, incluso mezcle desenfoques para ver qué sucede. Estos son algunos de los principales tipos de desenfoque con los que normalmente querrás jugar:

Imagen original

Desenfoque gaussiano

Desenfoque de lente

Desenfoque de movimiento

Desenfoque radial

Recursos:

Imagen: Dave Morrow
Fuente: Deming

Conclusión

Espero que esta breve discusión sobre trucos y técnicas de desenfoque te haga pensar en cómo aplicar de forma creativa el desenfoque en tus diseños. La próxima vez que esté en un lugar difícil con un texto ilegible en un fondo ocupado, vuelva a este artículo y eche un vistazo a los ejemplos anteriores para ayudarlo.

¿Ha visto algún ejemplo de desenfoque intencional utilizado recientemente en el diseño? Queremos verlos. Deje un enlace a continuación en la sección de comentarios y díganos qué piensa del ejemplo.