Consejos e ideas para diseñar con imágenes borrosas
"El logro supremo es desdibujar la línea entre el trabajo y el juego".
- Arnold Toynbee
El tema de la 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 usar los 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 adecuadamente el desenfoque selectivo.
Explore los recursos de diseño
Desenfoque para que el texto sea legible
Siempre que tenga una imagen bastante ocupada, puede ser bastante difícil incorporar texto. El fondo fotográfico puede darle a su diseño un atractivo mucho mayor, pero 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 donde la presencia del primero está perjudicando la legibilidad del segundo.
Hay muchas maneras de abordar este problema. Como puede ver, agregué una sombra paralela, lo que ayudó, pero no en la medida en que realmente lo llamaría un producto terminado.
A continuación, intentemos agregar un desenfoque. Esta es una decisión difícil porque significa que matarás todos los detalles en esta hermosa imagen, ¡pero como diseñador tienes que estar abierto a hacer cambios radicales!
Aquí podemos ver que esto resolvió por completo nuestro problema. El texto ahora es bastante legible y realmente atrae su atención mientras permite que la imagen de fondo agregue mucho interés. Todavía puede distinguir la escena básica para que aún se beneficie de la belleza de la imagen, simplemente ha modificado esa estética para satisfacer mejor sus necesidades.
Recursos:
Imagen: Eneas De Troya
Fuente: Ribbon
Crea 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 agregar 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úrese de seleccionar la opción "Monocromática". Esto debería darte algo como esto:
Ahora configure esa capa en la pantalla y reduzca la opacidad a alrededor del diez por ciento. Luego crea una capa blanca y lleva su opacidad a alrededor del 15 por ciento. El resultado será otra versión única del diseño original.
Localizar The Blur
Tenga en cuenta que no tiene que desdibujar todo. Todavía 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 en el que la imagen de fondo es excelente, pero realmente destruye nuestro texto. Sin embargo, con un poco de desenfoque selectivo, podemos mantener la increíble foto y hacer que nuestro texto sea un poco más legible.
Consejos para localizar el desenfoque
Lo mejor de esta técnica es que a menudo ni siquiera tiene que fingir. Muchas fotos proporcionan una separación completamente natural de enfoque y desenfoque, intente mantener el texto y otros elementos confinados al área borrosa para obtener un efecto similar al anterior.
Si está desenfocando selectivamente una parte de una imagen, tenga cuidado de reducir la opacidad de su 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: crea 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: Convierte la máscara en una selección.
- Paso 4: regrese a la imagen original y ahora aplique el desenfoque utilizando la selección activa.
Este proceso puede parecer un dolor, pero generalmente proporcionará resultados mucho mejores que simplemente enmascarar la capa de desenfoque.
Recursos:
Imagen: Dave Conner
Fuente: Homestead
Crear un efecto de cambio de inclinación
En los últimos años, la fotografía con cambio de inclinación realmente ha despegado. La mayoría de las veces, no es un caso del fotógrafo que usa una lente de cambio de inclinación, sino una idea de último momento en el paso de procesamiento posterior.
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 agregamos un efecto de cambio de inclinación, de repente el grupo principal de edificios en el centro realmente atrae nuestros ojos. En general, la imagen se siente más fácil de ver e instantáneamente nos damos cuenta de hacia dónde dirige el diseñador nuestra atención.
Recursos:
Imagen: Nosha
Fuente: Avión
Desenfoque de color
A menudo, utilizo una foto simplemente 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.
Tome la siguiente imagen como ejemplo. Los colores cálidos son muy intensos y hay mucho contraste para trabajar. La foto es tan hermosa que podrías 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 difuminaremos todo el fondo. Sin embargo, esta vez queremos aumentar la fuerza del desenfoque para que se pierdan todos los detalles. El resultado es una imagen de fondo agradable y única que requirió muy poco esfuerzo para crearla.
Recursos:
Imagen: Leland Francisco
Fuente: Vevey
Prueba diferentes desenfoques
Mientras experimentas con el desenfoque en tu diseño, no te dejes atrapar por la trampa de seguir 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 la imagen de manera diferente, incluso mezcle desenfoques para ver qué sucede. Estos son algunos de los principales tipos de desenfoques 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 se encuentre en una situación 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.
¿Has 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.
