Dicas e idéias para projetar com imagens desfocadas
"A conquista suprema é embaçar a linha entre trabalho e lazer."
- Arnold Toynbee
O tópico da discussão de hoje são fotos borradas. Não, não é o tipo que você acidentalmente toma porque seus filhos não ficam quietos. O tipo intencional, cuja utilização pode servir a vários propósitos práticos no design.
Aprenderemos tudo sobre como usar os efeitos de desfoque para ajudar a tornar o texto mais legível, direcionar a atenção do espectador e tornar os fundos mais divertidos. Também veremos alguns tipos diferentes de desfoque e como aplicar adequadamente o desfoque seletivo.
Explorar recursos de design
Desfoque para tornar o texto legível
Sempre que você tiver uma imagem bastante ocupada, pode ser bastante difícil incorporar o texto. O fundo fotográfico pode dar um apelo muito maior ao seu design, mas você está sacrificando demais se estiver disposto a matar sua legibilidade por causa da estética.
Considere o seguinte design:
Esta é uma peça bonita. O fundo é muito impressionante e o texto fornece um bom ponto focal. Infelizmente, os dois formam um relacionamento um tanto competitivo, onde a presença do primeiro está prejudicando a legibilidade do segundo.
Existem várias maneiras de abordar esse problema. Como você pode ver, adicionei uma sombra projetada, o que ajudou, mas não na medida em que eu realmente chamaria de produto acabado.
Em seguida, vamos tentar adicionar um desfoque. Esta é uma decisão difícil, porque significa que você estará matando todos os detalhes nesta bela imagem, mas como designer, você deve estar aberto a mudanças radicais!
Aqui podemos ver que isso resolveu completamente o nosso problema. O texto agora é bastante legível e realmente atrai o seu foco, enquanto ainda permite que a imagem de plano de fundo adicione muito interesse. Você ainda pode distinguir a cena básica para se beneficiar da beleza da imagem; simplesmente modificou essa estética para melhor atender às suas necessidades.
Recursos:
Imagem: Eneas De Troya
Fonte: Faixa de opções
Criar um efeito de vidro fosco
Podemos levar esse efeito ainda mais longe pensando em uma espécie de metáfora do vidro fosco. Para conseguir isso, além de um borrão, podemos lançar uma sobreposição branca e uma camada de ruído.
Crie uma camada preta sólida no Photoshop e vá para Filter> Noise> Add Noise. Certifique-se de selecionar a opção "Monocromático". Isso deve fornecer algo assim:
Agora defina essa camada para a tela e reduza a opacidade para cerca de dez por cento. Em seguida, crie uma camada branca e traga sua opacidade para cerca de 15%. O resultado será outra visão única do design original.
Localize The Blur
Lembre-se de que você não precisa desfocar tudo. Você ainda pode ajudar a legibilidade do seu texto sem matar a história contada pela imagem. Considere o seguinte exemplo:
Aqui, mais uma vez, temos um caso em que a imagem de fundo é ótima, mas realmente destrói nosso texto. No entanto, com um pouco de desfoque seletivo, podemos manter a foto incrível e tornar nosso texto um pouco mais legível.
Dicas para localizar o desfoque
O melhor dessa técnica é que você nem precisa fingir. Muitas fotos oferecem uma separação completamente natural do foco e do desfoque, tente manter o texto e outros elementos confinados à área embaçada para obter um efeito semelhante ao descrito acima.
Se você estiver desfocando seletivamente uma parte de uma imagem, tenha cuidado para reduzir a opacidade da camada de desfoque, uniforme ou gradualmente através de uma máscara. Geralmente, isso lhe dará resultados bastante feios. Tente isso:
- Etapa 1: faça uma camada de desfoque rápida.
- Etapa 2: aplique uma máscara e use um gradiente no mastro para diminuir o desfoque.
- Etapa 3: Converta a máscara em uma seleção.
- Etapa 4: volte para a imagem original e aplique o desfoque usando a seleção ativa.
Esse processo pode parecer doloroso, mas geralmente fornece resultados muito melhores do que simplesmente mascarar a camada de desfoque.
Recursos:
Imagem: Dave Conner
Fonte: Homestead
Criar um efeito de mudança de inclinação
Nos últimos dois anos, a fotografia com mudança de inclinação realmente decolou. Na maioria das vezes, não é o caso do fotógrafo usar uma lente tilt shift, mas sim uma reflexão tardia na etapa de pós-processamento.
Como exemplo, digamos que estávamos trabalhando no seguinte design. Não há nada de errado com isso, mas a imagem não é tão atraente quanto poderia ser.
Se lançarmos um efeito de mudança de inclinação, de repente o grupo principal de edifícios no centro realmente atrai nossos olhos. No geral, a imagem parece mais fácil de ver e instantaneamente sentimos como o designer está direcionando nossa atenção.
Recursos:
Imagem: Nosha
Fonte: Avião
Borrão de cor
Geralmente, uso uma foto exclusivamente para o belo esquema de cores que ela oferece. Não estou necessariamente interessado no conteúdo, apenas na paleta natural que geralmente resulta de uma boa fotografia.
Tome a imagem a seguir como exemplo. As cores quentes são muito intensas e há muito contraste com o qual trabalhar. A foto é tão bonita que você pode achar uma pena estragar, mas nem todo design exige uma foto de um campo ao pôr do sol.
Assim como no nosso primeiro exemplo, entraremos e desfocamos todo o plano de fundo. No entanto, desta vez queremos aumentar a força do desfoque para que todo e qualquer detalhe seja perdido. O resultado é uma imagem de plano de fundo agradável e exclusiva que exigiu muito pouco esforço para criar.
Recursos:
Imagem: Leland Francisco
Fonte: Vevey
Tente borrões diferentes
Enquanto estiver experimentando o uso de desfoque no seu design, não fique preso na armadilha de seguir uma única técnica. O Photoshop e outros programas de edição de imagens oferecem muitas funcionalidades diferentes quando se trata de filtros embaçados.
Tente cada desfoque diferente que você encontrar para ver como eles afetam a imagem de maneira diferente, e até misture desfoque para ver o que acontece. Aqui estão alguns dos principais tipos de borrões com os quais você normalmente deseja brincar:
Imagem original
Gaussian Blur
Lente fora de foco
Desfoque de movimento
Radial Blur
Recursos:
Imagem: Dave Morrow
Fonte: Deming
Conclusão
Espero que esta breve discussão sobre truques e técnicas de desfoque faça você pensar em como aplicar de forma criativa o desfoque em seus projetos. Na próxima vez que você estiver em uma situação difícil com algum texto ilegível em um plano de fundo movimentado, volte a este artigo e dê uma olhada nos exemplos acima para ajudá-lo.
Você viu algum exemplo de desfoque intencional sendo usado no design recentemente? Queremos vê-los. Deixe um link abaixo na seção de comentários e diga-nos o que você acha do exemplo.
