Как я работаю с цветом
Некоторые люди спрашивают меня, как я подхожу к выбору цветов в своих работах, и просят провести небольшую “экскурсию” по моим методам. Я постараюсь рассказать о некоторых инструментах и приемах, которыми я обычно пользуюсь, когда дело доходит до подбора цветов. Что-то будет вам полезно, что-то — нет. Зато это бесплатно.
Давным давно — когда-то в другой жизни — я работал в мире печатных СМИ. В процессе дизайна статей для ежемесячного номера журнала, мы регулярно сталкивались с одной проблемой: фотографии из разных фотосессий нужно было адаптировать под одну статью. Чтобы создать хоть какую-то визуальную согласованность истории, требовался достаточно долгий процесс цветокоррекции оригинальной фотографии. Обычно это сводилось к преувеличению цветовых тонов сцены, чтобы она соответствовала общему тону статьи. А иногда это означало полное “перекрашивание” всей сцены.
С тех пор я использую полученные в журнале знания и стараюсь адаптировать некоторые техники под мир иллюстрации: например, ухватывать общий тон повествования и создавать уникальные цветовые палитры, которые хорошо работают в ансамбле.
Огромная часть сообщения, которое несет в себе наша работа, передается посредством цвета. Правильно подобранные тона создают атмосферу и эмоциональную глубину, а вот когда цвета не сочетаются появляется ощущение диссонанса и шероховатостей в повествовании. Правильная цветокоррекция — это ключ к созданию успешного опыта. Посредством цветов мы можем направлять и вдохновлять нашу аудиторию.
Давайте рассмотрим пример того, как цвет влияет на объект:
Хотя перед вами 2 картинки одного и того же магнитофона, по левому сложно сказать, к какому времени он относится. Цвета достаточно простые, большинство из них — оттенки серого. С другой стороны, цвета правого магнитофона создают явное ощущение винтажности.
Это пример того, как работает цвет.
В нашей виртуальной “экскурсии” мы не будем рассматривать цветокоррекцию с очень уж технической точки зрения — отчасти потому, что я не обладаю огромными техническими знаниями — но если вы хотите еще лучше понять, что такое цветокоррекция, обязательно посмотрите ролик Color Reel from The House on Pine Street.
Вместо этого, я расскажу вам о нескольких шагах, которые я использую в своей работе. Надеюсь, они в какой-то мере помогут вам создавать более приятные цветовые палитры. Это далеко не вся информация, которую нужно знать, но это уже начало.
Настраиваем цветовую палитру
Обычно я начинаю работу над палитрами в Illustrator. На этом этапе игры, я обычно не заморачиваюсь об “идеальности” цветов — меня скорее интересует, что это будут за цвета. Я имею в виду, что если я собираюсь работать с оранжевым, синим и черным, я просто возьму любой готовый оранжевый, синий и черный — я знаю, что подстраивать палитру я буду на финальном этапе. Поэтому на текущем этапе можете сходить с ума: воплощайте самые невероятные мечты! Можете даже выбрать цвета из дефолтных образцов Illustrator.
В этом примере мы так и сделаем: соберем палитру из дефолтных цветов Illustrator, чтобы продемонстрировать вам, как эти цвета будут выглядеть после цветокоррекции.
Мы также создадим пример иллюстрации, чтобы рассматривать нашу палитру в контексте какого-то окружения. Справа от иллюстрации мы разместили саму палитру для сравнения.
Если на вашем этапе работы у вас еще нет иллюстрации (и даже если есть — у нас ведь свободный мир), вам может быть полезно создать для выбранных цветов “игровую площадку” — некий паттерн, в котором цвета взаимодействуют друг с другом. При создании такого паттерна, постарайтесь так разместить цвета, чтобы каждый из них соприкасался с остальными хотя бы в одной точке. Смотрите мой пример паттерна ниже:
Итак:, у нас есть цвета, с которыми можно работать, а также сцена, в которой можно экспериментировать. Теперь давайте перенесем все в Photoshop и начнем процесс цветокоррекции, чтобы создать что-то визуально интересное (или хотя бы более приятное для глаза).
Работаем с корректирующими слоями Photoshop (adjustment layers)
Добро пожаловать обратно в царство растра! Теперь, когда у нас есть файл для работы, давайте перенесемся в удивительный мир фотошопа.
В ходе процесса цветокоррекции, мы будем работать с несколькими инструментами:
- Кривые (curves) — регулируемый график, который контролирует тоновый диапазон изображения.
- Уровни (levels) — регулируемый график, который корректирует тоновый диапазон и цветовой баланс изображения посредством подстройки уровней интерсивности теней, светов и полутонов.
- Выборочная коррекция цвета (selective color) — смеситель каналов (channel mixer), который работает с выбранным цветом.
Я ни в коем случае не утверждаю, что цветокоррекция в Photoshop осуществляется только этими тремя инструментами. Тем не менее, именно ими я чаще всего пользуюсь при работе с программой.
Чтобы воспользоваться корректирующими слоями, перейдите в Слой > Новый корректирующий слой (Layer > New Adjustment Layer) и укажите, какой тип слоя вы хотите добавить. В этом примере мы начнем с кривых (curves).
Корректирующие слои: Кривые
На картинке выше вы видите настройку параметров для кривых. В этом конкретном примере мы будем в основном работать с переключателем канала (на котором сейчас написано RGB), а также с линией графика, которая сейчас идет по диагонали из нижнего левого угла в верхний правый. Если вам нужно подробное описание того, как технически работают кривые, проконсультируйтесь с отличными ребятами из Adobe.
Сначала мы будем работать с нашими каналами RGB (так как наш холст в данном случае в RGB). Начнем с выбора красного (Red) канала. Чтобы приступить к цветокоррекции изображения, будем взаимодействовать с нашей симпатичной линией графика.
Чтобы вы могли читать линию графика: нижняя левая часть представляет собой тени, относящиеся к этому каналу в пределах одного изображения, а верхняя правая — света этого же канала. Когда вы кликаете по линии графика в какой-то точке, появляется якорь, которым можно управлять простым перетаскиванием.
В примере выше, мы работаем лишь с красным каналом, но нам нужно использовать все три. Я больше всего люблю синий, так как он немного приглушает насыщенный фиолетовый и голубой, а также привносит симпатичный, теплый желтый в светлых областях.
В контексте работы с кривыми, лучший совет, который я могу дать — это поиграть с цветами. По моему опыту, можно поставить сколько угодно якорей. Кликайте всегда, когда что-то приходит вам в голову.
Совет: Если вы не хотите играть в опасные игры, поставьте точку в середине графика, а потом разместите якоря с обеих сторон от нее, чтобы можно было управлять светами и тенями по-отдельности, не меняя всего изображения.
Корректирующие слои: Уровни
Уровни работают почти так же, как и кривые. Мы снова будем работать с тоновым диапазоном изображения. Однако, вместо линии графика, мы будем использовать слайдеры, чтобы менять тоновые диапазоны светов, теней и полутонов.
Розовым овалом показано, где находятся 2 слайдера (которые меняют — слева направо — показатели теней и светов), которыми мы будем сегодня пользоваться. Опять же, это далеко не все, что можно делать с уровнями — лишь некоторые важные моменты для начала.
По аналогии, будем работать с каналами RGB и вносить изменения в каналы по-отдельности. Нужно помнить о паре вещей: мы будем менять тени и света изображения — в самых черных и самых белых местах. Это может повлиять на “правдивость” этих темных и светлых тонов — ведь черные тона больше не будут восприниматься по-настоящему черными, а белые — по-настоящему белыми.
К примеру, если мы находимся в синем канале и подвинем слайдер теней (черный) вправо, мы добавим некоторую долю синего в черные цвета. Таким образом, все изображение (за исключением чисто белых областей) наполнится синим. Это повлияет на степень “темноты” самых темных частей нашего изображения.
И наоборот, если подвинуть слайдер светов (серый) влево, мы добавим обратного цвета (в данном случае желтого) во все белые цвета, а также во все цвета, содержащие долю белого (то есть все, кроме чисто черных).
Совет: Эксперименты с этими настройками повлияют на контрастность вашего изображения, так что после работы нужно будет немного поиграть с настройками яркости и контрастности, чтобы сохранить желаемые свойства.
Корректирующие слои: Выборочная коррекция цвета
Этот шаг будет самым сложным, так как он посвящен оттачиванию цветов, над которыми мы работали.
Хотя кривые и слои способны творить чудеса с вашими палитрами, бывают случаи, когда — как бы вы ни экспериментировали с переменными — один цвет на вид подавляет другие или просто выбивается.
Помните, мы создавали паттерн, чтобы испробовать разные сочетания цветов в рамках одного изображения? Давайте снова посмотрим на него в слегка измененных цветах (после настройки кривых и слоев):
Все вроде выглядит сбалансировано, но этот красный просто огненный. Вот бы подкорректировать только красный, отдельно от остальных цветов, да? Ну, ребята, сегодня вам везет.
В подобных ситуациях на помощь приходит инструмент выборочной коррекции цвета. С его помощью мы можем выбрать конкретный цвет (с какой-то общей классификацией) и менять его в рамках изображения отдельно от других цветов.
Из выпадающего списка цветов можно выбрать конкретный цвет. Теперь вы будете работать с процентными значениями CMYK и сможете добавить или убрать какое-то цветовое значение из выбранного цвета.
К тому времени, как вы доберетесь до выборочной цветокоррекции, вы уже научитесь доверять своему чутью при определении согласованности цветов. Очень часто этот этап служит своеобразным клеем, который делает палитру цельной, согласованной и точной. Пользуйтесь этим и пользуйтесь с умом.
Ну вот и все (на сегодня)
Я имею в виду — для этой статьи. Потому что есть еще столько тем, на которые можно поговорить, но, честно говоря, я и так написал больше, чем планировал. Надеюсь, вы нашли здесь что-то, что поможет вам создавать согласованные цветовые палитры.
Если нет — простите за такую длинную статью.
Можно прочитать сотни статей — что работает у одних, а что не работает у других — но нет ничего лучше, чем наметить себе примерную программу и постоянно самостоятельно разбираться с разными техниками работы с цветом.
С первого раза не всегда получается — не сдавайтесь! И не забывайте, что можно наслаивать корректирующие слои на корректирующие слои и на корректирующие слои. Если слой кривых не дал ожидаемого эффекта, добавьте поверх еще один слой. Вы удивитесь, каких цветовых комбинаций можно добиться простыми экспериментами.
Ниже я собрал для вас несколько результатов использования кривых, слоев и выборочной цветокоррекции применимо к оригинальной дефолтной палире, выбранной нами в самом начале.
Вот и все об экспериментах. Тестируйте свои палитры. Напишите на них текст и используйте их в сцене. Тестируйте их на разных фонах и в разных размерах и отмечайте, какие ощущения они вызывают в разном масштабе. Еще столько всего можно сделать и столько новых интересных палитр создать!
Поэтому идите, настраивайте все по-своему и создайте что-то действительно свежее.
Если вам понравилась статья и перевод, дайте нам знать — нажмите кнопку Recommend
А если у вас есть на примете какая-нибудь классная статья по UX и не только — скиньте нам ссылку, и мы будем рады над ней поработать.
Нас можно найти в Facebook: Nancy Pong и Ринат Шайхутдинов.
Мобильное приложение «Заметки о психике» | Mental Notes
Подкидывает идеи как привлечь, удержать и направить внимание пользователя
Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.
Настройки цвета
В рамках большинства рабочих процессов, предусматривающих управление цветом, рекомендуется использовать заданные настройки цвета, проверенные компанией Adobe. Изменять конкретные параметры следует только в том случае, если вы разбираетесь в управлении цветом и уверены в совершаемых изменениях
После настройки параметров их можно сохранить как стиль. Сохранение настроек цветов позволяет использовать их повторно, передавать другим пользователям и использовать в других программах.
- Чтобы сохранить настройки цветов как стиль, нажмите в диалоговом окне «Настройка цветов» кнопку «Сохранить». Чтобы приложение отображало название набора в диалоговом окне «Настройка цветов», сохраните файл в папке по умолчанию. Если файл будет сохранен в другом месте, для выбора того или иного параметра его придется загружать.
- Чтобы загрузить набор настроек цвета, сохраненный не в папке по умолчанию, нажмите «Загрузить» в диалоговом окне «Настройка цветов», выберите нужный файл и нажмите «Открыть».
В приложении Acrobat не предусмотрено сохранение пользовательских наборов цветовых настроек. Чтобы применить в приложении Acrobat пользовательский набор цветовых настроек, нужно создать файл в программе InDesign, Illustrator или Photoshop, а затем сохранить его в используемой по умолчанию папке Settings. После этого он будет доступен в категории Управление цветом в диалоговом окне «Установки». Кроме того, можно вручную добавлять настройки в папку Settings.
Рабочие цветовые пространства
рабочая среда — это промежуточное цветовое пространство, с помощью которого в приложениях Adobe определяются и редактируются цвета. Для каждой цветовой модели предусмотрен свой профиль рабочей среды. Выбрать профиль рабочего пространства можно в диалоговом окне Lиалоговое окно «Настройка цветов»
Профиль рабочей среды служит исходным профилем для создаваемых документов, в которых используется соответствующая цветовая модель. Например, если в текущем профиле рабочего пространства для модели RGB определено цветовое пространство Adobe RGB (1998), то в каждом создаваемом документе для этой модели будут использоваться цвета в пределах охвата пространства Adobe RGB (1998). Кроме того, рабочее пространство определяет цветопередачу в неразмеченных документах.
При открытии документа со встроенным цветовым профилем, не совпадающим с профилем рабочего пространства, приложение определяет способ обработки данных о цветности с помощью стратегии управления цветом. В большинстве случаев стратегия по умолчанию предполагает сохранение встроенного профиля.
Параметры рабочего пространства
Чтобы просмотреть параметры рабочего пространства в Photoshop, Illustrator и InDesign, выберите в меню «Редактирование» пункт «Настройка цветов». В Acrobat выберите в диалоговом окне «Установки» категорию «Управление цветом».
Чтобы просмотреть описание какого-либо профиля, выберите этот профиль и поместите курсор над его именем. Описание отобразится в нижней части диалогового окна.
RGB: определяет цветовое пространство RGB приложения. Как правило, лучше использовать пространство Adobe RGB или sRGB, а не выбирать профиль для конкретного устройства (например, монитора). sRGB рекомендуется использовать при подготовке изображений для публикации в Интернете, поскольку оно определяет цветовое пространство стандартного монитора, используемого для просмотра изображений в Интернете. Кроме того, цветовое пространство sRGB можно использовать при работе с изображениями, полученными с помощью цифровых камер потребительского класса, поскольку в большинстве этих камер цветовое пространство sRGB используется по умолчанию.
Цветовое пространство Adobe RGB рекомендуется использовать при допечатной подготовке документов, поскольку в цветовой охват пространства Adobe RGB входят некоторые печатаемые цвета (в частности, оттенки голубого и синего), которые лежат за пределами пространства sRGB. Кроме того, цветовое пространство Adobe RGB хорошо подходит для работы с изображениями, полученными с помощью профессиональных цифровых камер, поскольку в большинстве таких камер цветовое пространство Adobe RGB используется по умолчанию.
CMYK: определяет цветовое пространство CMYK приложения. Все рабочие среды CMYK являются аппаратно-зависимыми, то есть основанными на фактическом сочетании красок и бумаги. Рабочие среды CMYK, поставляемые компанией Adobe, основаны на стандартных условиях типографской печати.
Градации серого (Photoshop)/В градациях серого (Acrobat): определяет цветовое пространство оттенков серого приложения.
Плашечный цвет (Photoshop): определяет растискивание точки, используемое при отображении плашечных каналов или дуплексов.
В приложении Acrobat для просмотра и печати можно использовать не цветовое пространство документа, а пространство внедренного метода вывода. Дополнительные сведения о методах вывода см. в справочной системе Acrobat.
Приложения Adobe поставляются со стандартным набором профилей рабочих пространств, протестированных и рекомендуемых компанией Adobe для большинства процессов, связанных с управлением цветом. По умолчанию в меню рабочих сред доступны только эти профили. Для вывода дополнительных цветовых профилей, установленных на компьютере, выберите пункт «Дополнительные параметры» (Illustrator и InDesign) или «Другие параметры» (Photoshop). Чтобы цветовой профиль отображался в меню рабочих пространств, он должен быть двусторонним, то есть содержать инструкции по преобразованию как в цветовые пространства, так и из них.
Приложение Photoshop позволяет создавать пользовательские профили рабочих сред. Однако компания Adobe рекомендует использовать стандартный профиль. Дополнительные сведения см. в базе знаний службы поддержки Photoshop по адресу http://www.adobe.com/support/products/photoshop.html.
Отсутствующие и несовпадающие цветовые профили
Процесс управления цветом для нового документа обычно не вызывает затруднений: если не указано иное, в документе для создания и редактирования цветов используется профиль рабочего пространства, связанный с цветовым режимом.
Однако в ряде существующих документов может использоваться профиль, отличный от заданного, а в других может совсем не быть управления цветом. В рабочих процессах, предусматривающих управление цветом, могут возникать следующие исключения.
- Открытие неразмеченного документа или импорт из него данных о цветности (например, при копировании и вставке или перетаскивании объекта). Такая ситуация часто возникает при открытии документа, который создан в приложении, не поддерживающем управление цветом, или в приложении, где управление цветом отключено.
- Открытие документа, профиль которого отличается от текущей рабочей среды, или импорт данных о цветности из такого документа. Это может произойти при открытии документа, созданного с другими параметрами управления цветом, или отсканированного документа, которому назначен профиль сканера.
В обоих случаях приложение определяет способ обработки данных о цветности с помощью стратегии управления цветом.
Если профиль отсутствует или не соответствует рабочему пространству, приложение может вывести предупреждение в зависимости от параметров, заданных в диалоговом окне «Настройки цветов». По умолчанию предупреждения об отсутствии или несоответствии профилей отключены, но их можно включить для индивидуального управления цветом в документах. Предупреждения в приложениях различаются, но в целом существуют следующие варианты.
- (Рекомендуется) Оставить документ или импортированные данные о цветности без изменений. Например, можно использовать встроенный профиль (если он есть), оставить документ без цветового профиля (если профиля нет) или сохранить числовые значения цветов во вставленных данных о цветности.
- Скорректировать документ или импортированные данные о цветности Например, при открытии документа без цветового профиля можно назначить ему профиль текущего рабочей среды или какой-либо другой профиль. При открытии документа с цветовым профилем, отличным от рабочей среды, можно удалить этот профиль или преобразовать цвета в текущее рабочая среда. При импорте данных о цветности для сохранения цветопередачи можно преобразовать цвета в текущее рабочее пространство.
Параметры стратегии управления цветом
Стратегия управления цветом определяет, каким образом приложение обрабатывает данные о цветности при открытии документа или импорте изображения. Можно выбрать разные стратегии для изображений RGB и CMYK, а также указать, когда должны появляться предупреждения. Чтобы отобразить параметры стратегии управления цветом, выберите «Редактирование» > «Настройка цветов» .
Чтобы отобразить описание стратегии, выберите нужную стратегию и поместите курсор над ее именем. Описание отобразится в нижней части диалогового окна.
RGB/CMYK/Градации серого (Вариант «Градации серого» доступны только в Photoshop.) Этот параметр определяет стратегию, применяемую при пересчете цветов для текущей рабочей среды (при открытии файлов или импорте изображений в текущий документ). Выберите один из следующих параметров.
Оставлять встроенные профили: всегда сохраняет встроенные цветовые профили открываемых документов. Этот параметр рекомендуется выбирать в большинстве случаев, поскольку он обеспечивает согласованность при управлении цветом. Исключением является ситуация, когда необходимо сохранить числовые значения CMYK, в этом случае следует выбрать параметр Сохранять значения (Игнорировать связанные профили).
Преобразовать в рабочее пространство: если выбран этот параметр, то при открытии файлов и импорте изображений цвет преобразуется для профиля текущей рабочего пространства. Этот параметр следует выбрать, если нужно, чтобы все цвета относились к одному профилю (профилю текущего рабочего пространства).
Сохранять значения (Игнорировать связанные профили): этот параметр следует выбрать, если нужно, чтобы все цвета относились к одному профилю (профилю текущего рабочего пространства). В этом случае при открытии файлов и импорте изображений числовые значения цветов не преобразуются, однако сохраняется возможность управления цветом для получения достоверной цветопередачи в приложениях Adobe. Выберите этот параметр, если нужно использовать технологию стабильного воспроизведения CMYK. В приложении InDesign можно изменить эту стратегию для отдельных объектов с помощью параметра «Настройка цветов изображения“ в меню «Объект» .
Выкл.: если выбран этот вариант, то при открытии файлов и импорте изображений их встроенные цветовые профили пропускаются, а профиль рабочего пространства новым документам не назначается. Этот параметр следует использовать для удаления всех метаданных о цвете, предоставленных создателем исходного документа.
Несовпадение профилей: отображает сообщение при открытии документа с профилем, отличным от профиля текущего пространства. Вам предоставляется возможность изменить поведение стратегии по умолчанию. Выберите этот параметр для индивидуальной настройки управления цветом в документах.
Несовпадение профилей (Спрашивать при вставке): отображает сообщение в случае несовпадения цветовых профилей при импорте цветов в документ путем вставки или перетаскивания. Вам предоставляется возможность изменить поведение стратегии по умолчанию. Выберите этот параметр, если для импортируемых цветов требуется задавать индивидуальные параметры управления цветом.
Отсутствие профилей (Спрашивать при открытии): отображается сообщение при открытии документа без пометок. Вам предоставляется возможность изменить поведение стратегии по умолчанию. Выберите этот параметр для индивидуальной настройки управления цветом в документах.
Параметры преобразования цвета
Параметры преобразования цвета позволяют задать для приложения способ преобразования числовых значений цвета одного цветового пространства для другого. Изменять эти параметры рекомендуется, только если вы хорошо разбираетесь в управлении цветом и уверены, что изменения необходимы. Чтобы просмотреть параметры преобразования цвета, выберите «Редактирование» > «Настройка цветов» , а затем выберите «Дополнительный режим» (Illustrator и InDesign) или «Дополнительные параметры» (Photoshop). В Acrobat выберите в диалоговом окне «Установки» категорию «Управление цветом».
Модуль: задает модуль управления цветом (CMM), применяемый для сопоставления охвата одного цветового пространства с охватом другого. Для большинства пользователей алгоритм Adobe, используемый по умолчанию (ACE), будет удовлетворять всем требованиям преобразования.
Чтобы просмотреть описание параметра алгоритма или метода, выберите этот параметр и поместите курсор на его имя. Описание отобразится в нижней части диалогового окна.
Метод (Photoshop, Illustrator, InDesign): определяет метод рендеринга используемый для перевода одного цветового пространства в другое. Различия между методами рендеринга становятся заметны только при печати документа или преобразовании его цветов в другое рабочее пространство.
Компенсация точки черного: сжатие точки черного обеспечивает детализацию теней в изображении путем имитации полного динамического диапазона устройства вывода. Выберите этот параметр, если при печати планируется использовать компенсацию точки черного (что рекомендуется в большинстве случаев).
Использовать дизеринг: управляет дизерингом цветов при преобразовании между пространствами изображений с глубиной пикселя 8 бит/канал. При выборе параметра «Использовать дизеринг» приложение Photoshop смешивает цвета в целевом цветовом пространстве, имитируя отсутствующий цвет, который был в исходном пространстве. Хотя дизеринг позволяет снизить эффект квадратов и полос, он также может увеличивать размер файла при сжатии изображений для публикации в Интернете.
Компенсация профилей сцены (Photoshop): сравнивает контрастность видео при преобразовании из сцены в профили устройств вывода. Этот параметр отражает управление цветом, используемое по умолчанию в After Effects.
Дополнительные параметры в приложении Photoshop
Для управления цветами в Photoshop выберите «Редактирование > «Настройка цветов» чтобы увидеть дополнительные элементы управления .
Для управления цветами выберите «Редактирование > «Настройка цветов» чтобы увидеть дополнительные элементы управления.
Уменьшить насыщенность цветов монитора на : этот параметр определяет, нужно ли снижать насыщенность цветов на указанную величину при выводе изображений на экране монитора. Выбор этого параметра позволяет воспроизвести полный диапазон цветовых пространств с более широкими цветовыми охватами, чем у монитора. Однако при этом изображение на экране монитора не будет соответствовать тому, которое должно получиться в цветовом пространстве выводящего устройства. Если этот параметр не выбран, то разные цвета в изображении могут слиться в один.
Наложение цветов RGB с гаммой : этот параметр определяет особенности наложения цветов RGB при формировании совмещенных данных (например, при наложении или раскрашивании слоев в нормальном режиме). Если этот параметр выбран, то цвета RGB накладываются в пределах цветового пространства в соответствии с заданной гаммой. Гамма 1.00 считается «колориметрически достоверной» и позволяет свести к минимуму число артефактов по краям изображения. Если этот параметр не выбран, то цвета RGB накладываются непосредственно в пределах цветового пространства документа.
Наложение цветов текста с гаммой : управление поведением наложения текстовых слоев. При включении этого параметра наложение текстовых слоев выполняется с использованием указанной гаммы.
Если выбран параметр «Наложение цветов RGB с гаммой», документы со слоями в других приложениях будут выглядеть иначе, чем в Photoshop.
Настройка цветового профиля в Фотошопе и в Windows, установка sRGB по умолчанию
Недавно при подготовке очередного материала в блог обнаружился один глюк в Фотошопе, о котором сегодня хотелось рассказать. Вполне возможно, что с данной проблемой многие из вас сталкивались, и ее решение будет весьма кстати.
Речь идет о несоответствии цветовых профилей при вставке картинки в Adobe Photoshop после создания скриншота в Windows. Сам глюк мы рассмотрим в конце публикации, а начнем с базовых понятий о системе управления цветом дабы вам было понятнее, как все работает. Все разделы статьи:
Итак, в Фотошопе есть несколько цветовых профилей, которые определяют как именно изображение будет показываться в графических редакторах и в том же интернете/браузерах. Стандартным для глобальной паутины (и интернет-браузеров) является формат sRGB. Однако при создании фотографии фотограф/дизайнер может сохранять ее в других форматах – например, в обычном Adobe RGB, имеющим более широкий диапазон цветов.
Просмотр цветового профиля и фото в sRGB
Первым делом нужно понять каким форматом обладает текущее открытое изображение. Для этого:
1. В панели инструментов “Инфо” вызываем контекстное меню по клику на иконку справа сверху и выбираем там пункт “Параметры панели”.
2. Во всплывающем окне отмечаете пункт “Профиль документа” и некоторые другие, если они вам нужны.
3. Сохраняем и видим результат:
У тех, у кого изначально панель “Инфо” не отображается, ее можно включить в главном меню в разделе “Окно”.
Чтобы посмотреть как ваша картинка будет смотреться в интернете, нужно выполнить следующие действия:
1. В меню “Просмотр” выбираем пункт “Варианты цветопробы”, где устанавливаете галочку напротив формата sRGB (Internet Standart RGB).
2. Далее в этом же разделе “Просмотр” нужно поставить галочку во втором пункте “Цветопроба”. Это переключит отображение в рабочей области в цветовой профиль sRGB – точно так ваша картинка будет отображаться во всех браузерах.
3. Чтобы вернуться в обычный режим снимает метку напротив “Цветопроба”.
Важно! Обратите внимание, что изначально картинка в рабочей области Фотошопа для форматов Adobe RGB и sRGB ничем особо не отличается. Только когда вы активируете просмотр в режиме “Цветопробы” (с включенной настройкой sRGB) разница станет заметной.
По облакам и небу можно увидеть, что первая фото имеет более широкую гамму цветов. Работая с ней в Фотошопе в обычном Adobe RGB формате, а потом сохранив результат в нем же, отличия проявятся лишь при просмотре фотки в интернете. А если у вашего онлайн проекта максимально яркий и красочый дизайн, например как здесь то посетители будут видеть на своих компьютерах совсем другую картину. Не говоря уже о персональных сайтах-портфолио и дизайн-студиях, где демонстрация работ в правильном цвете крайне важна.
Как преобразовать картинку в другой цветовой профиль
Чтобы после сохранения изображений они неожиданно для вас не стали выглядеть в интернете как-то иначе, не забывайте конвертировать их в sRGB перед работой или сохранением (если, конечно, перед вами не стоят другие специальные задачи при обработке фото). Для этого:
1 Переходим в меню “Редактирование”.
2. Находим там пункт “Преобразовать в профиль”.
3. В открывшемся окне выбираете значения профиля sRGB и кликаете “Ок”.
Как настроить значение sRGB по умолчанию
Чтобы настроить систему управления цветом в Adobe Photoshop переходим в главном меню в пункт “Редактирование”, где в выпадающем списке ищем вариант “Настройках цветов”.
Далее появится окно настроек:
Здесь выбираете в самом первом поле “Универсальные настройки для Европы 3”. Они аналогичны тому, что вы видите на картинке выше, только в пункте “Градация серого” можно поставить “Gray Gamma 2.2”, остальное все такое же.
Чуть ниже в блоке “Стратегии управления цветом” у вас:
- Во-первых, сохранены все профили чтобы картинка открывалась в том формате, в котором ее изначально задумал автор – вдруг у него для этого были веские причины.
- Во-вторых, сняты галочки запросов программы, возникающих при несовпадении профилей. Если хотите каждый раз на них отвечать, можете вернуть галочки.
Затем кликаем по кнопке “Ок”, сохраняя сделанные настройки. Также есть смысл закрыть и перезагрузить Photoshop.
Кстати, в современных версиях Фотошопа при “Сохранении файла для Web” (Ctrl+Shift+S) во всплывающем окне также есть параметр, связанный с sRGB:
Кроме опции профиля отображения в просмотрщике слева, вы также можете установить автоматическое преобразование в sRGB, что максимально удобною.
Когда цвета в Windows (на скриншоте) и в Photoshop не совпадают
Итак, глюк, с которого все началось, мы словили при создании скриншота в Windows — в графический редактор попадала картинка с отличающейся гаммой цветов. Причем никакие изменения в системе управления цветом не помогали.
Оказывается отдельно существует цветовой профиль для вашего компьютера/видеокарты. И поскольку функция Print Screen относится в первую очередь к системе Windows, то и профиль в этом случае используется от нее.
Чтобы это проверить нужно открыть настройки дисплея на вашем компьютере. В Windows 10 они находятся в параметрах “Settings“ – пункт “Display”.
По сути, здесь нам также надо установить основным значение sRGB. Для этого:
1. Внизу секции настроек находите ссылку на продвинутые параметры “Advanced display settings”. Кликаем по ней.
2. Во всплывающем окне находите вкладку “Color Management” с одноименной кнопкой. Нажимаем ее.
Кстати, в Windows 10 вы можете просто ввести фразу Color Management в поиске на нижней панели инструментов, и система также найдет вам этот элемент.
3. В открывшемся окне управления цветом вам нужно:
- Сначала кликнуть по кнопке добавления нового профиля.
- Затем из предложенных вариантов выбрать sRGB IEC61966-2.1.
- Далее включаете его значением по умолчанию (Set as Default Profile).
- И обязательно ставите галочку сверху “Use my settings for this device” чтобы данный параметр применялся к текущему монитору.
- Когда все сделали можно закрывать окно.
3. Выходите из всех этих настроек и повторно возвращаетесь в параметры системы “Settings“ – пункт “Display чтобы посмотреть какое значение по умолчанию там указывается теперь. Должно быть sRGB.
4. Аналогично проверяете еще раз создание скриншота и сравниваете цвета на мониторе с теми, которые отображаются в Фотошопе. Должны быть одинаковы.
Если у вас есть чем дополнить данную заметку, пишите ниже. Возможно, где-то скриншоты устарели/другие или теоретически информация немного неточная, то основную суть в статье вы должны уловить.
Настройка цвета в фотошопе
Автор: Сергей Бунин. Дата публикации: 08 февраля 2017 . Категория: Обработка фотографий в фотошопе.
Настройка цвета в фотошопе
Приветствую всех подписчиков и гостей сайта PhotoshopSunduchok!
Представляем Вам материал по настройке системы управления цветом в программе Photoshop.
Это серьезный вопрос, так как впоследствии могут возникнуть проблемы с отображением изображений на других мониторах, в различных программах просмотра изображений, в интернете на страничках Ваших социальных сетей и при распечатке фотографий в фотостудии.
Порядок настройки будет демонстрироваться в программе Photoshop CC 2017 и операционной системе Windows 10, но в предыдущих версиях Photoshop семейства Creative Cloud настройки будут аналогичными.
Если Вы используете более старые версии программы, настоятельно рекомендуем обновить их даже в силу того, что Вы уже не можете воспользоваться всеми теми удобными моментами и прелестями программы, которые создала компания Adobe.
В комментариях на серию уроков по работе с цветом и увеличению насыщенности изображений многие наши читатели задали вопрос, почему получается несоответствие цветов изображения при просмотре на различных мониторах и на распечатанных фотографиях.
Одной из первых причин возникновения таких недостатков может быть неправильная настройка программы Photoshop.
Выбрав данную команду, Вы попадете в окно «Настройка цветов».
В этом окне при наведении курсора на поле каждой из строк, в нижней части «Описание» появляется разъяснение указанного параметра, прочитав которое становится вполне понятным определенный выбор.
В первой строке «Настройки» выбираем « Универсальные настройки для Европы 3 » – естественно понятна наша территориальная принадлежность к данной материковой части.
Далее в поле «Рабочие пространства» выбирается один из главных параметров отображения цвета в палитре RGB это sRGB IEC61966-2.1 . Это стандартное цветовое пространство, используемое многими производителями аппаратного и программного обеспечения для потребительских сканеров, принтеров и главное для размещения изображений в Интернете. Но это цветовое пространство имеет ограниченный цветовой охват, впрочем, вполне подходящий для большинства нужд рядового потребителя.
К тому же, обычные мониторы, находящиеся в пользовании у любителей, да и у большинства фотографов занимающихся более профессионально фотографией, не могут правильно отобразить другие более широкие цветовые пространства.
В цветовом пространстве CMYK, предназначенном для предпечатной подготовки автоматически выбирается параметр Coated FOGRA39, предназначенный для офсетной печати.
Следующие два параметра «Градации серого» и «Плашка» также устанавливаются автоматически и указывают разброс их применения. Менять их не рекомендуется.
Поле «Стратегии управления цветом» определяет порядок действий работы программы при открытии изображений с иными не совпадающими цветовыми пространствами. При этом отдается предпочтение правильности их отображения, но при дальнейшем сохранении документа возвращается цветовой профиль, присутствующий в изображении до открытия в фотошопе.
Чтобы программа Вас каждый раз не спрашивала и не предупреждала об этом все галочки внизу поля удобнее отключить.
Далее необходимо проверить настройки в поле «Параметры преобразования».
Модуль преобразования предлагает два параметра: «Adobe» и «Microsoft». Естественно в программе разработанной фирмой Adobe нам выгоднее работать без применения дополнительных изменений, так что оставляем право управления цветом родным алгоритмам. Метод преобразования определяет рендеринг используемый для перевода одного цветового пространства в другое, оставляем его также автоматически предустановленным – «Относительный колориметрический». Также должны быть включены функции: «Использовать компенсацию точки черного» – используется для повышения степени детализации в тенях, «Дизеринг» – необходим для перевода изображения в меньшую глубину цвета, например из 24 бит RAW-файла в обыкновенные 8 бит на канал, «Компенсация профилей сцены» – необходима для вывода видео.
Поле «Дополнительные параметры». «Уменьшить насыщенность цветов монитора на» этот параметр определяет, нужно ли снижать насыщенность цветов на указанную величину при выводе изображений на экране монитора. «Наложение цветов RGB с гаммой» определяет особенности наложения цветов RGB при формировании совмещенных данных (например, при наложении или раскрашивании слоев в нормальном режиме). Если этот параметр не выбран, то цвета RGB накладываются непосредственно в пределах цветового пространства документа. «Наложение цветов текста» выполняется с использованием указанной гаммы – оставляем как есть.
Нажимаем «Ок» и для подтверждения применяемых настроек необходимо перегрузить программу.
Где еще необходимо настроить систему управления цветом, так это в конверторе Adobe Camera RAW, являющимся встроенным приложением программы Photoshop семейства CC.
Для того чтобы открыть окно настроек отображения изображений необходимо нажать на надпись расположенную по центру нижнего поля окна приложения.
Откроется диалоговое окно «Управление файлами», в котором нам потребуется самое верхнее поле «Цветовое пространство».
В указанном поле опять же обязательно указываем цветовое пространство sRGB IEC61966-2.1
«Глубина цвета» это параметр в основном влияет на работу с контрастностью изображения. Рекомендуемым значением является 8 бит/канал.
Нажимаем «Ок» и для подтверждения применяемых настроек необходимо перегрузить программу.
Кроме выше перечисленного необходимо проверить настройки цветового профиля самой операционной системы установленной на Вашем компьютере.
Для этого в Windows 10, нажимаем на кнопку «Поиск в Windows» в левой нижней части экрана. В предыдущих версиях Windows строку поиска можно вызвать через кнопку «Пуск».
В появившейся строке поиска набираем текст «Управление цветом». Система выдаст результат поиска, щелкаем по нему левой кнопкой мышки.
Появляется окно «Управление цветом». На вкладке «Устройства» в одноименной строке выбираем пункт «Универсальный монитор PnP», через дефис в этой строке отображается название Вашей видеокарты.
Если Ваш монитор не подвергался дополнительной калибровке, то поле «Профили, сопоставляемые этому устройству» должно быть пустым . В противном случае необходимо удалить имеющиеся настройки (выделить название настройки левой кнопкой мышки и нажать внизу кнопку «Удалить»). Если же Вы однозначно знаете, что монитор калибровался с помощью специального прибора, оставьте соответствующую запись .
Проверить наличие системного профиля монитора в программе Photoshop, можно зайдя в меню «Редактирование» в фотошопе, выбрать команду «Настройка цветов» и в появившемся окне в поле «Рабочие пространства» для RGB проверить соответствие профиля монитора или профиля калибратора.
Если Вы калибровали монитор, то в программе менять профиль рабочего пространства sRGB на профиль монитора НЕЛЬЗЯ!
Вот те необходимые настройки цвета в программе и в системе компьютера необходимые для корректного отображения изображений.
Второй и более серьезной проблемой может быть неправильная калибровка Вашего монитора.
Калибровать монитор необходимо с помощью специальных приборов: калибраторов или спектрофотометров. Но приобретение дополнительного оборудования всегда требует нежелательных материальных вложений. Так же необходимо иметь некоторые навыки по работе со специализированными программами калибровки. Откалибровать монитор можно в сервисном центре, конечно же при наличии таковых в Вашем населенном пункте.
Чтобы получить действительно хорошее изображение, где черное — это черное (а не темно-серое), белое — это белое, а цвет не зависит от угла поворота экрана, нужен профессиональный монитор. Фотографы и художники-графики отдают предпочтение экранам с матрицей IPS.
На бюджетных мониторах с матрицами типа TN добиться высокой точности оттенков и цветов, к сожалению, не получится, и дело не в том, что этого не позволяют программы, а в качестве самого экрана.
Простым первоначальным методом по восстановлению нормальной цветопередачи, яркости и контрастности может быть настройка монитора средствами Windows.
Перед настройкой монитора выполните следующие условия:
- Монитор должен стоять там, где вы обычно его используете.
- Перед калибровкой необходимо поработать на нем минут 30, для достижения нормальной рабочей температуры матрицы.
- Помещение должно быть достаточно освещено. Калибровку лучше проводить при том освещении, при котором вы работаете. Если вы работаете и при естественном, и при искусственном свете, оптимально создать два цветовых профиля. Направленные источники света на время калибровки следует удалить от экрана.
Нажимаем на кнопку «Поиск в Windows» в левой нижней части экрана. В появившейся строке поиска набираем текст «Калибровка цветов». В предыдущих версиях Windows строку поиска можно вызвать через кнопку «Пуск». Система выдаст результат поиска, щелкаем по нему левой кнопкой мышки.
После этого загрузится встроенная программа «Калибровка цветов экрана». Следуя пошаговому описанию, выполняете все необходимые настройки.
На последнем шаге Вам предлагается сравнить ПРЕЖНЮЮ и ТЕКУЩУЮ (вновь полученную) калибровку. Если Вас все устраивает, сохраняете настройки нажатием кнопки «Готово», если нет – делаете отмену.
Еще один вариант оценки существующей или произведенной калибровки это онлайн-сервисы.
С их помощью можно оценить и отрегулировать не только яркость, контраст и цвет, но и резкость, геометрию, наличие битых пикселей, уровень мерцания и прочее: monteon.ru
Сервис Monteon позволяет оценить следующее:
- Точность цветопередачи.
- Наличие битых пикселей.
- Плавность градиентных переходов.
- Мерцание (синхронизацию фазы на VGA-мониторах) и муар (разводы в виде волнообразного узора, которого в норме быть не должно).
- Резкость границ.
- Яркость и контраст.
- Зональную яркость (различие яркости в центре и на периферии экрана).
- Геометрию и сетки (отсечение краев изображения, периферийные искажения на широкоформатном экране с соотношением сторон 16:9).
На самом сайте есть описание тестов и рекомендации по оценке результатов: monteon.ru/about-tests.html
Приятных творческих успехов!
Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.
Форма для подписки находится ниже.