Como converter um PNG transparente colorido em PNG transparente branco (não em preto e branco)?

8

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?

adobe-photoshop png

Isso está no tópico? Não vejo nenhuma relevância para a fotografia. Super Usuário seria melhor?

— Reid

Acho que isso não está no tópico, receio, não é uma questão relacionada à fotografia.

Sinto muito, mas isso não é tópico aqui no Photo.SE. Não lidamos com CSS ou edição geral de imagens, e isso se enquadra nessas duas categorias (apesar do uso do photoshop.) Você pode obter melhores resultados em superuser.com. Você também pode tentar visitar os sites em area51.stackexchange.com e verificar se existe um site beta que pode oferecer uma melhor ajuda. Vou fechar esta questão como fora de tópico.

— jrista

Alguém já o postou, parece que adicionar um estilo de camada "Sobreposição de cores" deve ser a melhor e mais rápida solução, mas ... depende do tipo de conteúdo da imagem, você gostaria de atualizar adicionando uma visualização do png original ou algo assim? podemos ajudá-lo melhor? Obrigado!

— Sam

11

Duas abordagens diferentes:

Use o Magic wandseletor para selecionar a área transparente (como uma seleção não contígua)
Inverter a seleção
Desenhe um retângulo branco preenchido sobre o ícone ou Filla seleção com branco
- a seleção deve impedir edições fora da área do ícone.

OU

Bloqueie a camada alfa / transparência. (Isso deve ser feito na paleta de camadas)
Desenhe um retângulo branco preenchido sobre o ícone ou Filla imagem com branco
- o bloqueio de transparência evita alterações na transparência (ou seja, o canal alfa)

texto alternativo

De qualquer forma, não tenho certeza de como o resultado será útil para você.

— Farray
fonte

1

Eu acho que o último método é mais rápido e preciso, recomendo!

— Jari Keinänen

por que não adicionar o estilo da camada -> sobreposição de cores ao branco?

— Sisir

6

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 maskda 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.

— Jari Keinänen
fonte

5

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.

Fn+ F7ou F7(abra o painel de camadas)
ALT+ CMD+ a (selecione todas as camadas)
CMD+ g(coloque as camadas em uma pasta)
CMD+ SHIFT + n(crie uma nova camada)
CMD+ ](move a nova camada para fora da pasta)
d (muda para as cores preto e branco padrão bg e fg)
CMD+ delete(preenche a nova camada com branco)
ALT+ CMD+ g(recorta a nova cor na camada ou pasta imediatamente abaixo dela)

— jaime
fonte

+1 para uma abordagem não destrutiva "pressionável por ação".

— Farray