Так уж сложилось, что большинство пользователей Photoshop после создания или обработки изображений не занимаются их выводом на печать, ограничиваясь домашним показом по монитору результатов своей деятельности друзьям или выкладыванием работ в Интернет. Но рано или поздно с этим сталкиваются многие. Вот тут-то и возникает проблема - несоответствие цветов на мониторе и на печати. Хорошо если обработанное изображение можно отнести в фотоцентр, где вам все сделают корректно. А если печать производится дома? Стоит ли надеяться на авось? Не проще ли научиться выполнять эти операции самому? Вот об этом мы сегодня и поговорим.
Предисловие
В продолжение темы приведу в пример часто задаваемый в этом случае вопрос. Позвольте, скажете вы, разве нельзя выполнить команду Image > Mode > CMYK [Изображение > Режим > CMYK] и решить проблему раз и навсегда? Дело в том, что метод, заданный по умолчанию в Photoshop для конвертации в режим CMYK, не берет в расчет определенные моменты, которые могут негативно и непредсказуемо отразиться на печати.
Все мы знаем, что режим RGB является методом визуального отображения изображения на экране посредством трех цветов: Red [Красный], Green [Зеленый] и Blue [Голубой], после смешения пикселей которых получается необходимый оттенок. А CMYK представляет собой распределение Cyan [Голубой], Magenta [Сиреневый], Yellow [Желтый] и Black [Черный] цветов для реализации сетей смещения, которые распределяют образцы точек с переменной плотностью и размером на "листе бумаги" - именно это и дает возможность получить необходимый цвет. Когда мы смотрим на CMYK-изображение, то наблюдаем лишь симуляцию режима: на самом деле мы видим RGB-режим, в который на лету было переведено изображение для показа, потому что монитор не поддерживает CMYK-метод вывода.
Точечное увеличение
Итак, для корректного конвертирования изображения в CMYK-режим необходимо решить несколько проблем, прежде всего Dot Gain [Увеличение точки]. После того, как изображение уже напечаталось, легко заметить, что оно состоит из маленьких пятен, сделанных чернилами принтера. В зависимости от качества используемой бумаги они (пятна) имеют расширение от центра к внешним сторонам.
Для проверки принтера я обычно отдаю на печать паттерн, состоящий из точек диаметром 1 миллиметр. Первоначально точки взаимодействуют с листом бумаги аналогичного диаметра, но спустя некоторое время могут увеличить свои значения, что приводит к небольшому изменению цветов. Связано это может быть как с некачественной бумагой, так и с плохими чернилами. В Photoshop у вас есть возможность регулировать процесс печати этих точек, управлять их яркостью перед окончательным выводом. Делается это посредством меню File > Print with Preview [Файл > Печать с Предварительным просмотром] параметр Dot Gain [Точечное увеличение]. Итак, для соответствия в данном случае (когда произошло увеличение точек в размерах) требуется уменьшение точек, чтобы расширение стало равным одному миллиметру.
Общее количество чернил
Второй проблемой является распределение чернил на бумаге, их общее количество. Для того, чтобы избежать попадания чернил по одним тем же участкам на бумаге, необходимо чтобы сумма их четырех значений не превышала 300.
Примечание: 300 как максимальное количество на самом деле является средним значением - неким универсалом. Дело в том, что большинство газет и журналов задают в качестве предела даже меньшие значения, поэтому прежде, чем отдавать изображение в печать, рекомендую узнавать эти параметры. Например, можно распределить цвета следующим образом (правильный способ): 90C, 90M, 100Y и 0K - таким образом получается сумма 280 (90+90+100+0). А вот такое распределение будет уже неправильным: 100C, 100M, 100Y и 100K, потому что в этом случае сумма будет равна 400. Главное - реально понимать, что визуально соотношение 20C, 20M, 20Y и 20K выглядит так же, как и 0C, 0M, 0Y и 0K. О факторах, на это влияющих, было сказано выше.
Конвертирование в другой профиль
Теперь переходим к рассмотрению практической части дела. А именно будем брать под контроль все - ну, или почти все - факторы, которые могут негативно повлиять на печать изображения. Часто, создавая PSD-файл, содержащий несколько слоев, различные цветовые режимы и пр., невозможно отследить все изменения CMYK-режима. Поэтому большинство пользователей создают/обрабатывают изображение в RGB, применяют фильтры, которые недоступны в другой цветовой модели, и только по завершении работы конвертируют получившееся. Для этого существует несколько способов. Один из них - выполнение команды Image > Mode > CMYK [Изображение > Режим > CMYK]. Данный способ математически преобразует изображение, не обращая внимания на сопутствующие этой конвертации проблемы. Другой путь - выполнение команды Image > Mode > Convert to Profile [Изображение > Режим > Конвертировать профиль], где вам нужно найти область определения и выбрать из выпадающего меню Profile [Профиль] пункт Custom CMYK [Выборочный CMYK], после чего вам откроется диалоговое окно (рис. 1).
Установите параметры как на рисунке - они являются оптимальными.
Конец
Вот таким довольно запутанным с первого взгляда и довольно простым после тщательного рассмотрения способом достигается корректное конвертирование в CMYK-режим. Конечно, можно пользоваться и стандартными заготовками Photoshop, которые сделаны исходя из мировых стандартов, тем не менее, не всегда в нашей стране попадается именно тот стандарт, который предусмотрела Adobe. Приведенные в этой статье советы универсальны, поэтому степень риска минимальна. Если у вас возникнут какие-либо вопросы по данной статье, задавайте их на сайте
Часто возникает необходимость в переводе изображения из цветовой схемы RGB в CMYK и вечная проблема, сопровождающая этот перевод – потеря цветности изображения. Может профессионалы могут подсказать и более качественный вариант, но меня, как веб-мастера, иногда выполняющего услуги по дизайну полиграфии этот способ устраивает более чем, т.к. он устраивает моих заказчиков
Стоит заметить, что 100% совпадения в цветах физически не может быть, т.к. модель RGB основана на излучении света (экраны мониторов), а CMYK на поглощении света (бумага отдает цвета за счет его поглощения). Таким образом, цветовой диапазон красок CMYK значительно уже, чем в RGB.
Кароче, меньше слов – больше дела. На примере простой показательной работы для моего постоянного заказчика это выглядит так:
1. Выбираем в главном меню вкладку “Редактирование” (Edit) и делаем тыц на “Преобразовать в профиль…” (Convert to Profile):
2. В открывшемся диалоговом окне ставим галочку напротив “Использовать компенсацию точки черного” (Use Black Point Compensation). В поле “Профиль”(Profile) выбираем “Заказной CMYK” (Custom CMYK):
3. В открывшемся диалоговом окне в поле “Цвет красок” (Ink Options) выбираем “SWOP (мелованная бумага)” (SWOP (Coated)). В поле “Растискивание” (Dot Gain) выбираем “Стандартное” со значением 12% (Standart, 12%). Далее установите значения и радиокнопки как на скриншоте ниже:
4. Подтверждаете свои действия клацанием по “Ок”. На этом перевод из RGB в CMYK завершен.
HEX / HTML
Цвет в формате HEX - это ни что иное, как шестнадцатеричное представление RGB.
Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 - красный, 22 - зелёный, 33 - синий. Все значения должны быть между 00 и FF.
Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.
- h1 { color: #ff0000; } /* красный */
- h2 { color: #00ff00; } /* зелёный */
- h3 { color: #0000ff; } /* синий */
- h4 { color: #00f; } /* тот же синий, сокращённая запись */
RGB
Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.
Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
- h1 { color: rgb(255, 0, 0); } /* красный */
- h2 { color: rgb(0, 255, 0); } /* зелёный */
- h3 { color: rgb(0, 0, 255); } /* синий */
- h4 { color: rgb(0%, 0%, 100%); } /* тот же синий, процентная запись */
Цветовые значения RGB поддерживаются во всех основных браузерах.
RGBA
С недавних пор современные браузеры научились работать с цветовой моделью RGBA - расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
- h1 { color: rgb(0, 0, 255); } /* синий в обычном RGB */
- h2 { color: rgba(0, 0, 255, 1); } /* тот же синий в RGBA, потому как непрозрачность: 100% */
- h3 { color: rgba(0, 0, 255, 0.5); } /* непрозрачность: 50% */
- h4 { color: rgba(0, 0, 255, .155); } /* непрозрачность: 15.5% */
- h5 { color: rgba(0, 0, 255, 0); } /* полностью прозрачный */
RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.
HSL
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).
- h1 { color: hsl(120, 100%, 50%); } /* зелёный */
- h2 { color: hsl(120, 100%, 75%); } /* светло-зелёный */
- h3 { color: hsl(120, 100%, 25%); } /* тёмно-зелёный */
- h4 { color: hsl(120, 60%, 70%); } /* пастельный зеленый */
HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.
HSLA
По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.
Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha - это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
- h1 { color: hsl(120, 100%, 50%); } /* зелёный в обычном HSL */
- h2 { color: hsla(120, 100%, 50%, 1); } /* тот же зелёный в HSLA, потому как непрозрачность: 100% */
- h3 { color: hsla(120, 100%, 50%, 0.5); } /* непрозрачность: 50% */
- h4 { color: hsla(120, 100%, 50%, .155); } /* непрозрачность: 15.5% */
- h5 { color: hsla(120, 100%, 50%, 0); } /* полностью прозрачный */
CMYK
Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.
Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).
Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).
Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 - жёлтой краски, и 46 - чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).
HSB / HSV
HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.
HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).
XYZ
Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.
LAB
Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.
Когда вы используете один из популярных редакторов изображений, например Photoshop или GIMP, вам предоставляется несколько цветовых режимов, которые можно выбрать для создания изображения. Они включают: RGB, оттенки серого и CMYK. Последний обычно используется для изображений, которые будут распечатаны на домашнем принтере, в фотолаборатории или в сервисах печати.
RGB используется для картинок, которые планируется размещать в Интернете. Это связано с тем, как отображаются цвета. Photoshop поддерживает оба этих цветовых режима, а также позволяет осуществлять перевод CMYK в RGB.
Если у вас есть исходный файл для Фотошопа в CMYK-режиме, вы можете получить другие результаты при преобразовании его в RGB-режим. Если исходного файла нет и вы имеете дело с готовой картинкой, после преобразования может произойти некоторая потеря качества цвета.
ПЕРЕВОД CMYK В RGB
Откройте картинку, которая находится в CMYK-режиме в Photoshop. Рекомендуется её столько, сколько вам нужно, прежде чем преобразовывать. На Панели инструментов редактора выберите меню “Изображение” – “Режим” и нажмите “Цвет RGB”.
Вы увидите приглашение на экране, в котором предлагается сгладить изображение. Можете согласиться или нет. В любом случае необходимо сравнивать результат. Помните, действие может быть отменено, если результат не понравится.
Похожим способом вы можете преобразовать картинку из RGB в CMYK. Процесс тот же, за исключением того, что необходимо выбрать “Цвет CMYK” в меню. Здесь придется иметь дело с цветовыми профилями. По умолчанию цветовой профиль может не дать вам наилучших результатов, и в этом случае вы можете изменить его и выбрать другой. Посмотрите, какой из них лучше всего подходит для задания печати. Спасибо за внимание!
HEX в RGB
HEX в CYMK
RGB в CYMK
RGB в HEX
Для чего используется инструмент Конвертер цветов?
Благодаря данному инструменту вы сможете легко преобразовать одну цветовую модель в другую (HEX в RGB, HEX в CYMK, RGB в CYMK, RGB в HEX), чтобы подготовить графические изображения для размещения на вашем сайте или для печати.
Что такое цветовая система и для чего она нужна? Не вдаваясь в дебри терминологии, скажем просто: цветовая система – это то, как "звучит" цвет на языке чисел. Люди, профессия которых так или иначе связана с графикой, должны знать основные цветовые модели и то, как они применяются на практике. Так уж повелось, что в мире все должно быть упорядочено, систематизировано и изучено. И цвет – не исключение. Основных цветовых моделей – ровно пять, но рассмотрим мы только две, которые чаще всего используются в среде разработчиков, дизайнеров и веб-мастеров: RGB и CMYK.О цветовой модели RGB
RGB – это цветовая модель, которая чаще всего используется в сфере веб-дизайна. Согласно теории создателя этой модели - Джеймса Максвелла, любой цвет можно получить путем смешивания трех основных оттенков: красного (Red), зеленого (Green) и синего (Blue). С появлением компьютеров, цветам присвоили восьми- (классическая модель RGB) и шестнадцатеричное (HEX) значение, где каждый оттенок можно отобразить в числовом виде. В сфере веб-дизайна чаще всего используется шестнадцатеричная система исчисления цвета, значение которого задается здесь символами от 0 до ff (где ff = 255). Новый оттенок в виде #RRGGBB можно получить, "смешивая" цифровые значения основных цветов.
С помощью шестнадцатеричного режима можно закодировать около 16 миллионов оттенков (по 1 биту на каждый оттенок), но в этом особой необходимости нет: глаза большинства пользователей просто не способны различить такое количество цветов. Поэтому веб-мастера чаще всего используют шестнадцатибитный режим, в котором на кодирование красного и синего оттенков отводится по 5 бит, а на кодирование зеленого - 6 бит.
Цветовые значения RGB поддерживают все основные браузеры. При этом вы должны понимать, что отображение цвета будет зависеть от аппаратной части устройства: иными словами, на разных мониторах картинка будет выглядеть по-разному.
О цветовой модели CMYK
Данная цветовая модель используется в полиграфии, и многие из вас никогда с ней не сталкивались. Однако, если у вас возникла необходимость воспользоваться нашим Конвертером цветов, то стоит и с ней познакомиться поближе.
Систему цветопередачи CMYK (где Cyan – сине-зеленый, Magenta - пурпурный, Yellow - желтый, Key/blacK – ключевой, черный цвет) используют для стандартной триадной (полноцветной) печати, которая обладает значительно меньшим набором оттенков, чем модель RGB.
Числа, определяющие цвета в системе CMYK – это процент оттенка, который входит в итоговую цветовую комбинацию. Например, оттенок "хаки" состоит из 30% голубого цвета, 45% пурпурного, 80% желтого и 5 % черного.
При этом стоит помнить, что "красивое" числовое значение цвета на мониторе может очень сильно разочаровать вас при выводе изображения на бумагу.
Подводя итог, можно сказать следующее: при подготовке изображение для размещения на веб-ресурсе используется цветовая модель RGB, а для вывода на печать – CMYK. А наш удобный Конвертер цветов поможет вам легко преобразовать одну систему в другую.
