Обучайся бесплатно с WAYUP Premiere сегодня вечером

Управление цветом в 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 и передать его заказчику, то также стоит помнить о профилях и о том, что цвета могут отображаться чуть-чуть, но иначе. Более того, если вы работаете не только в веб-дизайне, но и с логотипами, фотографиями, то цветовые профили и тем более нужно настроить на более широкую гамму, полноту оттенков. 

Как вам материал?