Напишу как работать с программой кулер для нахождения палитр на основе имеющихся цветов . Нам понадобится paint или photoshop и сама прграмма kuler http://kuler.adobe.com
Для примера возьму свой цвет глаз.
1) Открываем фотографию в пейнте или фотошопе и инструментом пипетка выбираем нужный цвет.
NB Глаза у многих людей многоцветны, попробуйте выбрать усредненный, либо выберите тот, что доминирует.
2. Откройте палитру. Там будут даны координаты получившегося цвета. CMYK или RGB
. Выбираете любую из них и запоминаете.
На том компьютере, на котором я сейчас нахожусь, старая версия пейнта. RGB - это red green blue - соотношение красного, зеленого и синего в цвете. У меня R =38 , G=57 , B= 51
4. Теперь рассмотрим остальные схемы. При выборе слова monochromatic
получится родственная схема - один цвет с разной яркостью и светлотой.( можно прочитать о родственной (монохромной) схеме)
5. При выборе shades
получатся вариации только по темноте, яркость меняться не будет.
6. Очень нужный нам complementary
- позволяет найти противоположные (комплиментарные) цвета.( информация о комплиментарной схеме)
NB Кулер дает вразброс темные и светлые цвета, важно запомнить, что строго комплиментарные друг другу цвета не различаются по темноте
. Поэтому комплимент для моего цвета глаз - крайний правый квадрат.
7. Не менее интересный, дающий основы для расширения палитр - triad
- позволяет создать равноудаленные (триадические) схемы. (а можно почитать о триадической схеме)
8. Чтобы воссоздать полученные в кулере цвета в таблицах пейнта и фотошопа вам нужно просто лишь посмотреть координаты цвета в кулере (как вы видите, под каждым цветом табличка) и ввести их палитре вашего графического редактора, а потом сделать ими заливку квадратика таблицы=)
Adobe Color CC - новое Android приложение для дизайнеров. Позволяет сохранять комбинации цветов, которые очень вам понравились, чтобы вы могли использовать их в дальнейшем в полноценных приложениях для работы с изображениями: illustrator , InDesign и Photoshop .
Adobe Color CC на Андроид
- Моментальный захват цветов – экран играет роль видоискателя. В свою очередь приложение в реальном времени запоминает все цвета, которые попадают в видоискатель. Чтобы сохранить выделенную область, просто коснитесь экрана в нужной точке.
- Автоматическое Сохранение Фотографий – если вам понравилась фотография, то почему бы не сохранить ее в альбоме, чтобы в дальнейшем по максимуму использовать цветовые темы.
- Глубокие настройки – воспользуйтесь ползунком или интерактивным цветовым кругом, чтобы настроить цвета. Если вам нужны новые идеи, то к вашим услугам готовые коллекции с темами, чтобы вы поняли, как можно открыть новые возможности.
- Вдохновляйтесь и вдохновляйте – обмен изображениями по email, фейсбуку, через твиттер. Также вы можете публиковаться со своими работами на color.adobe.com.
- Воспользуйтесь облачными библиотеками креатива – здесь вы получаете доступ к совместимым настольным и мобильным приложениям компании – Иллюстратор, Фотошоп, Индизайн
.
Достаточно многим он уже известен, но кто слышит о данном сервисе впервые, данный пост для вас.
Adobe Kuler представляет собой цветовой микшер с возможностью создания, редактирования, экспорта различных цветовых палитр, которые можно использовать в таких программах как Adobe Photoshop, Illustrator и др.
Возможно, многие из вас уже сталкивались с проблемой подбора нужной цветовой палитры для своего проекта. В этом случае можно воспользоваться этим интересным инструментом.
Помимо создания собственных цветовых палитр Adobe Kuler предоставляет возможность использовать уже созданные палитры. Они расположены в разделе «Explore». Там же можно отсортировать их по популярности и тд.
Раздел «Explore» онлайн-сервиса Kuler
Чтобы воспользоваться всеми возможностями сервиса необходима регистрация, к счастью, она бесплатна. Достаточно иметь учетную запись (Adobe ID) на сайте adobe.com.
При работе в Adobe Photoshop также можно использовать расширение Kuler. В последних версиях Adobe Photoshop он присутствует по умолчанию. Включить его можно через Окно -> Расширения -> Kuler . (Window -> Extensions -> Kuler).
Вот так выглядит окно данного расширения в программе Adobe Photoshop:
Окно Adobe Kuler в программе Photoshop
Подобных Adobe Kuler инструментов достаточно много. Есть и онлайн-сервисы и десктопные программы, которые можно скачать и установить на свой компьютер.
Преимуществом же Kuler перед десктопными версиями является удобство использования. Даже если придется переустанавливать операционную систему на вашем компьютере, можно не беспокоиться, что созданные цветовые палитры исчезнут, а они будут сохранены в вашем кабинете на сайте Adobe.com.
Надеюсь, что данная заметка добавит в ваш арсенал полезных сервисов еще один инструмент для создания ваших проектов.
Все из нас в какой-то мере любят эти картинки. Кто-то больше, кто-то меньше.
Интригующее начало, неправда ли? О чем я? А вот о чем:
И вот, наверное, не только у меня, думаю, возникала в черепной коробке шальная мысль: "А вот бы свою картинку разложить по цветам!"
Мало ли для чего...
При помощи бесплатной программы" Adobe Kuler"новое название "Adobe Color CC это сделать легко.
Основная ее польза заключается в том, что можно загрузить свое изображение - будь то картинка, будь то фотография и она (то бишь программа) разложит Вам картинку на 5 основных цветов.
Вопрос - Для чего мне это вообще-то нужно?
Ответ 1 - Ситуация - Работа продана, материалов таких больше в природе нет, а возникло желание повторить атмосфЭру. Разберем по цветам и создадим примерно то, что нужно.
Ответ 2 - Заказчик просит натворить что-нибудь по фото из журнала, интернета и тп. Вообще непонятно из чего, но вот они -основные цвета - и работа пошла на лад!
Ответ 3 - Есть Фотография Ваша или Заказчика, которая не про работу вообще, но на ней такая красота, что хочется это воспроизвести из тех же цветов и тогда получим нечто, наполненное теми же самыми волнующими моментами, что и там.. в той голубой мечте.. Ох!..
4. ДЛЯ ДЕКУПАЖА - ПРОСТО КЛАД, ЛЕГКО И ПРОСТО ПОДОБРАТЬ ЦВЕТ ПО ОСНОВНОЙ КАРТИНКЕ!
Убедила? Нет, ну хотя бы чтобы просто посмотреть, что это за программа?
Ага! Тем более, что делов-то на пару кликов!
Красной галкой отмечено куда нам надо, выбираем второй пункт - "Создать изображения" и дальше все проще пареной репы - загружаем нашу картинку и программа сама разбирает нам ее на пять основных цветов.
Пример:
Причем плюсиками в кружочках выбраны цвета, которые программа посчитала необходимыми Вам показать и эти кружочки можно перемещать и тогда итоговые пять цветов Вы сможете изменить на свое усмотрение и, к примеру, какой-то один изменить по своей надобности.
Допустим, вот так:
Понятно, что менять по желанию можно все пять плюсиков и тогда Вы просто выбираете - пять желаемых цветов.
В форумах обсуждения этой программы некоторые пользователи жаловались - мне, де, мало пяти цветов..
Но программа предоставляет нам с Вами массу возможностей на выбор уже после загрузки конкретного фото.
Если присмотреться, что нам предложили, то мы увидим:
В кружочек выделенный я внесла дополнительную вкладку, которая открывается при наведении мыши и там можно выбрать соответствующее цветовое настроение для фото:
Красочная
- яркая
- приглушенная
- насыщенная
- темная
- произвольная
По умолчанию установлена произвольная. Но вот, как меняется картина при изменении, допустим, "красочной" палитры на, к примеру, приглушенную:
Красочная:
Приглушенная:
Таким образом, искомое количество, используемых в Вашей картинке цветов, существенно меняется и дальше программа предлагает Вам всё это дело сохранить.
Но сохранить можно только со своим регистрационным кодом, коего у меня нет - я не зарегистрирована в программе Adobe.. и что?.. И ничего - есть стандартный инструмент рабочего стола Майкрософта "Ножницы" - ими и вырезаем то, что нам надо и либо потом распечатываем палитру, либо коллажируем и несемся на всех парах в магазин материалов, дабы откупить то, что нам сегодня пожелалось!
Приведем пример на каком-нибудь интернетном образе:
Или вот моя собственная отвлеченная картинка:
Друзья! Огромное спасибо за Ваше потраченное время.
Надеюсь, эта находка будет Вам полезной и не сомневаюсь в том, что пытливый рукодельный ум найдет ей применение, если уже (по мере прочтения) не нашел!
Я думаю всем читателям и без того понятно, что цвета не должны раздражать, они должны быть не контрастными в работе с основными разрешениями мониторов посетителей, и т.п. чепуха, которая уже не раз обсасывалась на других блогах. Я не буду повторять их слова, достаточно погуглить.
О чем же я всё таки буду писать? О нескольких сервисах-миксерах - подборщиках адекватных для посетителя цветов, что является несомненно полезным инструментом в работе юзабилиста. Цвета, несомненно, очень важный инструмент в достижении большего удобства на сайте, что ярко доказывает на себе пример Яндекса . Например - то же цветовое разграничение блоков, которые я мимоходом описал в заметке о идеальных формах , и собираюсь в ближайшее время занятся продолжением сего вопроса.
ColorSchemer Studio
Что такое миксер? Это, если по-простому, смеситель. Неважно чего, но в моем случае это цвета - ведь для того, чтобы получить какой-либо цвет нужно создать комбинацию из нескольких других. Следовательно - нам нужен хороший, и удобный инструмент для этого самого смешивания, причем с обязательно интуитивным интерфейсом, и кучей примочек, реализованных в этом самом интерфейсе, который интуитивный. Мы же юзабилисты, ага.
Дабы мои мысли нашли под собой основание - я заглянул в википедию, чтобы посмотреть - что она выдаст мне по определению «миксер» (. Итак, что мы там имеем:
Миксер - малый бытовой прибор предназначенный для взбивания яиц, приготовления напитков, муссов, омлетов, жидкого теста и т.п. Миксеры бывают стационарные и ручные (более распространённые устройства).
Очень… очень исчерпывающий ответ на столь конкретный запрос. Чтобы в дальнейшем у других людей не было проблем - я создал определение Цветовой миксер .
В первой части этой серии статей я расскажу о программе ColorSchemer Studio от одноименной компании, которая являлась первопроходцем в создании подобных продуктов, колличество которых уже перевалило за несколько десятков, в самых разнообразных видах
На скриншоте ниже можно взглянуть на самый главный инструмент программы - цветовое колесо. Именно в нем мы будем проводить большую часть своего пребывания в данной программе. Используется он просто - достаточно выбрать цвет, и он покажет наиболее подходящие, и контрастные цвета для него. Всё просто.Это стартовый инструмент, за которым обычно утекает наибольшее колличество времени - ведь соседний цвет может понравится больше, а у него (у соседнего то бишь) еще несколько более совместимых. В общем - красота, а не инструмент.
Инструмент «Цветовые гармонии» помогает нам увидеть этапы переходов между двумя основными цветами. Причем выдает этот инструмент 2 вида возможных переходов - темный, и светлый. Удобно.
Цвета с лучшей совместимостью
В этом инструменте все просто до безобразия - выбираем цвет, и программа выдает нам цвета, которые лучшим образом подходят для того, чтобы использовать их вместе с оригиналом. Замечу, что сами по себе эти цвета могут быть и не очень красивыми, но вот в использовании вкупе с остальными 5ю - получаются действительно красивые вещи.
Photoschemer
Интересная, и новая функция у программы - взять с фотографии несколько цветов, и сгенерировать на их базе совместимые. Убиваем двух зайцев - на фотографиях в большинстве случаев природные цвета, которые не вызывают отторжения. Как можно увидеть по скриншоту - цвета действительно хорошие, и не пробуют сьесть наш мозг.
Цветовой миксер
Опять простейший, и интуитивно понятный инструмент - загружаем два разных цвета, и получаем разнообразные пропорции от их смешивания. Честно говоря - я ни разу этот инструмент не использовал за ненадобностью. Хотя надеюсь кому-то он всё таки потребуется, иначе бы он не был в составе программы. Возможно художникам?
Анализатор цветовых сочитаний
Представим себе, что цветовую подборку мы уже сделали, теперь нужно пожинать плоды. Анализатор сочетаний двух цветов - фоновый и текстовый. Т.е. это лучший инструмент для юзабилистов - подобрав цвет фона можно мигом получить его лучшее сочетание для текста. Супер ведь.
Быстрое превью
Мало того, что программа подберет с вашей помощью хорошие цвета, так она еще и поможет их в верном порядке расположить на странице. Используются, кстати, психологические методы для этого инструмента, что любопытно само по себе.
Печать
После того как мы сохранили свою именную цветовую палитру - возможно потребуется её распечатать? И это легко сделать с помощью инструмента Print Your Color Schemes. Этим же инструментом можно перегнать полученные результаты в pdf - отличная возможность, если учитывать, что pdf стандартизировали.
Импорт и экспорт
Помимо печати было бы неплохо иметь возможность импортировать и экспортировать цвета из того же Photoshop. И нам опять дают эту прекрасную возможность. Вот список, которые совместимы с возможностью импорта-экспорта программы.
Импорт:Организовать импорт можно из любой сайтовой CSS (ну ничего себе…), gif изображения, файла цветовых таблиц (.act), и цветовой палитры photoshop (.aco)
Экспорт:Экспортировать можно обратно в любую CSS, или html body атрибуты, в gif изображение, цветовую палитру photoshop, файлы цветовых таблиц, цветовую палитру illustrator (боже, и сюда добрались), Adobe Fireworks, и в Corel Painter
Достаточно обьемный список, не правда ли?
Также в программу входит сверх-удобная пипетка в качестве бонуса. Её кстати можно скачать отдельно бесплатно.
Цена
Увы и ах - но за программу требуют деньгу, что вполне логично - продукт ведь отличный. Стоит она 49 долларов в обоих вариациях - как для Windows, так и для MacOS (я думаю, многие уже перепугались, глядя на скриншоты, что пользователей windows оставили за бортом. К счастью это не так).Дабы потестировать программу можно воспользоваться 15-дневной trial-версией, но будет мешать попап при старте программы.
Готовые сочетания
А теперь самое вкусненькое - на сайте программы просто МОРЕ отличнейших цветовых решений . Дерзайте!
Онлайновая версия ColorSchemer Studio
Выводы
Покупать программу конечно стоит (её разумеется можно и взломать, но это личное дело каждого). ColorSchemer Studio предоставляет море возможностей для юзабилистов, графических дизайнеров, и даже художников. Начинающим тоже стоит её советовать, ведь она поможет нам избежать монстров с непобедимыми цветами.
В первой статье мы выяснили что такое цветовой миксер , и с чем его требуется кушать для пущего увеличения аппетита на примере программы ColorSchemer Studio. Несомненно хорошая вещь, но платная, а я решил сегодня посвятить статью бесплатному, и web-based инструменту от компании Adobe , которые также как и компания ColorSchemer вовремя просекли о том, чего не хватает дизайнерской братии. Итак встречайте - Adobe Kuler.
Эта заметка будет не в пример меньше, чем предыдущая, но не менее полезная. Почему меньше? Потому что веб-сервисы как бы не старались, а дорасти до полноценной программы пока не могут - следовательно - меньше возможностей, но удобнее. Еще один несомненный плюс - Kuler сохраняет результаты в вашем Adobe ID - т.е. в случае смены ОС на вашем компьютере, или постоянных сменах компьютера (работа-дом, дом и работа) - все будет доступно, если на компьютерах есть интернет. Что гораздо удобнее, чем возить на флешке готовые палитры из ColorSchemer Studio .
Цветовой миксер
По сравнению с программой на компьютере - веб сервисы явно уступают в возможностях, но не так уж и сильно как раньше. Тут есть всё, что нужно, и даже немного сверху.
В отличии от ColorSchemer Studio , где роль миксера беззастенчиво выполняет цветовое колесо (color wheel) - тут с этой обязанностью справляется какой-то цветовой боченок. По меньшей мере у меня асоциации были именно такие - мы мешаем цвета в бочке, при этом смотрим на эту самую бочку сверху. В принципе - совершенно не затрудняет, и даже скорее всего облегчает задачу - ожидаемый цвет можно получить гораздо быстрее.
А можно и не получить. К сожалению при всем видимом удобстве - я часто ловлю себя на мысли, что знаю примерно какой цвет хочу, но не знаю как его получить - и тут Kuler делает в своем интерфейсе самую большую подлянку - не зная цветовых кодов, и не разобравшись в механике сервиса - ожидаемый цвет получить довольно затруднительно.
К счастью разработчики из Adobe Labs знают свою работу хорошо, поэтому к несколько странному интерфейсу привыкаешь быстро.
Готовые цветовые решения
В самый первый раз когда попадаешь на - выдается красивый рейтинг лучших, по мнению посетителей, палитр - выбрать можно сразу их и с ними же продолжить работу. Плюсы понятны - далеко ходить не нужно, всё уже готово на полочке.
Из минусов хотелось бы сказать только одно - кулер достаточно популярный сервис, и выбрав цвета из первой десятке есть риск встретить «цветового клона» своего будущего сайта. Т.е. лучшее решение - это всё таки создать свой уникальный сборник, благо это удобно.
Уже готовые решения можно отсортировать по нескольким способам:1. По оценке - обьяснять в принципе нечего - выдаются лучшие сборники цветов по версии пользователей Кулера, которые вы, кстати, тоже можете оценить и посмотреть детально.
2. По популярности - насколько я понял в данном разделе выдаются самые просматриваемые цветовые решения. Мне кажется, что этот рейтинг не намного отличается от сортировке по оценке, ведь подавляющее большинство людей дальше второй-третей страницы кулера не пойдет.
3. Новые - если вы только что создали свою уникальную палитру, и хотели бы чтобы её кто-то увидел и скачал, кроме вас - этот раздел именно для таких как вы. Тут публикуются самые новые цветовые палитры. Из минусов - ежеминутно создается более 20 палитр, поэтому потеряться можно и тут.
Создав свое решение вы тоже можете добавить его на сайт.
Экспорт
К сожалению импорта в самом сервисе нет, т.е. улучшить уже готовую палитру вашего сайта не выйдет. Получится лишь только заново их воссоздать. К счастью экспорт тут в наличии и позволяет перенести готовые результаты в любой из инструментов Adobe линейки CS2 и CS3. Молодцы. К сожалению здесь нет экспорта в Corel , и другие программы, отличные от Adobe по понятным причинам.Выводы
Как и любое веб-решение какой-то задачи инструмент немного проигрывает в функциональности своим программным собратьям, но зато выигрывает в удобстве и скорости получения результата. Рекомендую использовать данный сервис в случае того, если вы часто меняете свой компьютер, ваши цвета размещенные в интернете никуда от вас не денутся. Для тех же, у кого проблемы с переносом данных нет - рекомендую всё же воспользоватся платным программным аналогом - ColorSchemer Studio.
