Como alterar a cor de uma imagem para a html5 e css3 local
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 encaixar o esquema de cores do resto do seu site. Gimp faz realizar este efeito bastante fácil:
Coloque sua imagem começando em Gimp e fazer quaisquer outras adaptações que deseja a imagem original.
Video: HTML (Aula 10) - Posicionando imagens e textos em nossas divs
Use a ferramenta Seleção Difusa para selecionar a parte que deseja modificar.
Você pode precisar usar a tecla Shift para adicionar várias variantes da cor para a seleção.
Use o comando Copiar (Ctrl + C) para copiar a seção da imagem que você acabou de selecionar.
Usar o comando Colar (Ctrl + V) para colar a área seleccionada para uma nova camada.
A área colada entra em um novo “pseudo-camada” 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.
Colorir a nova camada através da aplicação do filtro colOuir (Cores → colOuir).
Jogue 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 mudou a aparência de café.
