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

1

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

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

увядать

adobe-photoshop javascript css багор
источник
У меня нет фотошопа, поэтому я не могу проверить это: mediacollege.com/adobe/photoshop/transparent/gradient.html
hyperslug

Ответы:

1

Как это:

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

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

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

Артём
источник
Да, но как создать такую ​​прозрачность изображения?