André Sugai
Descrição: Hoje veremos 5 maneiras de destacar seu textos em fundos que dificultam a leitura, para isso usaremos diversas técnicas utilizando recursos simples do Photoshop.
(adsbygoogle = window.adsbygoogle || []).push({});
1. Color Overlay
Como podemos ver na imagem o texto está bastante difícil de ser lido por causa da distração que o fundo causa. Há inúmeros detalhes, especialmente em torno da área do menu. O texto “Buffalo Wings” fica completamente perdido por causa do fundo desordenado.
Para melhorar esta imagem clique na layer abaixo da layer de texto e pressione Ctrl+Shift+N, dê o nome de Color Overlay para a nova layer e pressione Ok, pressione a letra I do teclado para selecionar a Eyedropper Tool, clique em uma cor qualquer (de preferência escura) na imagem.
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
Pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida, defina a opacidade da layer em 50%.
Como você pode ver o contraste entre a palavra e o fundo se tornou muito maior dando destaque para o texto.
2. Drop Shadow
Imagine este exemplo. Você tem uma fonte altamente detalhada sobre um fundo de área escura e sem nenhum contraste, o que fazer?
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
Neste caso a primeira coisa que faremos é mudar a cor da fonte para branco.
Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.
Com a mudança da cor e aplicação do Drop Shadow conseguimos um contraste muito maior e salvamos a leitura da palavra.
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
3. Linhas
Esta é uma das maneiras mais fáceis para melhorar o contraste e chamar a atenção do leitor para a palavra em destaque. Basta adicionar duas linhas brancas acima e abaixo da mensagem, isso dá uma melhor distinção entre o fundo e o texto.
Adicione duas linhas, com isso você consegue muito mais atenção em seu texto do que no fundo da imagem.
4. Shape
Outra forma de melhorar o contraste é adicionar um shape com cor de contraste atrás do texto. Como podemos ver aqui a imagem inicialmente tem pouco ou nenhum contraste. O texto é muito difícil de ser lido e se perde em meio aos detalhes do edifício.
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
Pressione a letra U do teclado para selecionar a Custom Shape Tool, escolha um shape, certifique-se de que a opção Shape esteja selecionada, defina a cor de contraste e a largura da borda.
Crie o shape atrás da palavra e defina a opacidade do shape em 57%.
O resultado final traz muito mais leitura para o texto sem perder a informação da imagem de fundo.
5. Fundo desfocado
O quinto e último método é desfocar o fundo de sua imagem, para este exemplo temos a imagem abaixo onde o texto está difícil de ler e não conseguimos distinguir o fundo do texto.
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
Clique com o botão direito do mouse sobre a layer da imagem e escolha a opção Convert to Smart Object.
Agora vá em Filter> Blur> Gaussian Blur.
Defina os valores abaixo e pressione Ok.
Com isso você ganhará muito mais leitura em seu texto.
Site de origem: http://www.photoshopstar.com/basics/improve-contrast-when-placing-text-over-images/
