Перетворити на чотири відтінки, зберігаючи значення / яскравість у Photoshop


9

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

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

Я використовую Photoshop CS5

Це чотири значення відтінку HSB / HSV, які я хочу використовувати:

  1. 333
  2. 58
  3. 193
  4. 242

Ось як я хотів би перетворити відтінки:

Цільові значення HSV

Примітка: я змінив це питання з моменту першого публікації. Спочатку я помилково попросив відповіді зменшити зображення до чотирьох значень RGB , одночасно підтримуючи відтінки / значення у вихідному зображенні. Це, однак, неможливе завдання, оскільки значення RGB містять відтінки / яскравість та відтінки; відтінок і відтінок RGB нерозривно пов'язані.

Вдячно @Wolff зміг зрозуміти, що я маю на увазі, незважаючи на мою погану фразування, і разом з @Danielillo, @Ryan та @Emilie, він допоміг мені зрозуміти, що те, що я насправді прошу, - націлити чотири відтінки, а не чотири RGB значення. Потім він визначив чотири відтінки, що знаходяться в моїх значеннях RGB (у HSB / HSV). Ці значення HSB / HSV - це ті, кого я прошу відповіді орієнтуватись у перетворенні зображення (а не RGB).

Також, як зазначає @Wolff, у першій версії мого повідомлення я не вказував, як перетворити весь спектр HSB (у мене не було діапазонів, подібних до пурпурового). Оновлене запитання також включає той раніше пропущений діапазон.

Для тих, хто хоче зрозуміти корінь плутанини (справедливо висловлений деякими користувачами, які надали альтернативні відповіді), це були первісні 4 значення RGB, які я опублікував:

введіть тут опис зображення

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

Дякуємо @Emilie за те, що виставила щедрість за це! Мені справді було пошкоджено, що ніхто, здається, не міг відповісти на це раніше.


лише здогадка, але поєднання чорно-білого шару регулювання та градієнтної карти?
Вінсент

@ Вінсент не працюватиме, я не вірю. Насправді я не думаю, що відповідь спрацює. Його недосконала концепція.
Райан

Гаразд .. тоді вам не потрібні конкретні канали. Ви можете просто замаскувати шари і надмірно нанести колір .... Він поважатиме відтінки, якщо ви надішлете режим накладання на "відтінок" або "колір".
Скотт

Кольоризація проста (я б використовував градієнтні карти). Автоматичний вибір діапазонів відтінків і створення масок - це найскладніша частина. Я ще не думав про рішення для цього.
Марк Едвардс

1
@Emilie, Це зробило мені день, щоб побачити всі заручини, які запропонували ваші щедрості! Плюс я можу побачити результати (які я міг уявити лише раніше)! Навіть "неправильні" відповіді цікаві. Знову дякую!!
CoderScissorhands

Відповіді:


6

Як зазначають інші, логіка цього питання дещо хибна, але все ж дуже цікава.

Моя відповідь здебільшого ґрунтується на математиці RGB / HSB, і я визнаю, що існує багато сумнівних аспектів, коли мова йде про сприйнятий колір, кольорові профілі тощо, але я все-таки дам йому змогу.


Я маю на себе сміливо трохи переосмислити питання, щоб мати можливість відповісти на нього.

Перш за все, спектр, який ви нам показуєте, переходить від червоного до синього. Пурпурного відсутня - що робити з квітами в тій частині спектра?

Тож я розширюю ваш спектр, щоб включати пурпурові в обидва кінці.

Ще одна проблема, яку ми маємо - це ваш список із чотирьох відтінків, як ви його називаєте. Вони не просто відтінки , це кольори з індивідуальними значеннями насиченості та яскравості . Це не має великого сенсу, якщо ми порівнюємо їх з спектром, тому нам доведеться "зменшити їх до відтінків", змінивши насиченість і яскравість на 100.


Ми будемо використовувати фільтр HSB / HSL (його потрібно завантажити з сайту Adobe) у Photoshop, щоб отримати відтінок зображення як альфа-маску. Потім ми будемо використовувати Gradient Map для зіставлення значень відтінку до потрібних значень, а потім перетворимо зображення назад у RGB за допомогою фільтра HSB / HSL знову.

Математика трохи фанкована, оскільки діапазон відтінку 0-360 ( і він обгортає), діапазон альфа 0-255, а діапазон зупинок градієнта - 0-100.

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

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

Візьмемо барвисте зображення і додамо спектр як еталон. (Зображення Майка Года з Pixabay).

Використання фільтра HSB / HSL дає нам такий відтінок каналу:

Я копіюю канал відтінку на новий документ у масштабі сірого (кольоровий профіль повинен бути сірою гамою 2.2 ), щоб мати можливість використовувати на ньому градієнтну карту. Я налаштував Градієнтну карту так:

Встановлення градієнтних зупинок вимагає трохи хитрування (з цим досить прикро). Я отримую значення з таблиці, яку я склав раніше. Всього 8 зупинок, деякі з них повинні перекриватися, щоб отримати важкі переходи:

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

Я нарешті копіюю цей відтінок каналу назад у вихідне зображення HSB, замінюючи старий відтінок каналу та перетворюючи зображення назад у RGB за допомогою фільтра HSB / HSL.

Я вважаю, що це робиться так, як вимагається, але я не впевнений, чи це виглядає так здорово, як ви сподівалися. Переходи дуже різкі, але їх, звичайно, можна пом'якшити, змінивши градієнтну карту.


Редагувати: підхід Javascript

Ось JSFiddle з версією Javascript тієї ж концепції. Завантажте зображення на отриманій сторінці, і воно перетвориться на чотири відтінки. Змініть "hueRanges", щоб налаштувати результат. Основна частина коду анотована.

Результат трохи відрізняється від методу Photoshop, але він дуже близький:

Оскільки я не знаю математики за фільтрами Photoshop, я не можу сказати, чому є така різниця.



Перестати публікувати коментарі. Спілкування було створено, а будь-які коментарі після його створення тепер втрачені. Використовуйте чат.
Райан

2

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

Це означає, що ви можете спробувати:

  1. Перетворити в LAB
  2. Скопіюйте шар і накресліть його 4
  3. Створіть 4 шари регулювання суцільного кольору з кожним із 4-х кольорів. Змініть кожну в режим кольорової суміші.
  4. Використовуйте параметри "Змішати-Якщо", щоб зменшити ці 4 кольори до протипоказань.

Ось результати:

введіть тут опис зображення


Я не думаю, що ти «зберігаєш відтінки», як це робиться моєю відповіддю (певним чином), але це виглядає досить круто!
Вольф

@Wolff відтінки в LAB повністю розділені на L канал. Моя відповідь взагалі не редагує цей канал, тому він повинен зберігати відтінки / відтінки (освітлення)
Ryan

А, бачу. Приємно.
Вольф

Я поставив це запитання після вашої відповіді, тому що я не міг знайти щось, що б створити резервну копію того, що LAB розділяв білий / чорний більш правильно, ніж HSB. Тож я віднесла щедрість до відповіді Вольфа, але тільки для запису, мій погляд насправді не складений між ними!
цікаво

2

Питання останнім часом редагується з амбітного стану в кращу форму. Тепер він вимагає чітко визначеного квантування та перекомпонування відтінку. Прийнята відповідь дає його для Photoshop.

Наступний - для безкоштовних користувачів.

Paint.NET має плагін-фільтр, який безпосередньо відображає відтінок та діапазон насичення. Для цього завдання потрібно застосувати фільтр чотири рази для відображення загальних 360 градусів на чотири дискретні відтінки. Результат такий же, як у прийнятій відповіді. Фільтр - "Умовний відтінок / насиченість". Це частина пакету ефектів Евану.

Фільтр не повністю відшліфований. Я не міг ввести точно задані значення відтінку. Налаштування діапазону потрібно робити із занадто маленькими повзунками, точних числових полів введення не існує. Ось тест із тим самим зображенням, який був використаний у відповіді Вольфа:

введіть тут опис зображення


О, приємно бачити, що ви отримуєте той самий результат. Я маю на увазі, здається, що так виглядає, якщо ти робиш те, про що вимагає ОП. Чи буде нам колись потрібен цей результат? Я не такий впевнений. Але це головоломка вирішена.
Вольф

@Wolff, якщо відображення зроблено шляхом візуального встановлення значень, метод, безумовно, матиме деяке значення як творчий інструмент. Фільтр для Paint.NET виконує це завдання.
user287001

Дякую! Хоча я хотів рішення на основі Photoshop, приємно мати варіант з відкритим кодом. Класно, що ти це знайшов!
CoderScissorhands

1

1. Перетворіть RGB-зображення в HSB

Використовуйте Фільтр> Інше> HSB / HSL та виберіть Режим введення: RGB та Порядок рядків: HSB. Це зробить зображення дуже дивним, але це дозволяє нам маніпулювати відтінком окремо від насиченості та яскравості за допомогою каналів зображення.

2. Зменшити кількість відтінків

Червоний канал тепер буде містити відтінки для всіх пікселів зображення. Ви хочете їх квантовати у чотири вибраних відтінки. Це найважча частина. Один із способів зробити це - скопіювати вміст у червоному каналі на нове зображення та встановити режим зображення на індексований колір та створити власну палітру з відтінками, відображеними на відповідні чорно-білі значення. Потім вставити це зображення назад у червоний канал.

3. Перетворити назад в RGB

Коли ви зменшили кількість відтінків, ви знову застосуйте фільтр HSB / HSL, але із зворотним налаштуванням порядку введення / рядка для завершення процедури.


У мене в меню "інше" немає параметра hsb / hsl. Це частина CS5?
CoderScissorhands

Я знайшов це тут: supportdownloads.adobe.com/detail.jsp?ftpID=4688 , це "додатковий плагін" (вам потрібно помістити файл під назвою "Необов'язковий MultiPlugin.8BF" у папку з додатком Photoshop для встановлення.
CoderScissorhands

Я зробив це до середини другого кроку і отримав червоний канал у новому зображенні, режим зображення встановлений на індексований колір. Тепер ви не хотіли б сказати мені, як створити власну піддону з відтінками, відображеними на відповідні чорно-білі значення? Якщо ви можете пройти мене через це, і це спрацює, я можу дати вам подяку за відповідь на питання. :)
CoderScissorhands

0

Питання не уточнює призначення зображення, ця відповідь стосується зображення, призначеного для друку ( EPS DCS )

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

  • Починаючи з зображення CMYK, де є 4 кольорові канали, перейдіть до меню Зображення > Режим і виберіть Багатоканальний
  • Відредагуйте кожен колір каналу, натиснувши на мініатюру кольору та вставте RGB-номери
  • Замініть чорний канал на Синій колір

введіть тут опис зображення

введіть тут опис зображення

Додати після коментарів і спілкуватися в чаті

Для мене питання має концепційну проблему, яка ускладнює пошук оптимального результату. Я думаю, що ОП запитує про зображення RGB, але думає в процесі змішування CMYK. Ось чому я використовую зображення CMYK, коли @Wolff відповідає, використовуючи RGB-зображення.

  • Червоний легко змінити на новий колір RGB
  • Проблема пов'язана з жовтим, оскільки в RGB-зображенні жовтий колір - це поєднання зеленого та червоного, тому це не дозволяє розділити червоний та жовтий як два різних кольори. У спектральній смузі зелень і жовті повинні бути жовтими RGB, це означає позбутися від зображення RGB. Для його отримання слід перетворити зображення друку плоских кольорів друку (або інший режим зображення).
  • Та ж проблема з голубцем, поєднанням зеленого та синього

введіть тут опис зображення


2
Мисливець за головами :) Ваша відповідь насправді не стосується всіх технічних питань цього питання. І отримане зображення не може бути призначене для друку, оскільки ви не можете використовувати чотири кольори RGB як друкарські фарби. Я побачу, чи зможу я придумати більш (псевдо) технічно правильну відповідь.
Вольф

Я знаю, насправді питання має кілька незрозумілих для мене питань, тому я поставив свою версію для друку . Ви не можете використовувати чотири кольори RGB як чорнила для друку , це правильно, але ви можете використовувати колір RGB у багатоканальному документі.

Так, але що робити з файлом згодом? Це все ще просто "для екрану". Вам доведеться конвертувати в RGB, а потім повернутися в CMYK, щоб мати можливість роздрукувати його. Питання хибне. Дивіться моє останнє повідомлення про чорнильну пляму. (Зараз я працюю над іншим рішенням)
Wolff

Вам доведеться конвертувати в RGB, а потім повернутися до CMYK, щоб мати змогу надрукувати його , це неправильно, .dcs-файл готовий до друку на шовковому екрані плоских чорнила. Повертаюся до початку своєї відповіді: питання не уточнює мету зображення.

2
Наскільки я можу сказати, те, як @Wolff маніпулював фотографією фруктового стенду, більше схоже на очікуваний результат, на який я сподівався (порівняно з вашою версією). Я хочу щось подібне до постеризації, але з максимально збереженими відтінками. У вашій версії фруктової підставки є апельсини та червоні кольори, які я неодмінно хочу виключити. Я трохи зачекаю, перш ніж нагородити винагороду, але поки що, схоже, він зрозумів моє питання, як я це задумав, краще.
CoderScissorhands

-1

Це не перетворення багатьох кольорів у 4, а досягнення 4 кольорів з однаковим відтінком? Відкрийте перший колір у вашому виборі кольорів. Зліва і справа змінюється відтінок. Вгору робить відтінки, вниз робить відтінки. Ідіть прямо від вашого кольору на певну відстань. Я не знаю, як визначити відстань, як на око, так і на руку. Якщо ваш початковий колір знаходиться на півдорозі діаграми, виберіть точку безпосередньо над нею, яка становить 25% до вершини (або скільки б ви не бажали відтінку). Зверніть увагу на шістнадцяткове значення цього нового кольору. Зробіть те ж саме для наступних трьох кольорів, намагаючись настільки ж, як і в порівнянні з початковим кольором.

По черзі зберіть свої 4 насичені кольори разом і намалюйте над ними білий прямокутник і нанесіть прозорість / різницю та непрозорість на 80% на прямокутник. Можливо, вам доведеться спробувати інші прозорі плівки та непрозорість, особливо для отримання правильних відтінків, або нанесіть лише непрозорість на прямокутник, додаючи білий колір своїм кольорам рівномірно, щоб домогтися такої ж тонованості.


Ой, ой, це для Illustrator. Якщо фон білий, то непрозорість нанесе відтінок вашим кольорам в PS.
Вебстер

Я хочу в основному обвалити всі відтінки до чотирьох і зберегти відтінки. Чи має це сенс? Я хочу, щоб у кінцевому результаті був увесь спектр відтінків, доступних у вихідному зображенні. Однак я хочу замінити відтінки ... зменшуючи їх з повного спектру до чотирьох, і ці значення залежать від того, де в діапазоні відтінків воно падає.
CoderScissorhands

-2

Я можу придумати кілька способів, хоча жоден з них не є надто точним і зручним у кожному випадку.

  • Варіант перший - використовувати інструмент для відбору проб / збору кольорів. Виберіть його та встановіть у верхній частині "розмір вибірки" велике значення, яке охоплюватиме приблизно 1/4 зображення. Роблячи це, пробовідбірник отримає середній відтінок на більшій площі, на відміну від одного пікселя. Якщо ваше зображення занадто велике, спершу його масштабуйте.
  • Варіант другий - зменшити масштаб зображення до кількох пікселів. Наприклад, якщо ви використовуєте подане вами зображення і вам потрібно 4 кольори, масштабуйте зображення до 4 пікселів у висоту. Таким чином Photoshop знаходить середні кольори для вас під час масштабування. Примітка. За допомогою другого варіанту це може допомогти встановити інтерполяцію зображення (можна знайти в налаштуваннях Photoshop) на "найближчий сусід".

Крім того, ви можете використовувати Adobe Illustrator, якщо у вас є.

Імпортуйте зображення, яке ви використовуєте, і шукайте "відстеження зображення". Встановіть відстеження зображень на найкращі налаштування, що відповідають вашим потребам. Принаймні, у CS6 є пресети для 3 або 6 кольорів, але якщо ви відкриєте панель відстеження зображень, ви можете встановити іншу бажану кількість кольорів.


Оскільки він хоче перетворити все своє зображення (як у кожному пікселі), масштабування його, мабуть, не те, що він хотів.
SitiSchu
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.