Як зробити так, щоб колір логотипу виглядав однаково у веб-і друку?

• Мій клієнт хотів використовувати колір # dd0017 як основний червоний на своєму веб-сайті
• По всьому шляху ми розробили весь сайт і логотип у цьому кольорі (я робив логотип у RGB).
• Тепер він просить версію для друку. Я намагався зробити логотип таким же, як # dd0017. Але це зовсім не сприймає значення в ілюстраторі чи Photoshop. Він автоматично переходить на # db1e26.
• Більш того, більшість веб-сайтів показують, що еквівалентний колірний код для CMYK становить (0,100,93,13). Коли я намагаюся це отримати, він отримує ще один шістнадцятковий код # d11628.
• Зверніть увагу, що я трохи новачок у питанні кольорів. Я веб-дизайнер, але іноді мені потрібно робити логотипи. Але я насправді їх не дуже розумію.

То чи є рішення? Якщо немає, будь-хто, будь ласка, підкажіть мені, як мені пояснити це клієнту?

ось технічна відповідь

Казати, що колір # dd0017 є безглуздим, якщо він не поєднується з інформацією про те, який кольоровий простір ви використовуєте! Тому перетворення з # dd0017 в CMYK є безглуздим. Виходячи з цього порядку денного, ми можемо почати шукати, що би означало у вашому сценарії.

Коли ви говорите про чистий колір, як # dd0017, ви вказуєте колір, який відрізняється на кожному моніторі. Якщо говорити про те саме, тоді ви потрапляєте в проблеми, тому що ми не знаємо, чи маєте на увазі:

• Те саме, що на моніторі
• Те саме, що на моніторі ваших клієнтів
• Те саме, що і в стандартному кольоровому просторі

Якщо однакове число створює різні кольори в різних кольорових просторах. Щоб не було сенсу перетворювати точний колір, який ви розмістили, вкажіть використовуваний кольоровий простір. Так, наприклад, # dd0017 в кольоровому просторі sRGB має сенс. Числа не важливі і без цієї інформації абсолютно марні. Таким чином, цифри не представляють колір як такий, вони представляють колір в одному просторі, різні пробіли RGB матимуть різні числові значення. *

Введіть управління кольором. Щоб все це мало сенс, потрібно знати, який колір має місце в нейтральному просторі пристрою. По суті, потрібно виміряти монітор кольорометром (наприклад, калібратором Montor, наприклад, ColorMunki ). Крім того, вам потрібно знати, що таке освітлення на робочому столі, тому для точності вам потрібно виміряти цей монітор там, де він використовується (або робити це постійно). Тепер ви можете створити профіль для свого монітора, який розповідає про те, як виглядає цей конкретний монітор / робочий простір, як кожен монітор на земній кулі унікальний.

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

Гаразд, тепер ви можете перетворити колір у нейтральний простір, але очевидно, вам все одно потрібно знати простір принтерів. Для принтера процес майже однаковий. Комерційний принтер, швидше за все, використовує калібрування в певному стандартному просторі, тому знову говорити значення CMYK, не повідомляючи простір, безглуздо. Але якщо ви хочете зробити те ж саме з офісним принтером, то його теж слід відкалібрувати, я пропоную щонайменше 3 рази за тривалість життя картриджа з тонером.

Лови 13

Збірка кольорів вирішує багато проблем, але головне питання - що робити з кольорами, які неможливо відтворити. Зрозумійте, що ваш колір може перевищувати кольори, які може отримати ваш принтер CMYK. Розмір кожного простору називається гамою, і перевищувати гаму легко, оскільки простір sRGB набагато більший, ніж у стандартних просторах CMYK SWOP, FOGRA, GRACol тощо ...

Ось чому більшість дизайнерів проектують зворотно. Вони вибирають колір, як правило, не в CMYK, а в Pantone, а звідти йдуть назад. Знову Pantone більший за CMYK, але забезпечує хороші вихідні точки для конверсій та має кольорові чіпи, які точно відображають наявні значення. Головним чином, тому, що це простіше, ніж намагатися пройти технологічний маршрут, про що потрібно сказати щонайменше.

Так, так, це можна зробити, але вимагає від вас виконати досить багато роботи.

* Це те, що Photoshop робить для вас, було сказано, що простір, з яким ви працюєте, - це X, а монітор - Y, і таким чином цифри змінюються на відповідність.

Узгодження кольорів між екраном і друком - це складне, а часом і неможливе завдання. Завдяки природі світла (екрани, RGB) та чорнила (CMYK, Pantones тощо) та тому, що майже кожен монітор відображатиме колір дещо по-різному, а друк буде виглядати по-різному в різних світлах. Таке управління кольором - це робота саме по собі.

Однак у цьому випадку вам може пощастить. Колір, про який йдеться, - чистий, яскраво-червоний, тому ваш вибір досить обмежений. Якщо ви друкуєте CMYK, то велика ймовірність, що найкращим варіантом буде 100% пурпуровий, 100% жовтий. Це приблизно так само червоно, як можна отримати з технологічних фарб, і має перевагу порівняно стабільність, оскільки ви просто друкуєте тверді речовини. Якщо у вас є можливість використовувати колір плями Pantone, то я б запропонував Pantone 485. Знову ж таки, приємний яскраво-червоний колір, який має багато дизайнерського вибору на «червоний».

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

Ви повинні вибрати найближче значення з каталогу Pantone, який ви можете знайти у друкарнях. Таким чином, у вас буде два кольори для Інтернету та друку, і ви повинні встановити їх у керівництві фірмового стилю (приклад ви можете побачити за посиланням).

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

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

На жаль, вам доведеться повернутися до свого клієнта і пояснити це, що ви повинні зробити в першу чергу, коли клієнт обрав цей колір. Можливо, ви зможете отримати плямовий колір, який є близьким (у мене немає книги Pantone або Trumatch, щоб перевірити), але якщо немає жодного кольорового плями (попередньо змішаного чорнила), який працює, або CMYK не може це зробити значення, то вашому клієнту доведеться якось піти на компроміс.

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

Немає способу зробити так, щоб кольори виглядали абсолютно однаково на друку та на екрані. За винятком корпусу, екран пофарбований відповідним кольором.

• Два різні екрани будуть показувати ту саму координату RGB по-різному. Щоб продемонструвати це, ви можете підключити CRT та світлодіодний екран до комп'ютера та клонувати його.
• Один сфотографуваний колір буде по-різному представлений за допомогою кольорових просторів Adobe-RGB, s-RGB, LAB та CMYK.
• Один колір, сфотографований за допомогою різних камер, буде представлений по-різному. У мікросхемах CMOS від різних виробників є дещо різні фільтрувальні маски та чутливості.
• Самі ж кольори CMYK (єдиний кольоровий простір для друку) будуть друкуватися по-різному на принтерах різного типу. Те саме стосується різних марок.
• Різні типи кольорів та різні основні матеріали будуть по-різному вицвітати / старіти. Надрукуйте просту графіку, накрийте її частиною і залиште на тиждень на сонячному світлі.
• Різні налаштування екрана (яскравість, контраст, температура) також зіпсують ваше тонке поєднання кольорів.

Також є небагато зайвих пунктів, які чітко торкаються теми.

• Немає способу зіставити друкований колір із фактичним кольором (рекламованого товару) за допомогою кольорового простору CMYK. За винятком випадків, коли виріб має точний колір, як колір, який використовується у принтері для спеціального використання.
• Спосіб досягнення, скажімо, Impreza-Blue (IB) та STi-Purple (SP) кольорів на друку - це використання розширеного кольорового простору CMYK-IB-SP, де спеціальні чорнила IB та SP використовуються уздовж стандартних фарб CMYK . Ці спеціальні фарби змішуються на замовлення до точної відповідності. Колір Impreza-Blue - це металева фарба, характерна для Subaru Impreza, а STi-фіолетовий - це колір логотипу STi на автомобілі.

Т.Л., д - р
Щоб продемонструвати той факт, що це неможливо створити квадрат з # FF0000 кольору.

Роздрукуйте цей квадрат за допомогою чорнильного принтера та лазерного принтера. Використовуйте різні папери - як тьмяні, так і відшліфовані; білий, "натуральний", затінений.

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

Ви можете збільшити навантаження аргументів, використовуючи різні налаштування принтера (якість фотографії, стандартний, чорновий), різні марки принтерів (HP, Canon, Epson, Brother, UTAX, ...).

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