Estoy tratando de crear dos estados para una imagen. Tengo un icono png transparente de color y necesito un duplicado que sea un png transparente 'blanco'. Esto se usará para un efecto de mouseover en CSS (desvanecimiento de uno a otro). He visto el resultado final de esto antes, pero no estoy seguro de cómo producirlo yo mismo.
Yo no necesito B & W o desaturación, pero necesito versión transparente pura 'blanco' que cuando una sola capa de color se pone debajo de ella a continuación, los detalles del icono blanco transparente se muestra.
¿Alguien puede decirme cómo lograr esto en Photoshop o similar?
Respuestas:
Dos enfoques diferentes:
Magic wand
selector para seleccionar el área transparente (como una selección no contigua)Fill
la selección con blancoO
Bloquee la capa de transparencia / alfa. (Esto debe hacerse desde la paleta de capas)
Dibuje un rectángulo relleno de blanco sobre el icono o
Fill
la imagen con blancoDe cualquier manera, no estoy seguro de cómo el resultado será útil para usted.
fuente
La respuesta de Roddy da un método muy rápido, pero destructivo.
Si desea mantener capas, incluso solo la capa de fondo, en sus archivos de origen, considere crear una nueva capa completamente blanca que sea
Clipping mask
para la capa de iconos en sí. Si luego necesita editar la capa de iconos, el uso de la máscara de recorte siempre llenará los nuevos píxeles con blanco o eliminará los innecesarios.Cuando esté a punto de exportar el icono, puede alternar la visibilidad de la máscara de recorte para exportar ambos png desde el mismo archivo de origen.
fuente
En ocho pulsaciones de teclas. Esta solución requiere CS4 o superior.
Si su imagen es una sola capa, solo realice los pasos 4 y 6-8. En Windows use CTRL en lugar de CMD.
fuente