Skip to content

Recolorindo elementos e combinando cores

setembro 3, 2009
by

Hoje vim mostrar algumas dicas para combinar as cores em um layout. Um recurso que acho bem bacana é o comando Replace Color, que modifica a cor de um elemento de maneira seletiva. Vejamos esse coração da Lili, composto de três cores diferentes.

O que fazer se uma das cores do elemento não cair bem com a página que estamos criando? Abra o arquivo no Photoshop e vá em Image / Adjustments / Replace Color… (clique para ampliar).

Na janela que se abrirá:

1 –  selecione o contagotas com o sinal de + e clique em toda a área da cor que deseja mudar (eu vou selecionar a cor verde).
2 – escolha a cor desejada clicando no swatch da área Replacement (escolhi o vermelho).
3 – ajuste os níveis de Hue, Saturation e Lightness.

Aqui o resultado final:

Deixe a opção preview sempre marcada, assim você tem condições de avaliar o processo. Os contagotas podem ser utilizados a qualquer momento, o + para adicionar áreas a serem recoloridas e o – para excluir as áreas, caso você clique sem querer ou veja que o resultado não ficou tão legal assim.

Outro comando que eu gosto muito de usar é o Match Color. Com este comando é possível alterar a cor de papéis e elementos, de forma a combinar com outra camada dentro do seu arquivo .psd. Quando comecei este layout eu tinha em mente usar um papel estampado que tivesse as cores bem parecidas com as da foto. Veja como fazer isso:

Selecione o papel e vá em Image / Adjustments / Match Color… (clique na imagem para ampliar).

No campo Image Statistics da janela que se abrirá (clique para ampliar):

1) Source: defina o arquivo .psd onde deseja fazer a combinação. Pode ser tanto o arquivo que você está trabalhando ou outro que esteja salvo no micro.
2) Layer: escolha com qual camada o objeto selecionado irá combinar. No meu exemplo eu selecionei o papel e escolhi para este setting o layer da foto.

Em Image Options:

3) Se necessário regule os valores de luminance, color intensity e fade para chegar no resultado desejado.

O papel combinando com as cores da fotografia ficou assim:

Se você gostou das dicas de hoje, recomendo essas duas leituras complementares sobre o assunto:

Elemento de cara nova by Deca
Mudando as cores dos elementos by Mic

Um abraço e até mais!

Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s

%d blogueiros gostam disto: