Перетворити зображення в маску

У мене зелене фонове зображення з тінями. Я хотів би використовувати його як маску, щоб я міг розмістити її на тлі будь-якого кольору (наприклад, червоного або рожевого) і отримати той самий стиль тіней.

Я спробував перетворити його у відтінки сірого і змінити непрозорість до 20%, але це призвело до набагато темнішого зображення.

Я використовую це на веб-сторінці, де адміністратор може встановити колір шаблону. Тоді я використовую щось подібне в CSS:

background: #557d0d url("img/background.png") center center;

Використання Gimp 2.8.6 на Ubuntu.

Можна знежирити зображення за допомогою Colors > Desaturate.... Далі використовуйте Colors > Color to Alpha...для усунення сірого, що робить його темнішим ( #808080).

Встановіть непрозорість на 40%, і це має робити.

Я щойно зробив невеликий тест із створеним веб-сайтом:

Не можна точно тиражувати зображення, використовуючи лише маскуваний шар сірого на суцільному кольоровому тлі, оскільки відтінок зеленого кольору також змінюється уздовж вертикального градієнта.

Ви можете зблизитися, лише вибравши один із середніх зелених відтінків із середини зображення інструментом «Піпетка», максимізуючи його насиченість та значення та перетворивши цей колір прозорим за допомогою інструменту « Шар → Прозорість → Колір у Альфа ... ». Однак це дозволить залишити ваш шар із кольоровими відливками вгорі та внизу, чого ви, можливо, не захочете.

Кращим рішенням може бути розкладання зображення на відтінок, насиченість та значення (HSV), відкидання каналу відтінку та реконструкція каналів насичення та значення в маску сірого масштабу, яку можна покласти поверх будь-якого чистого насиченого кольору, щоб відтворити насиченість та значення оригінального зображення з новим відтінком.

Один із способів зробити це:

1. Використовуйте інструмент Кольори → Компоненти → Розкласти ... , щоб розкласти зображення на шари, використовуючи режим HSV.

2. Видаліть шар відтінку. Ми не будемо ним користуватися.

3. Виберіть шар насичення, відкрийте діалогове вікно Шару → Маска → Додати маску шару ... , встановіть режим "Копія шару сірого" та встановіть прапорець "Інвертувати маску".

4. Повторіть крок 3 також для рівня значень.

5. Використовуючи інструмент для заповнення відра (у режимі «Заповнити весь вибір»), заповніть рівень значення ( не його маску!) Усім чорним, а шар насичення - усім білим.

6. Перемістіть шар значення над шаром насичення в стеку.

7. За бажанням об'єднайте шари разом із зображенням → Об’єднати видимі шари ... або з шарами → Злитися вниз .

Отримане напівпрозоре зображення сірого кольору має виглядати так:

^{Натисніть, щоб завантажити / переглянути в повному розмірі.}

Хитрість полягає в тому, що після кроків 3–5:

• шар "насичення" буде чисто білим, коли вихідний колір був 0% насиченим, і прозорим, де він був 100% насиченим, і
• шар "значення" буде чисто чорним, де вихідний колір мав значення 0%, і прозорим, де він мав 100% значення.

Розміщення цих двох шарів (або їх об'єднаної комбінації) поверх чистого насиченого кольорового фону потім повторює процес перетворення кольору HSV в RGB: ви починаєте з чистого насиченого кольору правильного відтінку, змішуєте достатньо білого, щоб отримати бажаний насичення, а потім змішайте досить чорного кольору, щоб отримати бажане значення.

Ось як виглядає отримане зображення на різних кольорових фонах:

^{Кольори: зелений ( #83ff00), синій ( #00aeff), помаранчевий ( #ffa200), червоний ( #ff002a).}

У програмі Gimp ви можете зробити те саме, що відповідь у фотошопі, використовуючи колір у альфа . Я рекомендую все-таки знежирити, а потім встановити білий колір на альфа, якщо у вас є більше одного кольору. Схоже, є синя / жовта варіація. Ключові кроки:

1. знезаражуйте зображення, щоб у вас було зображення із сірим кольором
2. встановіть білий (ви можете ввести #FFFFFF для білого в кольорі вибору кольору) на альфа
3. збережіть як png, щоб ви зберегли прозорість

• Відкрийте панель каналів.

• Вирішіть, який канал надасть вам ступінь контрасту, яку ви шукаєте.

Спосіб 1:

• Виберіть Image > Calculationsі використовуйте канал, який ви вибрали як джерело 1, той самий канал або "сірий", як джерело 2, і "звичайний", як режим змішування. Виберіть "Новий документ" як пункт призначення.

• Змініть режим нового документа на RGB або відтінки сірого та збережіть як png чи jpeg.

Спосіб 2:

• Ctl / Cmd клацніть на ескізі каналу, який ви обрали.

• Edit > Copy або Ctl / Cmd-C

• File > New, прийміть розміри, Edit > Pasteабо Ctl / Cmd-V

• Видаліть фоновий шар.

• Image > Mode > RGB

• Зберегти як 24-бітний png з прозорістю.

Ви можете використовувати будь-яке отримане зображення як накладку або як альфа-канал, коли це потрібно.

Двічі клацніть на шарі, з'явиться вікно стилю шару, у лівій частині знайдіть та виберіть Градієнт Накладення та змініть колір градієнта відповідно до ваших потреб та натисніть кнопку ОК, а потім у градієнтному полі накладки змініть стиль лінійного та змініть кут та масштаб відповідно до ваша потреба.