Подготовка макета: черный цвет
На экране компьютера существует только один способ получения чистого черного цвета. Если точка монитора не светится — она черная. При офсетной печати черный цвет можно получить разными способами. Необходимо решить какой способ лучше для получения желаемого результата.
Самый простой способ — это чистый черный цвет состоящий на 100% из черной краски. Этот цвет идеален для областей менее 25 кв.мм., таких как логотипы или текст. Однако на больших площадях он может выглядеть сероватым и неравномерным. Это происходит от того, что в печатной машине ролики должны раскатать краску по большой поверхности, что сложно сделать равномерно.
Качество чистого черного цвета можно попытаться улучшить непосредственно при печати. Для этого можно использовать специальную офсетную краску, дающую «глубокий» черный цвет, либо просто отпечатать работу в два прогона, наложив два слоя черной краски и тем самым усилив цвет.
Недостатки этих мер очевидны. Во-первых, так как черный цвет присутствует не только в плашках но и в других элементах макета, его усиление может привести к цветовым искажениям или потере четкости на мелких элементах. Во-вторых, дополнительные работы, выполненные типографией, отразятся на цене печати, естественно, в сторону её увеличения.
При подготовке макета для полноцветной печати вы имеете возможность увеличить качество черного цвета путем добавления дополнительных составляющих к чистому черному. Существует много разных комбинаций, которые можно использовать:
 | насыщенный черный | C40-M0-Y0-K100 |
 | холодный черный | C60-M0-Y0-K100 |
 | теплый черный | C0-M60-Y30-K100 |
 | черный — версия Photoshop | C75-M68-Y67-K90 |
Приведенные в таблице изображения черного, конечно, дают слабое представление о реальном результате.
На площадях свыше 25 кв.мм. мы рекомендуем использовать насыщенный черный, который состоит из 100% черного и 40% голубого. Такая комбинация дает ровный насыщенный отпечаток, так как второй цвет выравнивает и дополняет чистый черный цвет. Но никогда не используйте насыщенный цвет для текста, потому что даже небольшое отклонение в совмещении цветов будет заметно.
Теоретически можно использовать все четыре составляющие CMYK «на все 100». То есть выставить цвет C100-M100-Y100-B100. Однако, напечатать такое сочетание практически невозможно, так как краска при печати ляжет слишком толстым слоем, который не сможет высохнуть. Отпечаток будет мазаться и перетискиваться с листа на лист. Подробнее об этом читайте в статье о насыщенности цвета.
Оптимальный насыщенный черный цвет — это все же C40-M0-Y0-B100. Выглядит красиво и печатается без проблем. Пытаясь улучшить качество черного и завысив процент дополнительных красок можно получить обратный результат. А черный текст, покрашенный в 4-е цвета, практически невозможно напечатать, он все равно будет выглядеть размытым и неаккуратным.
Цветовые пространства: большой разбор
Всё, что нужно знать о CMYK, RGB, HSL, HSB, LAB и чистых градиентах.
Для работы с цветом необходимо хорошо понимать, как он устроен. Есть системы представления цвета, с которыми дизайнер сталкивается каждый день. Но есть и другие, не столь популярные модели. Разберёмся, как они устроены, чем отличаются и как эти знания можно применить на практике.
Ведущий интерфейсный дизайнер в K&K TEAM, увлечён дизайном, технологиями и людьми. В свободное время ведёт Telegram-канал «Karoza Ҩ»
Воспроизводимые представления цвета
Цветовые модели RGB и CMYK соответствуют физическому представлению цвета на носителе. RGB отвечает за то, с какой интенсивностью светятся диоды красного, зелёного и синего цветов внутри пикселя монитора. CMYK задает пропорции смешиваемой краски на листе бумаги.
Цветовое пространство CMYK — субтрактивное: если сложить все цветовые компоненты, то итоговый цвет будет чёрным. По этому же принципу работают обычные краски, а потому пространство CMYK используется в полиграфии. Через процентные соотношения в нём записаны пропорции смешения четырёх красок: бирюзовой ( Cian), пурпурной ( Magenta), жёлтой ( Yellow) и чёрной ( Key color, blac K). Интенсивность каждого цвета задаётся в процентах от 0 до 100.
Дизайнеры, работающие с печатью, знают, что не все видимые на экране цвета возможно воспроизвести в CMYK. Связано это с тем, что модель RGB ― с ней работает монитор ― построена на излучении света, а CMYK ― на поглощении.
Для более точного отображения цветов при печати требуется допечатная подготовка. Во время неё экранные цвета пространства RGB переводятся в CMYK, чтобы получаемые оттенки на экране и бумаге были максимально приближены друг к другу.
Pantone — американская компания, основанная в 50-е годы в Нью-Йорке и занимающаяся производством пигментов и продажей чернил. Компания разработала систему стандартизации цветов Pantone Matching System (PMS), в которой каждому цвету присваивается специальный код.
Поскольку не все цвета можно воспроизвести в CMYK наложением четырёх стандартных красок во время печати, в полиграфии существует дополнительная палитра Pantone. Например, серый и жёлтый, которые Pantone выбрала в качестве цветов 2021 года, получить наложением палитры CMYK на листе невозможно.
Выбор цветов Pantone шире, потому что его на бумагу наносят одной краской, тон которой получен смешением пигментов ещё на фабрике. Также цвета Pantone используют при печати больших тиражей в один-три цвета.
PMS — Pantone Matching System — система подбора цвета, но не цветовое пространство, так как у цветов есть код, но нет значений цветовых координат.
CMYK используется в полиграфии для печати фотографий и цветных иллюстраций, небольших тиражей, а также в домашних и офисных принтерах.
RGB ― это цветовое пространство, здесь каждый цвет задаётся в виде трёх координат. Смешение цвета происходит по аддитивному принципу ― если сложить все три основных цвета, то результат будет не чёрным, а белым. Поэтому RGB используется в системах, построенных на излучении света, что делает её самой распространённой ― с ней работают все экраны.
Цветовой оттенок в RGB создаётся смешиванием красного ( Red), зелёного ( Green) и синего ( Blue) каналов с разной интенсивностью излучения. Яркость каждого из трёх основных цветов закодирована числом от 0 до 255, то есть занимает 256 бит или 32 байта.
Например, RGB (90, 0, 157) соответствует фиолетовому, а RGB (255, 223, 0) — жёлтому.
Для удобства записи придуманы HEX-коды обозначения цветов, в которых интенсивность каждого из трёх цветов задаётся через двузначное число в шестнадцатеричной системе, что даёт те же 256 комбинаций или 32 байта, ведь
16 × 16 = 256.
В шестнадцатеричной системе цифры обозначаются от 0 до F, в результате
HEX-коды выглядят вот так: #5A009D — фиолетовый, #FFDF00 — жёлтый. Преимущество такой записи ― стандартизация и удобство копирования короткого цветового значения.
Иногда HEX-код в CSS или графических редакторах содержит только три знака, в таком случае каждый второй символ в записи с овпадает с первым. То есть #F45 интерпретируется как #FF4455, #000 — #00000.
Поскольку с цветовым пространством RGB работают все экраны, то применяется оно практически везде ― от разработки макетов для печати (цвета переводятся в CMYK в самом финале) до разработки сайтов и интерфейсов.
Свойства цвета
Перед тем как перейти к следующему разделу, нужно разобраться в некоторых определениях колористики — науки, изучающей свойства цвета.
Важные понятия
Цветовой тон (Hue) — положение цвета в видимом спектре. Человеческий глаз различает цвета от красного до фиолетового, цветовой тон ― это место цвета в спектре. Красный, оранжевый, жёлтый, зелёный, голубой, синий, фиолетовый — всё это цветовые тона.
Насыщенность (Saturation) — интенсивность цвета, красочность, степень отличия цвета от равного по светлоте серого. Чем ближе цвет к серому, тем он менее насыщенный.
Яркость (Brightness) — приближённость цвета к чёрному. Чем ниже яркость, тем цвет темнее. Нередко яркость путают с насыщенностью, но это разные характеристики.
Цилиндрические цветовые пространства
Модель RGB технически подходит для компьютеров и экранов, но в этом пространстве сложно работать, если нужно изменить что-то одно ― яркость, насыщенность или цветовой тон.
Допустим, мы используем синий цвет RGB (63, 42, 255), но для второго макета нам нужен более тёмный синий того же тона или же зелёный той же яркости и насыщенности. При изменении одной характеристики изменились сразу три параметра: синий теперь имеет значения RGB (18, 12, 77), а зелёный —
RGB (67, 255, 42).
Поэтому в программах для дизайнеров цветовой тон настраивается полоской, а яркость и насыщенность ― через цветовое поле.
Координаты цвета существуют в кубической системе RGB, но в графических редакторах управление цветом реализовано с использованием другой модели ― цилиндрической версии RGB, которая называется HSB или HSV.
В HSB цветовой тон ( Hue) задаётся в градусах на цветовом круге от 0° до 360°, а насыщенность ( Saturation) и яркость ( Brightness) в процентах от 0% до 100%.
Чтобы получить в HSB чёрный, надо уменьшить яркость до 0%, а тон и насыщенность не важны. Для получения белого нужно понизить насыщенность до 0% — то есть приблизить цвет к серому, а яркость повысить до 100%. Для получения чистых цветов яркость и насыщенность должны быть 100%.
Иногда цветовое пространство HSB называют HSV ( H ue — цветовой тон, S aturation — насыщенность, V alue — значение). Не стоит путаться — это альтернативное название, а не другое цветовое пространство.
В CSS помимо HEX-кодов RGB применяют цилиндрическое цветовое пространство HSL, где вместо яркости ( Вrightness) используется светлота ( Lightness). HSB и HSL очень похожи, но не идентичны.
Главное отличие HSL в том, что при любых значениях тона и насыщенности светлота в 0% даст чёрный, а светлота в 100% — белый. В HSB 100% последнего параметра ― яркости — даёт наиболее яркий цвет, а белый возможен, только если насыщенность равна нулю.
То есть светлота в HSL отвечает за примесь чёрного или белого, освещённость. При конвертации цвета из системы HSL в HSB изменение параметра L будет влиять на два параметра сразу — S и B, неизменным сохранится только цветовой тон — H.
Цилиндрические цветовые пространства полезны в ситуациях, когда нужно управлять только одним из параметров цвета. Например, для создания палитры, где изменение основного цвета приводит к изменению цветового тона, насыщенности или светлоте дополнительных. В этом случае дополнительные цвета необходимо задавать через отклонения от основного в цилиндрической цветовой системе.
В новой философии дизайна Material You компании Google цвета интерфейса подстраиваются под цвет обоев рабочего стола. Вполне возможно, что для такой автоматической подстройки применяют алгоритмы, использующие цилиндрическое цветовое пространство.
Дано: пользователи двух статусов.
Задача: автоматически создавать аватары пользователям с учётом их статуса. У одних пользователей должны быть светлые буквы на тёмном фоне, а у других — тёмные буквы на светлом.
Для изменения цветового тона необходимо изменить параметр Hue, а остальные параметры сохранить. Для светлого фона используем значения HSL: [0–360°], 100%, 78%, а для тёмного — HSL: [0–360°], 100%, 30%.
В результате цветовой тон аватарок генерируется автоматически с заданной светлотой, а буквы на них хорошо читаются.
LAB и LCh
Одна из проблем пространств RGB и CMYK состоит в том, что это просто
набор значений, которыми должно оперировать устройство вывода ― принтер или экран. Реальное отображение цвета, заданного в RGB и CMYK, зависит от множества факторов. При печати ― от качества краски и печатного оборудования, плотности бумаги, влажности воздуха. На экранах — от качества монитора и его калибровки. Не говоря уже о том, что освещение также влияет на фактическое восприятие цвета глазом.
Создатели CIELAB, также известно как LAB, преследовали цель спроектировать такое цветовое пространство, которое не будет привязано к конкретному устройству и покроет весь видимый спектр. Также было важно, чтобы изменение значений координат было нелинейным и приводило к изменению цвета по логике, близкой к осознанию цвета человеком.
Значения цвета в LAB задаются через светлоту ( Lightness) и две координаты, отвечающие за хроматическую составляющую: тон и насыщенность.
A — положение цвета в диапазоне от зелёного до красного, B — от синего до жёлтого.
Параметр L варьируется от 0 до 100, а параметры A и B в большинстве сервисов для работы с LAB имеют значения от −128 до 128, поскольку координаты A и B обозначают не просто интенсивность какого-то цвета, а спектр между двумя цветами.
Система достаточно сложная, но можно попытаться представить её как смешение четырёх цветов — зелёного, красного, синего и жёлтого. На самом насыщенном срезе цветового пространства со светлотой 100 по углам находятся: зелёный — LAB (100, −128, 128), красный — LAB (100, 128, 128), фиолетовый — LAB (100, 128, −128), бирюзовый — LAB (100, −128, −128), а в самом центре белый —
LAB (100, 0, 0). Как и в случае с RGB, настраивать цветовой тон удобнее в цилиндрической версии LAB — LCh.
Цилиндрическая версия LAB называется LCh, вместо прямоугольных в ней используются полярные координаты. Параметр C ( Chroma — хроматическая составляющая, насыщенность) отвечает за длину радиуса и удалённость от центра цветового круга, а h ( Hue) за угол поворота в градусах — то есть цветовой тон.
LAB используют как промежуточное цветовое пространство для конвертирования RGB в CMYK и наоборот, поскольку оно не привязано к конкретному носителю.
В цветокоррекции его применяют, чтобы быстро убрать желтизну или усилить естественные цвета фотографии. Некоторые цветокорректоры предпочитают LAB, если с его помощью внести изменения будет проще, нежели через корректирующие слои.
Также ранее LAB использовали для удаления шума на цифровых фотографиях. Для этого достаточно было размыть цветовые каналы A или B, а поскольку цифровой шум состоит из бледных разноцветных точек, такой подход делал их менее насыщенными.
Отдельное преимущество LAB — возможности для создания чистых градиентов между насыщенными цветами. Красивые градиенты важны не только в проектировании интерфейсов и дизайн-макетов, но и в информационном дизайне.
Задача: создать чистый градиент между насыщенными цветами.
Проблема: из-за технических нюансов RGB между некоторыми насыщенными цветами при построении градиента возникает странный сероватый оттенок.
Пояснение: в кубической визуализации RGB самые насыщенные цвета расположены на углах куба, а центр занят ненасыщенными сероватыми тонами. Если создавать градиент из цветов, которые находятся на противоположных углах или гранях куба, прямая пройдет через ненасыщенную середину. Так произойдёт, например, с градиентами от фиолетового к зелёному или от жёлтого к синему.
Решение: использовать LAB-градиент.
Открываем Lch and Lab colour and gradient picker, выбираем два цвета, между которыми надо сделать переход, и вводим желаемое количество ступеней.
Копируем цвета из колонки Lab и переносим в редактор, делая линейный градиент из выбранного количества шагов.
Если в качестве редактора вы используете Figma, то нужно установить плагин Chromatic Figma, который автоматически исправляет градиенты через LAB. Результат будет немного отличаться от инструмента Дэвида Джонстона.
Черный цвет в печати в CMYK
Автор: Ariel Garaza Díaz
Черный цвет играет основную роль в печати CMYK. CMYK является аббревиатурой цветов красок для печати. Первые три буквы названы по первой букве цвета: Cyan (голубой), Magenta (пурпурный) и Yellow (желтый), а для последней буквы аббревиатуры, обозначающей черный цвет (Black), используется последняя буква слова. Делается это, во-первых, во избежание путаницы с синим цветом (Blue), а во-вторых, по той причине, что черный также называют ключевым цветом (Key color), поскольку именно черный наиболее важен в печати CMYK. Большинство типографий печатает черный цвет первым (K-C-M-Y). Многие специалисты утверждают, что если при печати качество черного цвета удовлетворительное, то и печать всего материала будет качественной, но если с черным цветом возникли проблемы, то исправить ситуацию будет практически невозможно.
Кроме того, черный цвет является наиболее сложным для печати, поэтому навыки работы с ним так важны.
Черный цвет: RGB и CMYK
Как вы, наверное, знаете, монитор вашего компьютера, а также веб-страницы используют другой цветовой режим — RGB. Эта аббревиатура составлена по первым буквам цветов видимого спектра: Red (красный), Green (зеленый) и Blue (синий). В этой цветовой модели черный цвет имеет значение «темный» или «без света», поскольку он представлен нулевым значением для всех трех цветов: R:0; G:0; B:0. Само собой разумеется, что черный цвет отображается на мониторе как наиболее темный.
Однако черный цвет в CMYK представляет совершенно другую концепцию: цвета создаются посредством смешения типографских красок. Эта цветовая модель является субтрактивной. Субтрактивная схема формирования цвета подразумевает наложение цветов, при котором конечный цвет становится темнее и стремится к черному. В силу того обстоятельства, что сформировать чистый черный цвет, используя только голубой, пурпурный и желтый, практически невозможно, в CMYK черный добавляется к другим трем цветам. RGB, напротив, является аддитивной цветовой моделью, где цвета получаются путем добавления, а конечный цвет стремится к белому.
К примеру, для создания красного цвета в CMYK необходимо использовать смесь желтого и пурпурного. При добавлении черной краски красный станет темнее.
Однако существует одна проблема: в печати CMYK используются прозрачные краски, что обусловливает наложение их при печати. Это значит, что 100% черный цвет в CMYK не запечатывает область непрозрачным черным слоем. То же самое получается в результате создания градиента от любого цвета к черному: черный выглядит серым и «разбавленным». Существуют и другие схожие ситуации, когда необходимо расположить изображение в оттенках серого поверх фона. Далее мы обсудим возможные решения этих проблем.
Чистый черный и насыщенный черный
При заполнении черным цветом CMYK фона или другой обширной области станет заметно, что черный цвет не настолько темный, как ожидалось. В CMYK используются значения от 0% до 100% (и повысить значение для каждого цвета выше этой отметки просто невозможно), однако в результате черный все равно будет больше напоминать темно-серый. Самое распространенное решение этой проблемы состоит в добавлении другого цвета (например, 40% голубого: C:40; M:0; Y:0; K:100). При замене голубого цвета на пурпурный в результате получится теплый черный. Оптимальным решением является добавление по 40% голубого, пурпурного и желтого (C:40; M:40; Y:40; K:100). Этот метод дает в результате хороший нейтральный черный цвет. Такой цвет называется насыщенным черным, то есть смесью черного с другими цветами, в то время как для получения чистого черного используется только черный (C:0;M:0; Y:0; K:100).
Работа с градиентами
При применении к другому цвету фонтанной заливки, состоящей из чистого черного, в результате может получиться нехороший «полинялый» цвет, больше похожий на светло-серый.
В этом случае вместо чистого черного следует воспользоваться насыщенным черным. Вы заметите огромную разницу (как на мониторе, так и в отпечатанных материалах). К примеру, для получения градиента от 100% черного к 100% голубому наилучший результат будет достигнут при использовании формулы «100% черного +100% голубого к 100% голубому».
Суммарное покрытие красок
Некоторые предпочитают устанавливать максимально высокие значения содержания красок (C:100; M:100; Y:100; K:100), поскольку в этом случае на мониторе результат близок к черному цвету RGB. Такой подход, однако, может повлечь за собой определенные проблемы при печати, особенно при нанесении краски на обширную поверхность. Поскольку после нанесения каждая краска должна просохнуть, максимально высокие значения содержания красок приведут к увеличению времени, затрачиваемого на печать, а также станут причиной нежелательных дефектов.
Рекомендуется полностью отказаться от установки максимальных значений при подготовке проекта для печати. В большинстве цветовых профилей предусмотрен лимит суммы наносимой краски (общего объема всех четырех цветов). Если максимально высокое значение содержания красок равняется 400% (по 100% для каждого цвета), то в цветовых профилях предусмотрено ограничение суммарного покрытия (от 300% до 340%). Например, некоторые цветовые профили конвертируют 100% всех красок в 75% голубого + 75% пурпурного + 75% желтого + 95% черного для получения 320% суммарного покрытия.
Черный цвет: Pantone и CMYK
Не все проекты одинаковы. При печати материалов, цветовая гамма которых состоит, к примеру, только из черного и красного, практичнее всего будет использовать две краски вместо четырех. Для печати таких проектов наиболее распространенными являются цвета Pantone. Разнообразные цветовые палитры Pantone разделяются по типу бумаги (мелованная, офсетная и пр.), а также по типу печати (шелкография, печать на одежде и пр.).
Подавляющее большинство красок Pantone непрозрачны, в то время как чернила CMYK обладают лессирующими свойствами. В определенных случаях использование полупрозрачных красок может сослужить хорошую службу. Для получения качественного результата при одноцветной печати с использованием, допустим, только черного, достаточно воспользоваться только черным цветом Pantone. К сожалению, при добавлении цвета Pantone в печатный проект CMYK возникнет необходимость в использовании всех пяти красок, что повлечет за собой дополнительные издержки. В некоторых ситуациях использование дополнительной краски является единственным способом достижения желаемого результата. Примером тому могут послужить проекты, для печати которых требуются краски металлических оттенков (золотого, серебряного и т. п.) или флуоресцентные цвета.
Кроме того, полупрозрачные краски используются для создания полутонов. Для печати серого можно воспользоваться оттенком черного в CMYK, где содержание черного будет составлять 10% или 20%. Напечатанное изображение будет состоять из точек, которые и создадут эффект серого цвета. В тех же случаях, когда необходимо использование сплошного цвета, можно прибегнуть к краске Pantone (например, PANTONE Cool Gray 1 C), которая даст в результате сплошной слой серого цвета. На отпечатанных материалах разница очевидна, особенно при рассмотрении через увеличительное стекло.
Смешение цветов
Наложение черного
Мы часто слышим термин «Наложение черного», однако не все имеют представление о том, что это такое и почему это понятие имеет такое огромное значение в допечатной подготовке. Представьте себе, что вы собираетесь напечатать текст черного цвета на зеленом фоне. Если не воспользоваться наложением черного, то в результате в точках разделения останутся белые незапечатанные области фона, поскольку ни одна полиграфическая печатная машина не может совместить составляющие цвета с абсолютной точностью. Несовмещение происходит по разным причинам, в том числе из-за растяжения бумаги и небольшого различия в скорости печати. В результате оттиск может выглядит так, как будто по краю букв появилась тонкая белая окантовка. Этого достаточно, чтобы не только испортить внешний вид печатной продукции, но и сделать текст нечитабельным. Избежать подобной ситуации можно, применив наложение черного при выводе на печать. Это особенно важно при печати тонких линий и мелкого текста. Поскольку в этом случае черный смешивается с цветом фона, контрастность текста повышается и он становится более читабельным.
Итак, прием наложения исключительно важен при печати тонких линий и мелкого шрифта. Однако при использовании наложения в проектах, где обширные объекты печатаются поверх неоднородного фона, могут возникнуть проблемы. Помните: чернила CMYK не обладают перекрывающими свойствами, поэтому фон, состоящий из разных цветов, будет в результате просвечивать через наложение черного. Тот же принцип действует и при наложении других цветов поверх заливок или объектов с контрастными контурами. Не забывайте активировать опцию Моделировать наложение в меню Вид.