Колірний круг адобе. Колірні міксери. ColorSchemer Studio vs Adobe Kuler. Онлайнова версія ColorSchemer Studio

Напишу як працювати з програмою кулер для знаходження палітр на основі наявних кольорів . Нам знадобиться paint або photoshop і сама програма kuler http://kuler.adobe.com

Наприклад візьму свій колір очей.

1) Відкриваємо фотографію в пейнті або фотошопі та інструментом піпетка вибираємо потрібний колір.
Очі у багатьох людей багатобарвні, спробуйте вибрати усереднений, або виберіть той, що домінує.



2. Відкрийте панель. Там будуть дані координати кольору, що вийшов. CMYK або RGB . Вибираєте будь-яку з них та запам'ятовуєте.

На тому комп'ютері, на якому я перебуваю, стара версія пейнта. RGB – це red green blue - співвідношення червоного, зеленого та синього у кольорі. У мене R = 38, G = 57, B = 51

4. Тепер розглянемо решту схем. При виборі слова monochromatic вийде споріднена схема - один колір з різною яскравістю і світлою. (можна прочитати про споріднену (монохромну) схему)

5. При виборі shades вийдуть варіації тільки по темряві, яскравість не змінюватиметься.

6. Дуже потрібний нам complementary - дозволяє знайти протилежні (компліментарні) кольори. (Інформація про компліментарну схему)
NB Кулер дає вразки темні і світлі кольори, важливо запам'ятати, що строго компліментарні один одному кольори не відрізняються по темряві . Тому комплімент для мого кольору очей – крайній правий квадрат.

7. Не менш цікавий, що дає основи для розширення палітр - triad - дозволяє створити рівновіддалені (тріадичні) схеми. (а можна почитати про тріадічну схему)

8. Щоб відтворити отримані в кулері кольори в таблицях пейнта і фотошопу вам потрібно просто подивитися координати кольору в кулері (як ви бачите, під кожним кольором табличка) і ввести їх на палітрі вашого графічного редактора, а потім зробити ними заливку квадратика таблиці=)

.
Досить багатьом він уже відомий, але хтось чує про цей сервіс вперше, цей пост для вас.

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 Color CC - новий Android додаток для дизайнерів. Дозволяє зберігати комбінації кольорів, які дуже вам сподобалися, щоб ви могли використовувати їх надалі у повноцінних програмах для роботи із зображеннями: illustrator , InDesign та Photoshop .

Adobe Color CC для Андроїд

  • Миттєве захоплення кольорів – екран відіграє роль видошукача. У свою чергу, додаток в реальному часі запам'ятовує всі кольори, які потрапляють у видошукач. Щоб зберегти виділену область, просто торкніться екрана потрібної точки.
  • Автоматичне Збереження Фотографій – якщо вам сподобалася фотографія, то чому б не зберегти її в альбомі, щоб надалі максимально використовувати колірні теми.
  • Глибокі налаштування – скористайтеся повзунком або інтерактивним колом, щоб налаштувати кольори. Якщо вам потрібні нові ідеї, то для ваших послуг готові колекції з темами, щоб ви зрозуміли, як можна відкрити нові можливості.
  • Надихайтеся та надихайте - обмін зображеннями по email, фейсбуку, через твіттер. Також ви можете публікувати свої роботи на color.adobe.com.
  • Скористайтеся хмарними бібліотеками креативу – тут ви отримуєте доступ до сумісних настільних та мобільних програм компанії – Ілюстратор, Фотошоп, Індизайн

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

Про що ж я все-таки писатиму? Про кілька сервісів-міксерів - підбирачів адекватних для відвідувача квітів, що є безперечно корисним інструментом у роботі юзабіліста. Кольори, безперечно, дуже важливий інструмент у досягненні більшої зручності на сайті, що яскраво доводить на собі приклад Яндекса. Наприклад - те ж колірне розмежування блоків, які я мимохідь описав у замітці про ідеальні форми, і збираюся найближчим часом зайнятися продовженням цього питання.

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.

Adobe Kuler- Так названий ресурс обміну кольорами kuler.adobe.com. Колірне рішення - це п'ять кольорів, що поєднуються між собою відповідно до одного з правил колірної гармонії. При підключеному до Інтернету комп'ютері звернення Windows > Extensions > Kuler виведе на екран вікно, в якому на вкладці Create можна вибрати правило колірної гармонії, і маніпулюючи движками на колірному колі створити свій набір кольорів. Його можна зберегти зі своїм ім'ям. Не зрозуміло, чому в цьому інструменті створюються лише RGB-кольори, адже подібний інструмент вже є у програмах Photoshop та Illustrator версій CS3, і там можна вибрати будь-яку колірну модель, а також CMYK у тому числі. Можливо, цей інструмент призначений виключно для роботи з екранним контентом. При роботі зі збереженням файлу в pdf-форматі можна і обійтися без можливості вибору пропорції CMYK кольору, зараз перетворення RGB-CMYK виконується на льоту, і до якості перетворення немає претензій. Але, швидше за все, можливість працювати з CMYK-квітами з'явиться або в одному з оновлень або наступної версії.

Але цей інструмент цікавий ще тим, що змушує шукати нові знання. Підніміть клавіатуру, хто знає, які є правила гармонії кольорів?

Так, це питання випадає з кола професійних знань більшості верстальників, але якщо такий інструмент з'явився, треба ним грамотно користуватися. Ось тут http://mironovacolor.org/theory/harmony_theory/ у мережі розміщена добре підготовлена ​​інформація про колірну гармонію. Взагалі, це дуже цікавий сайт про колір — перейдіть на головну сторінку і подивіться, скільки там всього цікавого. На жаль, і в мережі сайти іноді зникають, тому якщо вам ці питання цікаві, є сенс зберегти на машині копію сайту.
Інше цікаве питання – які брати кольори. Число кольорів, що виходять при переборі RGB значень, просто колосальне, і потрібен путівник цього масиву кольорів. Кожен вирішує це завдання, як уміє, ось деякі способи вирішення задачі отримання імен та пропорцій кольору.
http://www.colorfor.narod.ru/ - тут за вказаними RGB-пропорціями повідомляється назва кольору.
Інший ресурс - Вікіпедія. Наберіть у вікні пошуку «список кольорів» та отримайте перелік, можливо, всіх іменованих кольорів, перекладів назв російською мовою та пропорцій у різних моделях.
На жаль, ресурсу http://www.colorfor.narod.ru/ не вистачає в перекладі на льоту з RGB до CMYK. Якщо хтось знає подібний ресурс, поділіться. (А може, хтось із творців colorfor.narod.ru читає наш сайт, і це повідомлення буде ідеєю, як доопрацювати свою сторінку).

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

Але життя не зупиняється і дизайнери створюють свої кольори. Зайдіть на сайт kuler.adobe.com, там зібрано багато цікавих поєднань кольорів. Колекція постійно поповнюється, і я теж зробив свій внесок — колірна композиція moscow autumnдоступна з минулого року. Усі бажаючі можуть зареєструватися та розміщувати у загальному доступі свої вдалі кольорові рішення.

З повагою, Михайло Іванюшин