0

Всем привет.

Начинаю верстать макет и столкнулся с одной проблемой: цветокор фонового изображения в секции header не совсем соответствует картинке в Photoshop (см.скриншоты).

В самом макете изображение немного темнее (и при этом насыщеннее, что ли) благодаря Rectangle 1 (обведено кружочком).

Пробовал накинуть на само изображение слой с background: rgba(0, 0, 0, 0.1);, но это не то.

Хочу понять, как добиться (почти)полного совпадения. Надеюсь на вашу помощь.

введите сюда описание изображениявведите сюда описание изображения

5
  • Может фильтры помогут? filter: saturate(200%) 24 июл 2019 в 18:38
  • А как вы сделали то в итоге? Как изображение выглядит без фильтров?
    – Skywave
    25 июл 2019 в 4:44
  • Можно просто из фотошопа картинку с фильтрами вырезать =) или это спортивный интерес?
    – Skywave
    25 июл 2019 в 4:44
  • Изображение без фильтров выглядит как на первом скриншоте. 25 июл 2019 в 5:09
  • @Skywave, можно, но я не знаю, как. Да и хотелось понять, как это с помощью CSS провернуть ) 25 июл 2019 в 5:11

2 ответа 2

0

Растрируйте изображение в фотошопе, и вырежьте как обычную картинку.

Отметьте оба слоя -> Правый клик по слою -> преобразить в смарт-объект -> растрировать слой.

При сохранении для web (ctrl + shift + alt + s) поставьте галку "преобразовать в sRGB", чтобы цвета не потемнели. :)

1
  • Спасибо большое! Запомню на будущее :) 26 июл 2019 в 14:21
0

Из вопроса не ясно какие параметры смешивания слоёв установлены, но "на глаз" можно попробовать добится похожего результата используя CSS фильтры.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.