Como tornar transparente o desbotamento por baixo da cor (ou seja, abaixo da camada) no Photoshop?

Question

Eu quero fazer um fade transparente para a cor abaixo, para que seja possível alterar a cor dinamicamente (por meio de JS) sem perder o efeito do desbotamento. Como eu faria isso no Photoshop?

Veja a seguinte imagem:

    

Answer 1

Assim:

1. Crie uma nova imagem.
2. Crie uma nova camada de gradiente: Layer > Nova camada de preenchimento > Gradiente
3. Clique em OK.
4. Defina o estilo como linear e o ângulo como 90.
5. Clique duas vezes no gradiente
6. Defina a opacidade para a parada mais à esquerda como 0% e a opacidade para a parada mais à direita como 100%.
7. Defina a cor de ambas as paradas para o mesmo tom de cinza desejado para a cor sólida.
8. Clique em OK.
9. Use Salvar para a Web para salvar a imagem como PNG.

Answer 2

Geralmente, essas perguntas pertencem ao superusuário. Mas eu posso dizer uma coisa. Você precisa usar a transparência na imagem, tanto quanto eu me lembro o IE não suporta transparência de PNG ou pelo menos transparência "fina" (depende da versão que você precisa para suporte). AFAIK IE suporta apenas transparente ou não e começando com o IE7.

Você pode querer usar alguma biblioteca de processamento de imagem JS.

    

Answer 3

javascript + link