Колірна система адоб колор сс. Як працювати з програмою kuler adobe
Напишу як працювати з програмою кулер для знаходження палітр на основі наявних кольорів . Нам знадобиться 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 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.
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доступна з минулого року. Усі бажаючі можуть зареєструватися та розміщувати у загальному доступі свої вдалі кольорові рішення.
З повагою, Михайло Іванюшин
.
Досить багатьом він уже відомий, але хтось чує про цей сервіс вперше, цей пост для вас.
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.
Сподіваюся, що ця нотатка додасть до вашого арсеналу корисних сервісів ще один інструмент для створення ваших проектів.
