Управление цветом в Photoshop огромная тема. И хотя многим может показаться, что в ней мало чего может найтись интересного и нового, мы ответим - вы заблуждаетесь. Причиной тому, как минимум, постоянные обновления самого приложения. Как максимум, выбрать режим отображения или палитру, профиль, это еще не значит «быть богом» в управлении и знать все тонкости работы с цветом.

Сегодня мы поговорим о разных режимах, настройках параметров, на что все это влияет и как поработать с документом в одном цветовом режиме с сохранением всех данных другого. Не секрет, что некоторые заказчики просят макеты дизайнов присылать в разных форматах. Более того, творческий человек зачастую увлекается не только работой над сайтами, но и рисует логотипы, арты и многое другое. Посему, как нам кажется, лишней, в общем и целом, наша информация для вас не будет.

RGB vs CMYK

По умолчанию вся визуализация на компьютере осуществляется в цветовом пространстве RGB (красный-зеленый-синий). Перед печатью, соответственно, мы также получаем гораздо больший набор цветовых оттенков, что делает документ более насыщенным и ярким. Но сама печать осуществляется в режиме CMYK (бирюзовый, пурпурный, жёлтый и черный). Разумеется, что если перевести изображение из одного режима в другой, цветовая палитра изменится. Иными словами, цвета RGB «потеряются» в CMYK. Потеряется некоторая «живость» сюжета, яркость красок, насыщение. И причина тому банальна: RGB включает в себя гораздо больше цветов и оттенков.

Но такого поворота событий (потерю цветов) можно избежать.

Для начала переведем наше изображение палитры из RGB (по умолчанию) в CMYK, используя Изображение -> Режим . Затем выбираем нужный вариант. Перед взором предстанет сообщение о том, что выбранный вами профиль будет преобразован, а также информация о том, где этот профиль можно изменить.

Ниже можно наглядно увидеть, как теряются и изменяются цвета в CMYK. Думаем, изменения в палитре видны хорошо, хотя они очень тонки и во многом зависят от того, как передает цвет ваш монитор. Попробуйте сами перевести разные по цветовой гамме изображения и получите удивительные результаты.

Зная конверсию цветов, можно теперь обратить взор на возможность получения большего контроля над ней (конверсией). Для этого потребуется настроить цветовой профиль вашего принтера, чернил и даже бумаги. Проще, разумеется, настроить профиль в настройках принтера, но если таковой информации у вас нет, навыка и знаний, то существует и более универсальный вариант.

Для того чтобы иметь больший контроль над управлением цветом, открываем Редактирование -> Настройки цветов. Перед нами открывается насыщенное и для многих замудренное информацией окно. Если вы открыли его впервые, то вероятно еще нет никаких здесь изменений и вы увидите значения по умолчанию для текущей версии Photoshop. Такие настройки хороши в большинстве случаев. Однако, если вам нужно подготовить ваши изображения для печати (и не только, но об этом позже), то эти настройки могут справиться не со всеми вашими требованиями.

Выберите регион. Описание каждого региона подскажет особенности цветовых наборов и зависимость от типа бумаги. Если вы готовите не печать, но Web, то и здесь есть несколько вариантов, отличных друг от друга. Поскольку мы с вами живем и работаем в Европе, то выбор соответствующего региона становится очевидным.

Цветовое пространство RGB . Можно оставить выбор по умолчанию, а можно выбрать то, что будет для вас оптимальным, лучше отражаться на мониторе. Кроме этого обратим внимание, что:

• если вы работаете только для web, то SRGB будет вполне достаточно;
• набор цветов ColorMatch RGB выбирают автоматически те, что работают на устройствах Apple (Mac Book);
• набор ProPhoto RGB представляет собой самое широкое пространство и богатое оттенками. Разумеется, что для высококачественной графики, фотографий, спецэффектов оно подходит более всего.

Аналогично выбираются и палитры CMYK . Но стоит помнить, что некоторые модели струйных принтеров Epson, Canon и HP работают как раз с данными RGB , а не CMYK, поэтому ваши настройки в данном случае не будут иметь никакого влияния. Посему, универсальным выбором остается US Web Coated (SWOP) v2.

Стратегии

Стратегии управления цветом появились в Photoshop CS 6 и присутствуют во всей серии Photoshop CC. Некоторые пользователи испытывают трудности в том, чтобы разобраться, зачем вообще настройки нужны и как это повлияет на их работу. Давайте попробуем понять вместе на более простых и наглядных примерах.

Каждое пространство имеет одинаковый набор политик, поэтому обобщим на примере RGB.

Выкл. - Photoshop будет игнорировать работу с профилями документа. То есть, при сохранении изображения профиль не будет встраиваться и если открыть его на другом компьютере или в другом приложении - цветовая гамма будет другой. Если в документе есть цветовой профиль и он совпадает с текущим профилем в Photoshop, то приложение будет его использовать автоматически и сохранит в документе.

При вставке из буфера обмена изображение не будет изменяться и настраиваться под текущее цветовое пространство, а значит, если вы вставите что-то в свой макет сайта, то внешний вид этого может быть кардинально другим.

Сохранять встроенные профили - значение по умолчанию, так как функциональность более гибкая. Если в открываемом документе имеется встроенный профиль не соответствующий тому, что есть в Photoshop, то документ откроется именно со встроенным и будет обрабатываться с учетом его характеристик. То есть, сам Photoshop не будет пытаться изменить то, что уже есть . Аналогично будет вести себя приложение, если цветовые профили будут совпадать. При создании и сохранении нового документа текущий профиль приложения будет по умолчанию встроен и сохранен в документе.

Конвертировать в рабочее пространство - непростая функция и находятся те дизайнеры, кто её любит использовать. Если в документе нет встроенного профиля, то Photoshop автоматически преобразует его в текущий и будет работать с ним в дальнейшем. Но при сохранении, опять-таки, ничего в нем не сохранит (цветовой профиль). Если документ, наоборот, имеет данные о цветах, но они отличаются от текущего пространства в приложении, то Photoshop, опять таки, преобразует его в выбранное. Сохранение будет происходить с новыми настройками (текущими для приложения). При вставке изображения из буфера обмена (или вклеивания) цветовая гамма преобразуется.

Так или иначе, но при несовпадении цветовых профилей, Photoshop выводит предупреждения, поэтому сообразить, что в настройках есть недочеты, можно в любое время.

Преобразование

Нажмите Метод и увидите четыре разных варианта. Большинство времени вы уже работали с параметром «Относительный колориметрический ». Если в двух словах пояснить суть, то цвета, являющиеся общими в некотором цветовом охвате для нескольких устройств, остаются неизменными, а все прочие изменяются и сжимаются. При этом цвета будут сопоставляться на основе белого на обоих устройствах. Это удобно для печати и лучшим вариант для предварительного просмотра.

Перцепционный вариант выбирают для работы с фотографиями и выводами их на печать, так как цвета между устройствами сохраняются полностью, не удаляются и не сжимаются. Для работы с Web этот вариант хорош, но непрактичен. Чем больше цветов, тем больше размер документа, да, и по факту, цвета в веб-дизайне должны использовать четкими и яркими, а не «оттенками чего-то там с добавлением нечто эдакого ». Если вы обрабатываете графику, изображения и пр., то несомненно Перцепционный будет в преимуществе.

Цветопробы

Работать в RGB пространстве удобно и привычно. Но переводить постоянно в CMYK или подбирать отображение цветов в отдельном окне - кропотливо. Есть более простой способ.

Мы создали зарисовку в стандартном RGB. Переходим в Просмотр -> Варианты цветопробы. И здесь можем выбрать нужное или нажать «Заказная ». Тут и начинается интересное!

В зависимости от выбора пространства (а здесь и RGB, и CMYK собраны все из тех же списков, что в настройке цветов) вы увидите, как изменится и ваше изображение. При этом главное - информация о цветах RGB не потеряется. Более того, вы в палитрах будете видеть цвета RGB (глубокие, насыщенные, яркие). Но когда выберете кисточку и начнете рисовать - то цвет автоматически преобразится в зависимости от вашего цветового профиля.

У такого варианта работы с графикой есть свои преимущества. Размер файла в RGB всегда меньше, да к тому же вы всегда сможете получить доступ ко всем функциям редактирования изображения в Photoshop.

Также заметьте параметр «Сохранять числовые значения RGB ». Достаточно часто он искажает цвета до безобразия, и хотя в этом окне мы не создаем профиль, а только имитируем его, все же лучше избежать казусов и отказаться от галочки.

Adobe Bridge

Если у вас имеется приложение Adobe Bridge (обычно оно поставляется в пакете с некоторыми приложениями Adobe или устанавливается отдельно), то подобранный и настроенный цветовой профиль, можно сохранить и перенести в другие приложения Adobe. Если ваша работа не ограничивается только Photoshop и вам приходится творить в Illustrator или InDesign, Muse, Adobe XD (новейший), то постоянно видеть несоответствие цветов может быть неудобным.

Обратим внимание, что даже последний Photoshop CC 2017 по умолчанию отображает цвета намного иначе, чем Photoshop CC 2015 . Поэтому можно, либо нажать сохранить профиль в окне Настройка цвета , а затем в другом приложении Загрузить . Но это если вы работаете только в Photoshop.

Или откройте Adobe Bridge и перейдите в Редактирование -> Настройки цветов CS . Появится окно синхронизации настроек. После этого вы можете выбрать, какие именно настройки вы желаете синхронизировать во всех установленных на компьютере приложениях Adobe. Если вы сохранили свой профиль в Photoshop, то можете загрузить его здесь, нажав «Показать сохраненные файлы » и синхронизировать уже собственные данные.

Заключение

Мы рассказали и собрали воедино общие данные по работе с цветом в Photoshop, профилями и цветовым пространством. Именно поэтому нет примеров дизайнов сайтов, разбора интересных спецэффектов и прочего. Но знать основы колористики веб-дизайнеру не менее важно. И вот вам простенький пример почему.

Вы создали макет сайта/логотипа или изображение чего-то там и не обратили внимания на настройки цветов. Доступ к вашему PSD получает другой дизайнер, например, если вы работаете в команде. Или же вам прислали уже имеющийся PSD и попросили в нем что-то исправить. Вариаций много, суть в том, что каждый имеет доступ к файлу. Но открывая его на разных компьютерах или Mac Book’ах, все видят его по-разному, с разными цветовыми оттенками. И при этом пытаются вас обидеть в плохом подборе цветов. Причина? Настройки стратегий управления, преобразования выбора общего профиля. Придется синхронизировать настройки или подставить и сохранять собственные.

Если ваша задача создать только PSD и передать его заказчику, то также стоит помнить о профилях и о том, что цвета могут отображаться чуть-чуть, но иначе. Более того, если вы работаете не только в веб-дизайне, но и с логотипами, фотографиями, то цветовые профили и тем более нужно настроить на более широкую гамму, полноту оттенков.

Настройки фотошопа для печати тестовых шкал и печати фотографий отличаются. Первое, с чего следует начать - это настройки "Управление цветом" в PhotoShop, как это ни парадоксально звучит. Дело в том, что многие, после печати тестовых шкал меняют настройки.
Для этого заходим в Edit/Color Settings и выставляем настройки, согласно рис 1.

рис 1.

Для чего это делается? Дело в том, что часть изображений не имеет встроенных цветовых профилей или не имеет цветового пространства. Такое часто происходит при редактировании фотографий в программах, которые не сохраняют МЕТА данный (в частности ACDSee). Если изображение, которое не имеет цветового пространства конвертировать в цветовой профиль, то будет произведен не верный перерасчет цветовых координат и как следствие, изображение на выходе получится излишне насыщенным, цвета получатся ядовитыми.
Всего этого легко избежать. Для этого нужно всего навсего, при открытии фотографии (изображения) посмотреть, будет ли появляться всплывающее окно, как на рис 2.

рис 2.

Если в этом окошке будет сообщение, что "изображение не содержит встроенного профиля", то нужно будет выбрать "Назначить рабочее цветовое пространство sRGB или Adobe RGB" (второй пункт). Более подробно, какое пространство нужно присвоить в вашем случае смотрите в по печати тестовых шкал. В большинстве случаев это цветовое пространство "sRGB" для RGB изображений. Для CMYK изображений рекомендуем выбрать "Photoshop5DefaultCMYK".
Следующий шаг - разместить цветовые профили в нужную директорию. Дело в том, что у разных программ эти директории разные. Для PhotoShop это стандартная директория с цветовыми профилями и расположена она по адресу:
копируете профиль в папку (для Win XP) WINDOWS\system32\spool\drivers\color
для Win 98 копируем профиль в папку WINDOWS\system\color
В этих папках будет расположено много файлов с расширением icc и icm.

Существует два варианта печати фотографий из PhotoShop с применением цветовых профилей. Получаемые изображения что в первом, что во втором варианте абсолютно одинаковые, за одним исключением. При печати по второму варианту иногда бывают сбои и профиль работает некорректно. Поэтому рекомендуем распечатать одно и тоже изображение по первому и второму варианту и сравнить их. Если они идентичны, то можно печатать по одному из вариантов.
При печати с использованием цветового профиля нужно печатать либо по варианту №1 либо по варианту №2. Одновременное использование двух вариантов (сперва №1, а затем при отправке на печать использовать вариант №2) ЗАПРЕЩЕНО! Иначе изображение дважды будет преобразовано в цветовой профиль и цвета на распечатанном изображении будут сильно искажены.

Приступаем непосредственно к печати из фотошоп с использованием персонально построенных цветовых профилей. Для этого изображение необходимо конвертировать в цветовой профиль. На этом этапе происходит устранение цветовых отклонений принтера при печати. Для этого идем в меню, выбираем Edit/Convert To Profile... (рис 3.).
Изображение нужно именно конвертировать в профиль, а не "назначить профиль" (Assign Profile...). Еще раз повторяем - следуйте инструкции. Примерно около 95% из всех обратившихся к нам с проблемами игнорировали предыдущий абзац. В результате, если человек выбирает "назначить профиль" - распечатанные изображения получаются ОЧЕНЬ ТЕМНЫМИ.
При печати ч/б фотографий обязательно нужно перевести их из формата "оттенки серого" в формат "RGB" (при использовании RGB цветовых профилей). Если вы отправите на печать изображение в формате "оттенки серого" и при этом будете использовать цветовой профиль, то ничего хорошего не получится - фотография будет ОЧЕНЬ темной с явными перекосами оттенков.
Еще одно замечание - конвертировать в цветовой профиль нужно на самом последнем этапе, то есть уже после всех редактирований.

рис 3.

После того, как вы "конвертировали в профиль" у вас появляется окно, как указано на рис 4.

рис 4.

Где Source Space/Profile - это текущий цветовой профиль вашего изображения.
Вам нужно в окне "Destination Space/Profile:" (рис 4) выбрать из выпадающего списка нужный вам профиль.
После чего выбрать указать остальные параметры (рис 5.).

рис 5.

В разделе "Conversion Options/Intent:" нужны выбрать нужный вам способ рендинга изображения. На выбор есть 4 способа.
Рекомендуем выбирать или первый (Perceptual) или третий (Relative Colorimetric) способы. На разных фотографиях они ведут себя по разному. Но в целом рекомендация следующая - при печати фотографий лучше использовать режим "Perceptual".
Use Black Point Compensation - означает использование в расчетах "черной точки" на изображении. Влияет на проработку полутонов, особенно на матовых бумагах. Нужно поставить галочку.
Нужно также поставить галочку "Use Dither" и "Flatten Image" (объединение слоев).
Дважды конвертировать в цветовой профиль НЕЛЬЗЯ, иначе принтер снова будет врать по цветам при печати.
Следующий шаг - непосредственно печать фотографии. Выбираете пункт "File/Print..." и попадаете на нижепредставленную страничку (рис 6.).

рис 6.

В окне "Document/Profile:" должно отображаться название выбранного вами профиля. Но если название профиля содержит более 27 символов получится как на рис 6, то есть название профиля отображаться не будет.
В окне "Color Handing:" нужно выбрать значение "No Color Management". Остальные значения, такие как масштаб, центрирование изображения, разрешение печати, роли при печати фотографий не играют.
Затем нажимаете кнопку "Print".
Следующий шаг - это настройка принтера при печати. Вы должны выставить те же настройки, что были и при печати тестовых шкал на этой бумаге. Единственное отличие - теперь вы можете печатать "Без полей".
Все настройки управления цветом (ICM) также нужно отключить.
Когда будете закрывать фотографию после всех указанных выше процедур, Фотошоп спросит - "сохранить изменения?". Ни в коем случае не сохраняйте изменения, иначе часть изображения Вы безвозвратно потеряете, за счет урезания цветового охвата, которое было сделано при конвертации в цветовой профиль.

Конвертация в цветовой профиль (рис 3) должна происходить в самую последнюю очередь, то есть после всех цветовых корректировок и изменения масштабов.

Обеспечить универсальность отображения вашего ресурса в сети нелегко, поскольку невозможно учесть конфигурацию системы каждого конечного пользователя. Они могут просматривать веб-сайт с домашнего компьютера или с мобильного устройства. Могут использовать платформу Windows или работать с Mac. В зависимости даже от этих параметров калибровка дисплеев их мониторов варьируется вместе со значениями множества переменных величин. Сочетанием этих факторов обусловлена безвозвратная потеря контроля за отображением ресурса на выходе. Может меняться яркость цветов, их насыщенность, мягкость, или параметры рабочей среды пользователя могут их попросту искажать. Это может вылиться в серьёзную проблему, особенно, если ресурс вашего клиента оформлен в специфических цветах его бренда.

Мы, веб-дизайнеры, обязаны обеспечить нашим разработкам максимально возможное соответствие заданным образцам. Для этого приходится выстраивать процесс создания эскиза, сообразуя каждый его этап с условиями, в которых ваше творение визуально предстанет большинству пользователей. А значит, вам нужно освоить сложную и довольно запутанную систему цветовых настроек.

Хотя таким образом проблема искажения цветов не снимается полностью, острота её, тем не менее, заметно снижается, и обеспечивается максимальная идентичность цветового оформления ресурса при его открытии на большинстве устройств.

Калибровка дисплея

Возможность контролировать отображение ваших цветов на выходе открывается вам осуществлением контроля на входе (то есть, на дисплее вашего монитора). Для этого необходимо тщательно откалибровать монитор: залог грамотного управления рабочим процессом. Есть ПО для калибровки монитора, но лучше задействовать колориметр. Лучше обзавестись им, если вы - человек скрупулёзный. Ряд компаний по сходной цене предлагают приемлемые варианты: Monaco Optix, LaCie blue eye, basICColor displaySQUID и т. д. Калибруете ли вы свой монитор с помощью аппаратных или же программных средств, дайте ему прежде нагреться в течение примерно получаса.
Кроме того, комната должна освещаться мягко и равномерно, нельзя направлять лампу прямо на монитор.

Поскольку наш эскиз будет отображаться как на Mac-устройствах, так и на Windows-ПК, нам нужно применить наиболее общие настройки степени контрастности и баланса белого. Контрастность, коротко говоря, - это свойство, отражающее соотношение между значениями яркости монитора. Чем она больше в цифровом выражении, тем темнее дисплей монитора. Windows-ПК рассчитаны на степень контрастности 2.2, а Mac-устройства - на 1.8, - хотя ОС Snow Leopard сейчас по умолчанию настраивается на 2.2. Значение степени контрастности 2.2 - наиболее типичная для веб-пользователей установка, поэтому и ваш монитор следует настроить соответствующим образом. Баланс белого в большинстве случаев устанавливается на отметку D65, и вам лучше всего следовать сложившемуся обыкновению.

ICC-профили

Обеспечивать универсальность отображения цветов при постоянно расширяющемся многообразии устройств было бы невозможно без единого для всех стандарта. Его-то и разработал Международный консорциум по цвету (International Color Consortium - ICC). Установив цветовые спецификации некоммерческого назначения, ICC позволил устройствам самим распознавать цвета и отображать их так, как следует. Чтобы спецификации ICC работали, и устройства, и файлы нужно снабдить профилями, содержащими всю совокупность параметров.
ICC-профиль файла изображения подробно информирует устройство о том, как ему следует истолковывать данные о цветовой палитре, а профиль устройства сообщает системе о том, как эти данные отображать.
Поскольку типовой красно-зелёно-синий профиль (или sRGB IEC 61966-2.1) содержит описание широкого спектра цветов, которые можно воспроизводить на большинстве устройств, он был принят Интернет-сообществом за стандарт.

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

Настройки Photoshop

Следующий шаг после калибровки дисплея вашего монитора - настройка параметров Photoshop. Здесь-то и начинаются первые сложности. Цветовая обработка в Photoshop преследует две цели. Во-первых, избежать искажения цветов при экспорте файла и его отображении в веб-браузере. Во-вторых, сохранить в файле сведения о его цветовой палитре, чтобы им можно было пользоваться и одинаково просматривать его на различных платформах.

Модуль цветовой обработки (CMM)

Photoshop задействует модуль цветовой обработки (CMM), посредством которого осуществляется преобразование цветов между ICC-профилями. Основу модуля составляет область связи профиля (PCS). Это механизм, обрабатывающий исходные данные файла вместе с его ICC-профилем, и сообщающий устройству назначения, как их отображать, сообразуясь с собственным профилем.

Важно понять суть данного процесса, поскольку цвета, которые вы видите в Photoshop, вовсе не обязательно являются истинными цветами файла изображения. Например, если ваше рабочее пространство настроено по параметрам sRGB, а рассматриваете вы оттенок коричневого (скажем, 161, 121, 69) на Mac-устройстве с помощью DigitalColor Meter, то вы заметите, что в действительности дисплей выдаёт вам 140, 103, 56. Достаточно большое искажение, особенно, синего канала. Оно обусловлено адресованным PCS предписанием документации файла преобразовать его сначала в соответствии с sRGB-профилем, а затем - с профилем монитора.

Чтобы посмотреть исходные цветовые значения, мы можем назначить документу другой профиль через меню редактирования: Edit > Assign Profile. Заменив профиль во всплывающем меню профилем нашего монитора, мы вернём отображаемым цветам их истинные характеристики. То есть, теперь PCS получает предписание напрямую преобразовывать исходные данные в соответствии с профилем монитора в обход sRGB-преобразования, прежде вызывавшего искажение цвета.
Здесь легко запутаться, и расхождения в отображении рабочего пространства могут причинить вам немалую головную боль с вводом браузера в общий рабочий процесс. Многие браузеры полностью игнорируют встроенные ICC-профили, а форматы GIF и PNG вообще их не поддерживают. Вследствие этого цвета искажаются, а браузеры даже могут иначе отображать картинки. К счастью, весь процесс можно упростить: достаточно грамотно управлять вашим рабочим пространством.

Цветовые настройки

Следуя установкам по умолчанию, Photoshop будет экспортировать файлы с искажением цветов при просмотре в браузере. Дело в том, что по умолчанию рабочее пространство Photoshop - Adobe RGB. Этот профиль, оптимальный для обработки и последующей печати фотографий, в ваши веб-эскизы внесёт сумятицу. Поэтому вам нужно изменить ваше рабочее пространство. Есть, так сказать, два подхода к вопросу об оптимальной рабочей среде для создания веб-проектов. Одни утверждают, что профиль рабочего пространства нужно подбирать под профиль вашего монитора, другие же предлагают применять sRGB. Оба способа сулят вам один и тот же результат, только, достигнутый по-разному. Преимущество использования профиля вашего монитора в качестве рабочей среды - в простоте данного решения. Ничего не нужно ни конвертировать, ни тестировать. Однако, следует проследить за отключением опции "Convert to sRGB" в диалоговом окне "Save for Web and Devices". Иначе цвета у вас исказятся. Простейший способ, вполне пригодный для дизайнера-одиночки. При этом, вы плотно увязываете характеристики вашего документа с профилем монитора. Если вам придётся открывать этот PSD-файл на другом компьютере, значения его цветовых параметров сохранятся, но отображаться он будет иначе, и это может ввести вас в заблуждение.

Для максимальной универсальности отображения как экспортируемых вами файлов, так и PSD-документов я рекомендую применять в любом вашем рабочем пространстве строгий стандарт: sRGB. Профиль sRGB обеспечивает базу для точного воспроизведения цветов любым устройством.
Тем не менее, придавая рабочей среде параметры sRGB, вы не добьётесь совпадения отображаемого документа с его браузерной версией (разве только, встроив в него ICC-профиль, легко распознаваемый данным браузером).

Ситуацию легко исправить средствами экранного контроля. В меню View > Proof Setup измените настройку на "Monitor RGB". Далее, убедитесь, что опция View > Proof Colors помечена "галочкой". Вы должны заметить определённые изменения в вашем документе. Вот так он будет выглядеть в браузере. О функции экранного цветового контроля (Proof Colors) трудно не забывать, но вам стоит выработать привычку осуществления такого контроля.

Суть всего вышесказанного сводится к следующему: рабочая среда sRGB - наилучшее решение для обеспечения идентичности отображения картинок в Photoshop и в экспортируемых файлах. Вместе с тем, не забывайте на времы работы включать опцию Proof Colors и переходить на профиль вашего монитора. При выполнении сохранения командой "Save for Web and Devices" включение или отключение функции преобразования "Convert to sRGB" не имеет значения, но назначение цветового профиля через "Embed Color Profile" нужно обязательно отключить.

Для изменения рабочей среды откройте диалоговое окно цветовых настроек (Edit > Color Settings). Теперь рабочее пространство RGB можно заменить на sRGB IEC61966-2.1. Кроме того, в данном окне вы увидите и ряд других настроек.

Прежде все браузеры полностью игнорировали встроенные ICC-профили. Однако, они начинают всё больше их распознавать. Когда все браузеры "подтянутся" по части цветовой обработки, ваш рабочий процесс сильно изменится в сравнении с тем, что мы сейчас рассматриваем.
К счастью, вы уже успеете привыкнуть к цветовому пространству sRGB, и вам лишь нужно будет начать встраивать профиль в ваши файлы при их сохранении, помечая "галочкой" опцию "Embed Color Profile".

Приёмы цветовой обработки

Функции цветовой обработки (Color Management Policies) позволяют вам устранять расхождения в характеристиках профилей. Например, копируя и вставляя из буфера изображение с профилем, отличным от текущего профиля рабочей среды, вам понадобится проследить за конвертацией его файла. Я рекомендую оставлять встроенные профили RGB, CMYK и Gray в пункте меню "Preserve Embedded Profiles", проставляя обе "галочки", отмечающие расхождение профилей ("Profile Mismatches"). При открытии или вставке файла с отличающимся профилем Photoshop будет запрашивать ваше согласие на конвертацию файла в соответствии с текущими параметрами рабочей среды, сохранение текущего профиля или полный отказ от выполнения цветовой обработки.

Имейте в виду, что в ходе преобразования одного профиля в другой происходит утрата данных. Цветовое пространство sRGB, в действительности, гораздо меньше, чем, например, Adobe RGB. Поэтому, преобразуя файл из Adobe RGB в sRGB, вы будете удалять массу информации. Это - неизбежная потеря, и применять подобное преобразование нужно только по необходимости.

Опции преобразования и сложной обработки

Нажав на кнопку "Дополнительные опции" ("More Options") в диалоговом окне цветовых настроек ("Color Settings"), вы получите ещё ряд опций. Во-первых, это опции преобразования (Conversion Options) для управления процессом конвертации изображений из одного профиля в другой. Это набор довольно сложных опций, без которых, наверное, вполне можно обойтись при разработке обычного веб-проекта. Однако, они могут вам и пригодиться: при конвертации оттенков, точная передача которых очень важна, например, цветов логотипа, когда вы сможете получить искомую комбинацию значений выбором опции "Абсолютная колориметрия" ("Absolute Colorimetric"). Опции сложной обработки (Advanced Options) не так уж востребованы при веб-конструировании. В основном, они применяются для имитации цветовых схем различных устройств и печати. Вообще, от использования этих опций вполне можно отказаться.

Присвоение профиля

Опция присвоения профиля ("Assign Profile") может применяться для изменения профиля, приписываемого определённому документу, без непосредственной конвертации составляющих его данных. Она может пригодиться вам в случае утери документом его профиля по каким-то причинам, и если вам его профиль, при этом, известен. При других же условиях, наугад, использование данной опции вряд ли разумно. Чтобы вдруг, случайно натолкнуться на профиль, верно воспроизводящий картинку в оригинале, вам пришлось бы перепробовать несколько разных вариантов.

Конвертация в профиль

Если изображению присвоен профиль, отличный от текущего профиля рабочей среды, его придётся преобразовать, прежде чем включать его в ваш sRGB-документ. Как уже говорилось, конвертация документа в другой профиль приводит к утрате исходных данных. Поэтому старайтесь ограничиваться однократным преобразованием файла: из его исходного цветового пространства сразу в вашу рабочую среду.

Photoshop использует механизм визуализации для пересылки изображения из его исходной среды в место назначения посредством различных алгоритмов. Каждый такой алгоритм (или "Intent" (средство получения искомой комбинации значений), как он обозначен в диалоговом окне) специализируется на отдельном виде конвертации. Опция "Relative Colorimetric" ("Относительная колориметрия") в качестве установки по умолчанию, пожалуй, - оптимальное решение, поскольку оно стремится обеспечить максимально близкое к оригиналу воспроизведение цветов при сохранении наиболее важных значений. К применению "Абсолютной колориметрии" ("Absolute Colorimetric") стоит прибегать для передачи цветов, служащих "позывными" своих изображений.
Опция визуализации по восприятию ("Perceptual") предполагает воспроизведение цветов такими, какими их различает человеческое зрение, существенно отходя от их исходных значений; её можно иногда применять при конвертации фотографий. Наконец, визуализация по насыщенности ("Saturation") выполняется с усилением насыщенности изображения, без соблюдения исходных цветовых параметров и их пропорций.

Быстрая установка

Итак, настройка функций цветовой обработки в вашей системе чрезвычайно важна для последующего корректного отображения вашего Photoshop-документа онлайн. И хотя аспекты цветовой обработки, как таковой, могут быть весьма сложными, сам процесс настройки очень прост:

1. Выполните калибровку вашего монитора, установив степень контрастности на отметку 2.2, а баланс белого - на D65.
2. Назначьте sRGB рабочей средой Photoshop.
3. Применяйте Photoshop-команду экранного цветового контроля "Proof Colors" для тестирования каждого документа в RGB-профиле монитора.

Поводом для написания этого материала послужили многократно повторяющиеся вопросы на форумах и в личных сообщениях на e-mail. Дело в том, что при неоптимальных настройках может возникать как замедление работы программы, так и различные другие проблемы, например, невозможность работы с отдельными фильтрами или инструментами.

Итак, давайте приступим.

Сначала настроим основные параметры самой программы, а затем перейдем к настройкам управления цветом.

Для того, чтобы открыть диалоговое окно настроек, нужно либо перейти в меню Редактирование - Настройки - Основные (Edit - Preferences - General) CTRL+ K .

Появится следующее окно настроек (кликнув по картинке, вы можете просмотреть увеличенное изображение).

Здесь я обычно ставлю алгоритм интерполяции по умолчанию Бикубическая (наилучшая для плавных градиентов) . Этот алгоритм наиболее универсален и подходит как для уменьшения, так и для увеличения размера изображения. Однако, после уменьшения придется поднимать резкость. Если же вы преимущественно уменьшаете изображения, то можете поставить алгоритм Билинейная . Тогда, в большинстве случаев, вам не придется повышать резкость после уменьшения либо делать это придется гораздо реже.

Также я снимаю флажок с параметра Смена инструмента клавишей SHIFT . Это ускоряет работу, так как позволяет быстро переключаться между инструментами одной подгруппы (например, между обычной и микс-кистью) нажатием всего одной клавиши, а не двух.

Теперь перейдем на следующую вкладку Интерфейс

Здесь настройки касаются в основном визуальных эффектов (обведено красным). Я их отключаю, так как это мешает в работе. Цвет интерфейса - это дело вкуса, но я привык по старинке работать в светлом интерфейсе.

Следующей вкладкой я не пользуюсь, так как функция синхронизации настроек еще недостаточно доработана. Никаких изменений я в нее не вношу.

Переходим на вкладку Обработка файлов

Здесь я изменяю настройку Максимизировать совместимость файлов PSD и PSB . Ставлю значение Всегда , чтобы каждый раз при сохранении не появлялось окно с этим запросом.

Следующая вкладка - Производительность .

Здесь нужно задать объем оперативной памяти, который будет использоваться программой, количество шагов истории изменений файла, доступное в палитре История , рабочие диски, а также настроить параметры использования графического процессора (видеокарты). Давайте пройдемся по порядку.

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

Рабочий диск нужно выбрать отличный от системного (того, на котором установлена операционная система). Рабочий диск используется для временных файлов, которые создает фотошоп в процессе работы. Очень хорошо, если это будет диск SSD, в этом случае многие операции будут выполняться быстрее.

Количество шагов в истории я оставляю по умолчанию равным 20, так как практически не пользуюсь историей изменений. Почему? Да потому что уже через пару минут ретуши даже 500 шагов истории уже будут использованы, а для хранения истории требуются большие ресурсы, что может привести к замедлению работы программы.

Поэтому вместо обращения к истории нужно просто правильно организовывать свою работу: производить операции на копиях слоев, использовать принципы неразрушающего редактирования.

В блоке настроек графического процессора нужно проверить, чтобы был включен флажок Использовать графический процессор . Для более подробной настройки нужно нажать кнопку Дополнительные параметры

Проверьте, чтобы параметры были настроены также, как на рисунке. Особое внимание обратите на два флажка - Использовать графический процессор для ускорения вычислений и Использовать OpenCL . Отключение этих функций приводит к невозможности использования многих операций и фильтров.

Из следующих вкладок практическое значение имеет вкладка Внешние модули . В ней должны быть включены флажки блока Фильтры и Панели расширения . Тогда все фильтры будут показываться в меню, а различные панели расширения будут работать.

Теперь настроим параметры системы управления цветом. Для этого нужно либо перейти в меню Редактирование - Настройки цветов (Edit - Color Settings) либо нажать комбинацию клавиш SHIFT+ CTRL+ K . Откроется окно настроек

В строке Настройки из выпадающего списка выберите Универсальные настройки для Европы . Таким образом, основным рабочим пространством для модели RGB станет sRGB IEC61966-2.1. На этом настройка цветов закончена.

В качестве рабочей среды можно использовать предустановленную среду Фотография . Выбрать ее можно в верхнем правом углу окна программы. Палитры программы вы можете затем настроить по своему желанию.

Теперь нужно перезапустить программу и можно приступать к работе.

Несколько месяцев назад один дизайнер попросил моей консультации по вопросу Экшенов в Фотошопе. Девушке, которая выполняла дизайн каталога мебели, требовался простой и быстрый способ создания зеркального отображения мебели. Так как вся мебель была совершенно разная, создать один экшен под все предметы не представлялось возможным.

А спустя месяц, уже после того, как работа была выполнена и распечатана, она обратилась ко мне с уже другой проблемой.

Выполненный и распечатанный дизайн оказался слишком блеклым и темным. Что является распространенной проблемой многих начинающих дизайнеров печати. Не избежал этой проблемы в свое время и я. Почему же печать подчас получается слишком темной? Почему так сложно работать в CMYK и почему результат на компьютере выглядит значительно ярче результата на бумаге?

Конечно же первым делом я попросил выслать мне сделанные и подготовленные к печати макеты, потому что проблема далеко не всегда кроется в стадии подготовке к печати. Но увидев макеты мне сразу стала ясна причина серости и блеклости цветов. И в этой статье я хочу эту причину обозначить, а так же предложить вам решения по её исправлению.

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

Калибровка монитора

Начнем с начала. Одна из проблем с цветокоррекцией в CMYK и тусклыми образцами света может быть неправильно откалиброванный монитор. Или вернее сказать, не откалиброванный совсем. Сегодня на рынке царство дешевых TN матриц, калибровать которые можно поворотом вашей головы. Тем не менее даже в таких матрицах можно добиться минимально приемлемой цветопередачи. На изображении ниже вы не должны видеть цветные оттенки. Чем отчетливее вы их видите, тем сильнее вашему монитору требуется калибровка.

Калибровка монитора - тема большая и требует отдельного рассмотрения. Я лишь постараюсь дать общие рекомендации. У монитора должна быть правильно отображена гамма 2,2. Неправильно настроенная гамма дает вам неверное представление о полутонах. Например вам кажется, что вы выбрали белый цвет, а в реальности вы работаете с достаточно темными оттенками серого. Причина этого - пережженные яркостью оттенки и неправильно настроенная гамма.

В некоторых случаях монитор может иметь искаженный оттенок. К примеру белый цвет оттеняется легкой синевой. В других ситуациях белый цвет может превратиться в желтый. В таких ситуациях нужно настроить RGB кривые монитора. По моему опыту лишь в 5% ситуаций ошибка в цветокоррекции CMYK находится на уровне не откалиброванного монитора.

Профессиональные цветокорректоры, надо сказать, не считают допустимым термин «Калибровка монитора» в отношении дешевых TN матриц на бюджетных мониторах вообще. Если вы не разбираетесь в калибровке, у вас нет нужных программ, нет специального прибора для калибровки, лучшее что вы можете сделать это вернуться Дефолтным настройкам монитора.

Правильный цветовой профиль

Перед тем как начать работать в CMYK убедитесь в том, что выбрали для работы правильный цветовой профиль. Сделать это можно в Edit > Color Setings Итак, что же такое профиль и для чего он нужен в CMYK. Когда я начинал работать как дизайнер печати я изучил массу информации на эту тему и перечитал сотни статей. Я сталкивался с графиками, кривыми, сложной терминологией. Ощущение складывалось такое, будто одни спецы рассказывают о профилях другим спецам. В интернете хватает действительно сложных статей о цветокоррекции и не хватает статей простых, объясняющих начинающему дизайнеру для чего все это нужно.

Скажем так, в мире существует сотни и тысячи различных печатных устройств. Каждый из таких принтеров, в зависимости от своего устройства и качества комплектующих может печатать цвет очень по разному. При этом мы получаем ситуацию, в которой различные мониторы, в зависимости от качества матрицы по разному показывают цвет. Но ещё и принтеры совершенно по разному могут этот цвет напечатать. Цветовые профили для того и созданы, чтобы во всем этом многообразии способностей различных девайсов показывать и печатать цвет - установить некие правила.

Цветовой профиль - суть, фаил, который описывает, как именно определенное устройство должно показывать или выводить определенный цвет. Вместе все профили можно разделить на 3 типа. Первые предназначены для приборов захватывающих цвет (сканеры, фотокамеры), вторые для приборов отображающих цвет (мониторы), и третьи для вывода цвета на печать (принтеры).

Так какой какой же цветовой профиль CMYK вам выбрать и в каком работать? Надо сказать, что работая в CMYK вы уже по умолчанию работаете в каком-то из профилей. На панели Color Setings вы найдете массу профилей для печати и какой же верный для работы? Естественно, правильный профиль это то, в котором ваш дизайн будет печатать типография. А значит вам нужно внимательно ознакомиться с требованиями к печати конкретной типографии, найти требования к цветовому профилю и поставить себе такой же. В этом случае вы будете видеть цвета именно так, как конкретная типография, на конкретном принтере сможет её напечатать.

Увы, но не всегда дизайнер знает где будут печатать дизайн, кто и когда. В этом случае я бы посоветовал вам держаться общих настроек. В том же окне Color Setings выбирайте Europe Prepress для печати в Европе или North America для Америки. Надо понимать, что общие настройки - общие. А общие значит - усредненные. Подходящие для массы различных принтеров. При этом усредненные настройки, далеко не лучший способ добиться хороших цветов от конкретной машины. Именно по этой причине многие типографии делают свои собственные цветовые профили, учитывающие специфику конкретно их оборудования.

Как минимум вам нужно знать для каких целей ваш дизайн будет использован и на какой бумаге будет распечатан. Например, если макет будет использован для газеты, то вам понадобится специальный «газетный» цветовой профиль. В стандартных настройках Фотошопа вы найдете News American Newspaper, который включает в себя цветовой профиль подобного типа. Специфика такого профиля заключается в том, что он ограничивает % краски, на точку бумаги. Это связано с тем, что газетная бумага слишком тонкая и впитывающая. И излишки краски расплывутся по такой бумаге как акварель.

Яркость красок в CMYK

Чтобы вы не видели на своем мониторе, вариант на печати будет неизменно серее и темнее. Это неизбежный процесс, связанный с различием отображения цвета на мониторе и на бумаге. Цвета на экране светятся, а краски на бумаге отображаются через отражение света. Яркость краски зависит от степени освещения. Всем понятно, что чем светлее в комнате, тем и бумажную печать видно лучше. Если говорить об упаковках, то чаще всего печатную продукцию заворачивают пластик. Пластиковые обертки глянцевые и при попадании света дают блики. И, конечно, снижают видимость печати еще на 10-20%

Зная заранее о таком свойстве отображения цвета, вам стоит сделать дизайн намеренно ярче, учитывая то, что в реальности он будет выглядеть темнее. Если у вас полутемная комната, в дизайне полутона, едва проглядывающие сквозь мрак элементы, будьте готовы к тому, что на печати вы получите ровный черный цвет. А все детали, видимые на мониторе, на печати просто пропадут. Кроме того цвет на печати неизменно потеряет в насыщенности и яркости. В настройках цвета в Фотошопе вы можете заранее эти огрехи учесть, выставив 10-20% потери насыщенности.

Цветокоррекция в CMYK

Теперь, когда мы разобрались с калибровкой монитора, цветовыми профилями, и способностью краски соответствовать экранному оригиналу, я вернусь к работам девушки дизайнера. Стоило увидел макеты, для меня было очевидно, в чем причина плохих и темных цветов.

Как только вы начинаете подготавливать графику на печать, вам следует забыть о цвете на мониторе. То что вы видите - чаще всего иллюзия. Самая главная ошибка, которую делают начинающие дизайнеры - выбор цветов через Color Picker. Когда вы выбираете цвета для дизайна, вам нужно забыть о пикселях на экране. Вместо этого вам нужно мыслить краской. Вместо пикселей, представляйте слои с краской, которая лягут друг на друга, образовав цвет.

Такой способ воспринимать цвет вырабатывается не сразу. Когда я начал работать дизайнером печати, я просил образцы с каждой своей работы. Это помогало мне видеть, результаты своей работы на мониторе. Прогнав таким образом несколько десятков работ вы получите бесценный опыт и понимание того, как и в какие оттенки смешивается CMYK краска. В итоге вы перестанете воспринимать цвет на мониторе совсем, а в голове останутся одни цифры по CMYK.

Подбор красок в CMYK

Самая распространенная ошибка начинающего графического дизайнера при работе в CMYK, это работать с цветами так, как будто он рисует дизайн для сайта. Вы открываете ваш Color Picker, кликаете по образцу света и используйте его. Вам стоит сразу отучаться от этой вредной привычки. Понять, почему так делать не нужно просто, если знать, как работает Color Picker в режиме CMYK.

Принцип его устройства простой, вы кликаете по палитре и получаете образец. Далее вы используете этот цвет для вашего дизайна. Если мы переключимся в режим CMYK то с окном Color Picker ровным счетом ничего не изменится. Оно останется точно таким же, как в режиме RGB, запутывая новичков. Почему? На самом деле я не знаю. Для меня это загадка. Но реальное окно Color Picker при работе в CMYK лишь ограничивает выбор RGB цветов. Вы по прежнему можете выбрать ядовитый Салатовый цвет, но при попытке закрасить этим цветом шейп, Фотошоп автоматически конвертирует этот цвет, в максимально возможный цвет по CMYK.

Причина этого заключается в том, что окно Color Picker до сих пор работает в системе RGB. Вы по прежнему видите полную палитру RGB цветов. И все что меняет режим CMYK для этого диалогового окна - теперь недоступные RGB цвета действительно недоступны. Такое же положение вещей сохраняется во всех графических редакторах. Тоже самое происходит в Corel Draw и других программах. И самая грубая ошибка, которую может совершить начинающий дизайнер печати - это выбрать через окно Color Picker черный цвет и применить его к тексту.

В реальности происходит следующее. Вы выбираете черный цвет на палитре Color Picker и Фотошоп, ни сколько не заботясь о том, как данный цвет будет выглядеть на печати, математически подбирает наиболее близкую схему из красок. Поэтому выбрав вроде бы черный, мы получаем мешанину из Progressive Black.

Если вы выставите идеальные цифровые значения C0M0Y0K100, то вы найдете черную краску где то ближе к фиолетовому оттенку. Но вам никогда не удастся отыскать данную комбинацию пипеткой. Даже если вы потратите на это всю свою жизнь и будете искать это сочетание цветов только в этой области. Тоже самое касается всех остальных чистых оттенков по CMYK. Вам никогда не найти идеально зеленый (С100Y100).

Точно такие же проблемы возникают у всех темных оттенков, в особенности коричневых оттенков цвета. Выбирая коричневый цвет по окну Color Picker, вы создаете хаотичную смесь из случайных красок. Например выбрав приятный темно-коричневый цвет на экране, мы получаем смесь из красок С40 M76 Y100 K55. Математически все верно. Но на бумаге такое сочетание будет иметь катастрофические последствия. Чтобы понять почему, вам придется вернуться в детство и вспомнить как в детстве мы малевали гуашью на бумаге.

Наверное все в детском возрасте играли с красками, смешивая их вместе. И каждый новый оттенок нарушал «чистоту» цвета, делая цвет все темнее и невнятнее. Тоже самое происходит при печати в CMYK. Для примера я создал 4 лепестка цвета и наложил их друг на друга через режим смешения Multiply, который имитируем наложение красок. Итого мы имеем две краски оттеночные, создающие нужный нам красный цвет. И две краски затемняющие. Переводящие красный в коричневый. В реальности на печати такой цвет будет выглядеть практически как черный.

Для затемняющей краски достаточно одного слоя. Таким слоем может быть и черный канал, но лучше использовать синий. Излишки черной краски «засеряют» макет. А излишки синей затемняют и создают неправильный оттенок. Если мы выберем пипетку и начнем брать образцы с макета то, мы найдем неправильные смешанные комбинации по всему макету.

А если разложим изображение по каналам, и посмотрим исключительно на черный, то найдем масштабную серую пелену по всему макету. И не удивительно что каталог получился в 2 раза темнее чем должен был, если для затемнения использовали 2 слоя краски вместо одного. В этом черном канале и заключается проблема с цветокоррекцией.

Вместо выбранного пипеткой темно-коричневого, я подобрал другой коричневый, через панель Windows > Colors. Но на этот раз в нем не используется дополнительный лишний черный канал. А оттенок цвета при этом очень близок. Но на печати разница будет разительная.

Потому что коричневый с использованием 3х каналов будет выглядеть значительно светлее коричневого с использованием 4х каналов. Что и получилось на макете у дизайнера. Вместо насыщенный коричневых - серые полотна и тьма. Изучив макет я даже на достаточно светлых участках каталога нашел смеси из 4х красок. И практически везде подмешаны не 10 так 5% черной краски. Черную краску не нужно бояться, но применять её стоит лишь в самых темных, контрастных тенях, где без черной краски не обойтись.

Если продолжать цветопробу элементов макета, то обнаружится, что даже красные элементы выбирали через диалоговое окно. И даже они выглядят блекло и серо, потому что вместо правильный C0M100Y100K0 вы найдете там невнятные C10M87Y95K4

Дальнейшее изучение макета выявило следующую проблему. Везде дизайнер применил «тонкую игру теней». Различные оттенки коричневого, разница между которыми хорошо видна на экране. Но содержание этих оттенков по прежнему математически дикое. Между оттенками вроде С65M62Y64K75 и С57M72Y73K80 в реальности не будет никакой разницы и вся тонкая игра теней пропадет. А все потому что в одной краске темноту компенсирует Синий, в другой, синего меньше, но больше черного. 4 канала заряженных по полной сольются в один темный цвет, и никакую игру оттенков на печати будет не разглядеть.

Напротив, если использовать 3 канала и выверенные проценты, например С50M100Y100K0 и С60M100Y100K0, разница в оттенках будет очевидной.

Подбор цветов в CMYK

Наилучший способ подбора цветов в системе CMYK - панель Color. Если в режиме RBG данное окно представляет из себя загадку, то с CMYK все понятно и просто. Сложно логически понять, каким образом из соединения Синего и Красного получается ядовито Голубой. Такую логику понять очень сложно.

Напротив, намного легче понять, что при соединении желтого и пурпурного получается красный. При смешивании Синего и желтого получается зеленый. Потому что каждый из нас рисовал в детстве красками или даже фломастерами, смешивая различные оттенки. При работе в CMYK я настоятельно рекомендовал бы использовать панель Color вместо диалогового окна Color Picker.

Заключение

Не подумайте, что я запрещаю пользоваться диалоговым окном Color Picker. Вы можете как и ранее брать образцы пипеткой, но выбрав такой, всегда корректируйте значение цвета изменением цифр CMYK. Придерживайтесь ровных значений, избегайте примесей 4х каналов. Не бойтесь ярких и чистых цветов. Ну а я в свою очередь постараюсь и дальше освещать различные аспекты подготовки графики для печати и цветокоррекции в CMYK.