Como alterar a cor de uma imagem para o seu HTML5 e CSS3 site

Frequentemente, você terá uma imagem que é ótimo para o seu HTML5 e CSS3 local, mas não a cor certa. Por exemplo, você pode querer mudar a cor da pele de uma pessoa, ou fazer parte de um logotipo caber o esquema de cores do resto do seu site. Gimp faz realizar este efeito bastante fácil:

  1. Coloque sua imagem começando em Gimp e fazer outras adaptações que deseja a imagem original.

  2. Use a ferramenta Seleção Difusa para selecionar a parte que deseja modificar.

    Você pode precisar usar a tecla Shift para adicionar diversas variantes da cor para a seleção.

  3. Use o comando Copiar (Ctrl + C) para copiar a seção da imagem que você acabou de selecionar.

  4. Use o comando Colar (Ctrl + V) para colar a área selecionada em uma nova camada.

    A área colada vai para um novo # 147-pseudo-camada # 148- por padrão. No painel Camadas, você verá uma camada chamada seleção flutuante - camada colado. Clique no botão New Layer e você vai criar uma nova camada que contenha apenas a seção que você precisa.

  5. Colorir a nova camada de aplicar o filtro Colorize (Cores-Colorize).

    Brincar com os controles deslizantes de cor até obter a cor desejada. Porque você fez as alterações em uma nova camada, você sempre pode remover ou ocultar a camada de voltar ao original. (Ou ter várias camadas de cores diferentes, assim você pode jogar com várias opções.)

Aqui está um exemplo desta técnica usando uma imagem de um copo de suco de laranja por Graur Razvan Ionut encontrada em FreeDigitalPhotos.net. A imagem original continha apenas a imagem de suco de laranja, mas o copo de suco foi duplicada e a cor do segundo copo alterado para se parecer com café.

image0.jpg

menu