Estou tentando criar dois estados para uma imagem. Tenho um ícone png transparente em cores e preciso de uma duplicata dele que é um png transparente 'branco'. Isso será usado para um efeito de mouseover em CSS (desvanecendo-se de um para o outro). Eu já vi o resultado final disso antes, mas não tenho certeza de como realmente produzi-lo.
Eu não preciso de B & W ou desat, mas precisará da versão transparente 'branco' puro que quando uma única camada de cor é colocado debaixo dela, em seguida, detalhe do ícone branco transparente é mostrado.
Alguém pode me dizer como conseguir isso no photoshop ou similar?
Respostas:
Duas abordagens diferentes:
Magic wand
seletor para selecionar a área transparente (como uma seleção não contígua)Fill
a seleção com brancoOU
Bloqueie a camada alfa / transparência. (Isso deve ser feito na paleta de camadas)
Desenhe um retângulo branco preenchido sobre o ícone ou
Fill
a imagem com brancoDe qualquer forma, não tenho certeza de como o resultado será útil para você.
fonte
A resposta de Roddy fornece um método muito rápido, mas destrutivo.
Se você deseja manter camadas - mesmo apenas a camada de plano de fundo - em seus arquivos de origem, considere criar uma nova camada totalmente branca que seja
Clipping mask
da própria camada de ícones. Se você precisar editar a camada de ícones posteriormente, o uso da máscara de recorte sempre preencherá os novos pixels com branco ou removerá os desnecessários.Quando você estiver prestes a exportar o ícone, poderá alternar a visibilidade da máscara de corte para exportar os dois pngs do mesmo arquivo de origem.
fonte
Em oito pressionamentos de teclas. Esta solução requer CS4 ou superior.
Se a sua imagem for uma única camada, siga as etapas 4 e 6-8. No Windows, use CTRL em vez de CMD.
fonte