Как сделать прозрачное выцветание для нижнего цвета (т.е. под слоем) в Photoshop?

Я хочу сделать прозрачное затухание для нижнего цвета, чтобы можно было динамически менять цвет (с помощью JS), не теряя эффекта затухания. Как бы я поступил так в Фотошопе?

Смотрите следующую картинку:

Как это:

1. Создать новое изображение.
2. Создайте новый слой градиента: Слой> Новый слой заливки> Градиент
3. Нажмите ОК.
4. Установите стиль на линейный и угол до 90.
5. Дважды щелкните градиент
6. Установите непрозрачность для самого левого упора до 0%, а непрозрачность для самого правого упора до 100%.
7. Установите цвет для обеих остановок на тот же серый оттенок, который вы хотите для сплошного цвета.
8. Нажмите ОК.
9. Используйте Save For Web, чтобы сохранить изображение в формате PNG.

Как правило, эти вопросы принадлежат суперпользователю. Но я могу сказать одно. Вам нужно использовать прозрачность в изображении, насколько я помню, IE не поддерживает прозрачность PNG или, по крайней мере, «прекрасную» прозрачность (зависит от версии, которую вы должны поддерживать). AFAIK IE поддерживает только прозрачный или нет и начиная с IE7.

Вы можете использовать некоторую библиотеку обработки изображений JS.

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