no , , , ,

Como melhorar o contraste entre texto e fundo em suas composições

Preview 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.

tutoriaisphotoshop.net

(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.

tutoriais photoshop

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.

tutoriais photoshop

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%.

tutoriais photoshop

Como você pode ver o contraste entre a palavra e o fundo se tornou muito maior dando destaque para o texto.

tutoriais photoshop

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?

tutoriais photoshop

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.

tutoriais photoshop

Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriais photoshop

Com a mudança da cor e aplicação do Drop Shadow conseguimos um contraste muito maior e salvamos a leitura da palavra.

tutoriais photoshop

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.

tutoriais photoshop

Adicione duas linhas, com isso você consegue muito mais atenção em seu texto do que no fundo da imagem.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

Crie o shape atrás da palavra e defina a opacidade do shape em 57%.

tutoriais photoshop

O resultado final traz muito mais leitura para o texto sem perder a informação da imagem de fundo.

tutoriais photoshop

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.

tutoriais photoshop

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.

tutoriais photoshop

Agora vá em Filter> Blur> Gaussian Blur.

tutoriais photoshop

Defina os valores abaixo e pressione Ok.

tutoriais photoshop

Com isso você ganhará muito mais leitura em seu texto.

tutoriais photoshop

Site de origem: http://www.photoshopstar.com/basics/improve-contrast-when-placing-text-over-images/

Dollar Photo Club

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

dezesseis + doze =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

De Staat – Witch Doctor

HyperX participa da BGS com lançamentos, premiação do “Preparando Campeões powered by HyperX” e muitas máquinas para visitantes ‘mitarem’