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

1146
3498DB

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

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

увядать

1
У меня нет фотошопа, поэтому я не могу проверить это: http://www.mediacollege.com/adobe/photoshop/transparent/gradient.html hyperslug 14 лет назад 0

3 ответа на вопрос

1
Guffa

Как это:

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

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

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

Да, но как создать такую ​​прозрачность изображения? 14 лет назад 0
0
Neros

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

Хотя это может теоретически ответить на вопрос, [было бы предпочтительнее] (http://meta.stackexchange.com/q/8259) включить сюда основные части ответа и предоставить ссылку для справки. Tom Wijsman 13 лет назад 0

Похожие вопросы