¿Cómo hacer un fundido transparente para el color debajo (es decir, debajo de la capa) en Photoshop?

1

Quiero hacer un desvanecimiento transparente para el color debajo para que sea posible cambiar el color dinámicamente (a través de JS) sin perder el efecto del desvanecimiento. ¿Cómo haría para hacer eso en Photoshop?

Ver la siguiente imagen:

Descolorarse

adobe-photoshop javascript css

— Garfio
fuente

No tengo Photoshop, así que no puedo probar esto: mediacollege.com/adobe/photoshop/transparent/gradient.html

— hyperslug

1

Me gusta esto:

Crea una nueva imagen.
Cree una nueva capa de degradado: Capa> Nueva capa de relleno> Degradado
Haga clic en Aceptar.
Establezca el estilo en lineal y el ángulo en 90.
Haga doble clic en el gradiente.
Establezca la opacidad para la parada más a la izquierda en 0% y la opacidad para la parada más a la derecha en 100%.
Establezca el color para ambas paradas en el mismo tono gris que desea para el color sólido.
Haga clic en Aceptar.
Use Guardar para Web para guardar la imagen como PNG.

— Guffa
fuente

@Guffa, si no selecciona un color para ambas paradas, ¿tendrá la imagen una transparencia alfa degradada?

— hyperslug

@hyperslug: ambas paradas siempre tendrán un color, no puede no seleccionar un color. Si no usa el mismo color para ambos, también obtendrá un degradado de color junto con el desvanecimiento. Es el gradiente de opacidad que hace que el efecto de fundido que está en interrested.

— Guffa

0

En general, estas preguntas pertenecen al superusuario. Pero puedo decir una cosa. Debe usar la transparencia en la imagen, por lo que recuerdo, IE no admite la transparencia de PNG o al menos la transparencia "fina" (depende de la versión que necesite admitir). AFAIK IE solo admite transparente o no y comienza con IE7.

Es posible que desee utilizar alguna biblioteca de procesamiento de imágenes JS.

— Artyom
fuente

Sí, pero ¿cómo hacer ese tipo de transparencia en la imagen?

0

javascript + http://www.w3schools.com/Css/css_image_transparency.asp

— Neros
fuente

Si bien esto puede responder teóricamente la pregunta, sería preferible incluir aquí las partes esenciales de la respuesta y proporcionar el enlace para referencia.

— Tamara Wijsman