Лайфхак: как составить сотни цветовых палитр в 3 шага

Делюсь одним интересным способом, чтобы вы уже сейчас смогли составлять свои собственные гармоничные цветовые палитры, даже если в дизайне вы новичок. Для этого вам понадобится минимальный уровень владения Adobe Photoshop. Весь процесс занимает минут 10, не более того. Поехали!


Если вы совсем не владеете Photoshop, рекомендую посмотреть курс Adobe Photoshop Essentials из этой статьи


Шаг 1: выбираем основные цвета


Открываем Photoshop. В цветовой палитре выбираем цвет не сильно яркий, не сильно темный, не сильно светлый 😄 — как можно более нейтральный примерно в пределах той окружности, которую я выделила на экране. Далее мы будем затемнять и засветлять цвета, которые вы выберете сейчас, поэтому постарайтесь сделать так, чтобы вам было, куда "развернуться".



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



Начинаем набирать в палитру другие цвета.


Сначала двигаемся вверх по нашей линии в сторону светлых оттенков. И одновременно с этим меняем цвет в столбике справа. Набираем столько цветов, сколько хотите. Я выбрала 4 цвета.


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



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


Вот какая палитра получилась у меня.



Шаг 2: расширяем палитру


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


С помощью инструмента "Rectangular Marquee tool" выделяем верхнюю треть наших цветов. В настройках слоев переходим в "Hue/Saturation" и увеличиваем Lightness, уменьшаем Saturation и чуть-чуть сдвигаем ползунок тона Hue в одну сторону. Вот, что получилось у меня.



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


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


Показываю свои настройки.



Вот как выглядит моя финальная палитра.




Шаг 3: создаем цветовые сочетания


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


Показываю, какие сочетания я собрала буквально за 2 минуты.



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

______________________________________________________________

Хочешь больше пользы? Подписывайся на мой Telegram-канал: @Live_by_Design