Как настроить палитру цветов

Настройка палитр цветов и образцов цвета

Смена палитры цветов

Вместо палитры цветов Adobe можно пользоваться палитрой цветов операционной системы или палитрой сторонней разработки.

1. Выберите меню «Редактирование» > «Установки» > «Основные» (Windows) или «Photoshop» > «Preferences» > «General» (Mac OS).
2. Выберите палитру цветов в меню «Палитра цветов» и нажмите кнопку «ОК».

Дополнительные сведения см. в документации к операционной системе.

Добавление и удаление образцов цвета

Образцы цветов на панели «Образцы» можно добавлять и удалять.

Добавление цвета в панель «Образцы»

1. Выберите цвет, который нужно добавить и сделать основным.
2. Выполните одно из следующих действий.

Нажмите кнопку «Новый образец» () на панели «Образцы». Либо выберите «Новый образец» из меню панели «Образцы».

Поместите указатель мыши над пустым местом в нижней строке панели «Образцы» (он превратится в инструмент «Заливка») и щелкните, чтобы добавить цвет. Введите имя нового цвета и нажмите кнопку »ОК».

(Только Creative Cloud) Выберите «Загрузить образцы» в меню панели. Затем в окне «Загрузить» перейдите к файлу HTML, CSS или SVG, и нажмите кнопку «ОК». Photoshop считает цветовые значения, указанные в документах.

Удаление цвета из панели «Образцы»

Перетащите образец на значок «Удалить» ().

Удерживая нажатой клавишу «Alt» (Windows) или «Option» (Mac OS), поместите указатель мыши над образцом (указатель превратится в ножницы) и щелкните.

Управление библиотеками образцов

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

Загрузка или замена библиотеки образцов

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

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

Сохранение набора образцов в виде библиотеки

1. Выберите «Сохранить образцы» из меню панели «Образцы».
2. Выберите местоположение библиотеки образцов, введите имя файла и нажмите кнопку «Сохранить».

Библиотеку можно сохранить в любом месте. Однако если поместить файл библиотеки в папку Presets/Swatches папки стилей, используемой по умолчанию, то после перезагрузки приложения эта библиотека появится в нижней части меню панели «Образцы».

Возврат к библиотеке образцов по умолчанию

Совместное использование образцов различными приложениями

Образцы, созданные в Photoshop, Illustrator и InDesign, можно использовать совместно, сохранив библиотеки образцов в формат для обмена. При одинаковых настройках для цветов в разных приложениях цвета образцов изменяться не будут.

Источник

Как создать красивую цветовую палитру

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

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

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

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

Слева направо: Super Mario Run, Monument Valley, Alto’s Odyssey, Lara Croft Go

Когда мы думаем о наборах цветов, то должны думать об их взаимодействии: должны ли какие-то из них выделяться или смешиваться друг с другом? Это называется контрастом.

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

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

Яркость (светлые/тёмные)

Яркость — это тот тип контраста, который легко визуализировать. На селекторе цветов HSB это соответствует движению вдоль вертикальной оси:

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

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

Тональному контрасту

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

Насыщенность (горизонтальная ось HSB) и контраст насыщенности

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

Разные оттенки и плохой контраст

Разная насыщенность и плохой контраст

Что здесь происходит? Ответ заключается в том, что различные оттенки имеют разные внутренние тональные значения. Многим людям (в том числе и мне) сложно представить, какие тональные значения могут принимать разные оттенки. И это подводит нас к моему любимому трюку…

Хак с оттенками серого

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

Внутренние тональные значения для разных оттенков

Давайте посмотрим, как эти тональные значения выглядят в селекторе цветов HSB. Также заметьте, как изменения тональных значений изменяется в спектре для каждого оттенка (показано в самом правом столбце):

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

Контраст насыщенности: высокий контраст наверху, плохой — внизу.

Контраст оттенков: высокий контраст наверху, плохой — внизу.

Давайте ещё раз взглянем на показанные выше игры, но теперь в градациях серого.

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

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

Красивые контрасты ведут к созданию красивых цветовых палитр, поэтому я представляю вам…

Формулу для выбора красивых цветовых палитр

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

1: Определить, где нам нужен контраст

Создайте каркас своего дизайна, а затем решите, в каких областях каркаса нужно больше контраста, а в каких — меньше.

2: Раскрасить дизайн оттенками серого

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

3: Выбрать базовые оттенки цветов

Выберите базовые оттенки цветов, с которыми хотите работать. Это субъективный этап, и на нём для выбора можно использовать инструменты наподобие ShapeFactory’s Pigment или Adobe Color CC. Забавный факт: некоторые сочетания цветов настолько популярны, что получили статус тропа.

4: Настройте цвета, чтобы иметь соответствующие тональные значения

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

Пример 1

(1) Каркас и (2) предпочтительные контрасты в оттенках серого

(3) Выбранные базовые цвета

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

Соответствующие области тональных значений для базовых цветов

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

(4) Несколько вариантов цветовых палитр

Пример 2

Вот как выглядел этот процесс при разработке моего приложения Overlink:

Процесс слева направо, сверху вниз: каркас, градации серого, базовые цвета, окончательный дизайн

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

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

Источник

Настройки цвета

Изменение настроек цвета

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

После настройки параметров их можно сохранить как стиль. Сохранение настроек цветов позволяет использовать их повторно, передавать другим пользователям и использовать в других программах.

• Чтобы сохранить настройки цветов как стиль, нажмите в диалоговом окне «Настройка цветов» кнопку «Сохранить». Чтобы приложение отображало название набора в диалоговом окне «Настройка цветов», сохраните файл в папке по умолчанию. Если файл будет сохранен в другом месте, для выбора настройки его придется загружать.
• Чтобы загрузить набор цветовых параметров, сохраненный не в папке по умолчанию, нажмите в диалоговом окне «Настройка цветов» кнопку «Загрузить», выберите требуемый файл и нажмите кнопку «Открыть».

В приложении Acrobat не предусмотрено сохранение пользовательских наборов цветовых настроек. Чтобы применить в приложении Acrobat пользовательский набор цветовых настроек, нужно создать файл в программе InDesign, Illustrator или Photoshop, а затем сохранить его в используемой по умолчанию папке Settings. После этого он будет доступен в категории Управление цветом в диалоговом окне «Установки». Кроме того, добавлять файлы с наборами настроек в папку Settings можно вручную.

Сведения о рабочих цветовых пространствах

рабочая среда — это промежуточное цветовое пространство, с помощью которого в приложениях Adobe определяются и редактируются цвета. Для каждой цветовой модели предусмотрен свой профиль рабочей среды. Выбрать профиль рабочего пространства можно в диалоговом окне Настройка цветов.

Профиль рабочей среды служит исходным профилем для создаваемых документов, в которых используется соответствующая цветовая модель. Например, если в текущем профиле рабочего пространства для модели 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, в этом случае следует выбрать параметр Сохранять значения (Игнорировать связанные профили).

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

Сохранять значения (Игнорировать связанные профили): этот параметр доступен в InDesign и Illustrator для 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.

Источник