Как сделать колор

Обновлено: 06.07.2024

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

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

Также монохроматические вариации сделаны для каждого цвета в других схемах.

Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.

Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.

Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.

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

Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.

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

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

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

Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.

Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.

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

Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.

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

Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.

Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).

Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).

Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.

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

URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.

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

Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.

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

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

Цветовая модель PANTONE ™. Выберите цвета из группы цветов Pantone ™. © Pantone, Inc. All rights reserved. Соответствие цветов только приблизительное, вы получите только впечатление того, как могут выглядеть цвета Pantone. Руководство по Pantone — единственный надежный источник для просмотра и определения цветов.

Цветовая модель RAL ™. Выберите цвета из группы цветов RAL ™. © RAL GmbH. All rights reserved. Соответствие цветов только приблизительное. Используйте реальные карты цветов и коллекции RAL для просмотра и определения цветов.

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

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

Экспортировать в формате HTML. Экспорт цветовой схемы в виде HTML-таблицы, удобной для сохранения или печати.

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

Экспортировать в формате ACO. Экспорт схемы в формате палитры цветов Photoshop. Сохраните файл и импортируйте его в Photoshop, Fireworks или другом приложении, поддерживающем этот формат.

Экспортировать в формате ASE. Экспорт схемы в формате палитры цветов Adobe Creative Suite. Файлы "Adobe Swatch Exchange" работают в программах Adobe Photoshop, Adobe Illustrator, Adobe Indesign (начиная с версий CS2 и CS3), а так же могут быть загружены в Kuler.

Сохранить изображение в формате PNG. Инструмент для сохранения цветовой палитры в виде небольшого изображения.

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

Экспортировать в формате GPL. Экспорт схемы как цветовую палитру GIMP. Сохраните файл и импортируйте его в редакторе GIMP.

При необходимости можно увеличить или уменьшить область изменения путем рисования на маске черным или белым цветом. (См. раздел Редактирование слоя-маски.)

Выбор замены цвета в Photoshop

В окне предварительного просмотра отображается маска. Замаскированные области обозначаются черным цветом, а не замаскированные — белым. Частично замаскированные области (области, закрытые полупрозрачной маской) обозначаются различными уровнями серого цвета в зависимости от степени непрозрачности.

В окне предварительного просмотра выводится изображение. Этот параметр удобно использовать при работе с увеличенным изображением или когда экранное пространство ограничено.

Для параметра Проба выберите одно из следующих значений.

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

В меню Ограничения выберите один из следующих вариантов:

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

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

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

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

Выберите основной цвет для замены нежелательного цвета. (См. раздел Выбор цветов в палитре инструментов.)

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

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

Основы цвета цифрового видео

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

Этапы колорирования цифрового видео:

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

Сolor correcting - устраняет проблемы с цветом и делает кадры максимально натуралистичными. Идея в том, чтобы цвета выглядели чистыми и реальными, как человеческие глаза видели бы их в реальном мире.

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

Готовое видео получается в результате сочетания как color grading, так и color correcting — так что это не вопрос одного "против" другого. Скорее, дело в том, как их комбинировать.

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

Основополагающие термины: оттенок Hue, насыщенность Saturation и яркость Brightness, которые должен знать каждый, кто собирается иметь дело с колорингом.

Оттенок Hue

Это разница между красным и синим. Оттенок меняют насыщенностью и яркостью.

Вместе оттенок, насыщенность и яркость известны как модель "HSB", которая является основной задачей при работе с любым видеорядом.

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

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

Насыщенность Saturation

Насыщенность относится к интенсивности цвета. Это определяется количеством серого в оттенке, от чистого серого до яркого. Другими словами, максимальная насыщенность какого-то цвета – это полное отсутствие в нем серого, минимальная насыщенность – это чистый серый.

Через насыщенность можно либо сделать цвета для видео трендовыми и попсовыми либо, мутными и грязными. На картинке два квадрата с одинаковыми цветом и яркостью, но разной насыщенностью, у левого 100% насыщенность, у правого 50%.

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

Яркость Brightness

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

Тот же оттенок с низким значением яркости может вызвать страх.

Два квадрата на картинке с одинаковым значением цвета (Hue). Одинаковой насыщенностью 100% (Saturation), но с разной яркостью (Brightness). У левого яркость 100%, у правого 50%:

Программы для цветокоррекции видео

Программное обеспечение для видеомонтажа и цветокоррекции становится всё более доступным. Все более-менее популярные программы для видеомонтажа.

Цветокоррекция видео в программах - редакторах:

Adobe Premiere.
Цветокоррекция видео в Sony Vegas.
DaVinci.
Movavi Video Editor.
Corel VideoStudio.
Avid Media.
Lightworks поддерживают неплохой инструментарий для адекватной цветокоррекции.

Цветокоррекция видео в Лайтруме или в Фотошопе возможна, но это программы для редактирования фотографий, для медиа-файлов не удобны.

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

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

Приложения для колоринга

Кроме встроенных инструментов видеоредакторов существуют и программы для цветокоррекции видео, выпускающееся в качестве плагинов для видеоредакторов и в самостоятельном формате.

Например, Video Star - приложение цветокоррекции видео для iphone.

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

Бесплатные коды для видео стар колоринг есть в социальной сети Пинтерест. Приложение можно скачать в App Store для iPhone и iPad. Для телефонов на Андроиде в интернете есть не официальная
версия.

Другие программы с приложениями для телефонов:

Lumetri.
Adobe Speedgrade.
DaVinci Resolve.
Red Giant Colorista.
Magic Bullet Suite.
Catalyst Browse.

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

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

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

После этого можно переходить в Adobe Premiere. Начните с открытия рабочей области Color, перейдите в панель Lumetri Color в раздел Basic Correction.

Отрегулируйте баланс белого

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

Самая большая сложность здесь – это найти на записи образец чистого белого цвета. Режиссер и редактор Джонатан Павловски предлагает для этой цели держать перед камерой белую карточку или бумагу. “Если вы хотите сбалансировать цвет изображения, вы можете использовать пипетку, чтобы нажать на белую карточку, и это сообщит компьютеру, что данный цвет чисто белый.”

Второй способ настроить баланс белого - это ползунки температуры:

Передвиньте ползунок температуры влево, чтобы добавить немного синего. Вправо, чтобы добавить теплых оттенков.
Сдвиньте ползунок Tint влево, чтобы переместить белые цвета в зеленые. В правую сторону, чтобы переместить их в пурпурные.

Настройте тон

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

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

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

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

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

Для большего контраста с глубиной применяют S-образную кривую:

В зависимости от ситуации она может быть как более крутой, так и более пологой. Если нужно отрегулировать цвет поканально (RGB), то выбираем, соответственно, необходимый кружок – красный, зелёный или синий. Белый кружок – это все каналы одновременно.

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

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

Вы можете лишь уменьшить степень воздействия этого фильтра. В Премьере они находятся в панели Lumetri Color, вкладка Creative в выпадающем списке Look:

Работа с цветом в Adobe Premiere Rush

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

Экспериментируйте, пока не найдете нужный вид. Чем больше вы тренируетесь, тем более интуитивно вы будете знать, какие коррективы делать и когда.

На этом закончим обзор цветокоррекция видео. Пишите вопросы в комментариях ниже.

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

Мы рассмотрим базовый универсальный способ цветокоррекции.

Перед тем как сделать цветокоррекцию в Photoshop, нужно понять, что это такое и с какой целью применяется.

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

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

Автоматическая цветокоррекция

Самый простой и быстрый способ для новичков — автоматическая цветокоррекция. Откройте изображение в Photoshop, создайте дубликат слоя с изображением (Ctrl+G). Перейдите на дубликат слоя и нажмите Shift+Ctrl+B. Эта команда Photoshop автоматически регулирует контраст и цвет изображения, самостоятельно определяя тени, средние тона и светлые участки.

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

Adobe Color Themes

Компания Adobe предлагает нам комфортный вариант создания цветовых схем, встроенный в Photoshop. Им является расширение Adobe Color Themes (Window/ Окно – Extensions/ Расширения – Adobe Color Themes).

Данное расширение работает следующим образом:

Щелкните по иконке выбора цвета и в окне Color Picker выберите цвет, на основе которого будет создана цветовая схема.

Добавьте цвет в Adobe Color Themes через иконку Set selected color from active color. Выбранный основной цвет и вспомогательные цвета гармонии появятся в расширении. Основной цвет отмечен белым треугольником.

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

С помощью расположенного внизу ползунка можно корректировать яркость основного цвета. Вспомогательные цвета также будут изменены в соответствии с новым основным цветом.

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

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

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

Во вкладке Explore представлены темы по умолчанию.

После создания цветовой схемы выбранные цвета следует добавить в панель Swatches (Window/ Окно – Swatches/ Образцы) с помощью иконки AddtoSwatches. Чтобы добавить цвета в образцы из вкладки Explore, нажмите на расположенные под темой три точки.

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

Создаем новые корректирующие слои SolidColor в режиме наложения Color.
Выбираем необходимые цвета в Swatches.
Создаем соответствующие маски для элементов, цвет которых должен быть изменен.

Ниже представлен результат использования одной из цветовых тем, встроенных в Adobe Color Themes по умолчанию.

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

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

Adobe Color

Чтобы добавить выбранную цветовую схему в Photoshop, сделайте следующее:

Войдите на сайт под своим логином, чтобы установить связь с Photoshop.
Сохраните тему в библиотеку.
Если хотите поделиться своей схемой с другими пользователями, активируйте ползунок Опубликуйте вColor.

Цветовая гармония появится в вашей библиотеке.

Чтобы сделать цвет активным, щелкните правой кнопкой мыши и выберите Setcolor. Данное действие заменяет выбор цвета в окне Color Picker.

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

Нажмите на вкладку Извлечение темы и загрузите изображение.

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

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

Второе преимущество Adobe Color – функция создания градиента на основе загруженного изображения.

Чтобы применить градиент, создайте новый пустой слой.
В библиотеке щелкните правой кнопкой мыши по нужному градиенту и выберите Applygradient.
Пустой слой превратится в корректирующий слой GradientMap.

Coolors

Генератор цветовых схем Coolors (coolors.co) не является продуктом от Adobe. Чтобы перейти к палитрам, нажмите на вкладку Generate. В открывшемся окне появится одна произвольная палитра, при нажатии пробела она изменится на другую.

Отдельные цвета можно зафиксировать: нажмите на иконку с изображением замка. Теперь при нажатии на пробел система будет подбирать новые цвета, не изменяя зафиксированные.

Для поиска готовых схем зайдите во вкладку Explore.

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

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

Как и в Adobe Color, в Coolors можно загрузить изображение для анализа цветовой гармонии.

Щелкните по иконке Create palette from photo на верхней панели и загрузите фотографию.

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

Чтобы выгрузить созданную схему в генератор, нажмите Next–Openinthegenerator.

Так как у данного генератора нет связи с Photoshop, то самым удобным способом перенести цветовую схему будет создание изображения через Export–Image–Labels на верхней панели.

После сохранения откройте цветовую схему в Photoshop и перенесите цвета с помощью пипетки.

Coolors также дает возможность создать градиент через More – Create a gradient.

В окне Gradient Maker можно настроить необходимые цвета. Однако хотелось бы отметить, что такой же градиент намного удобней создать напрямую в Photoshop или Adobe Color, где есть возможность перенести градиент с отдельного изображения.

Как видно выше, функционал генератора Coolors уступает Adobe Color, но он выступает превосходным генератором идей, когда муза колористики вас покинула.

Paletton

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

Более темный цвет на цветовом круге является основным, и вокруг него строится цветовая гармония.

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

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

Вкладка Preview позволяет изменить вид окна предпросмотра.

Чтобы экспортировать выбранную цветовую схему, нажмите на вкладку Tables/Export–ColorSwatches – необходимый формат изображения. Откройте изображение в Photoshop.

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

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

Читайте также: