Як намалювати кольорове колесо в ілюстраторі?


10

Як намалювати кольорове колесо в ілюстраторі? Я думаю створити багато маленьких дуг з градієнтом і всіма кольорами відтінку. Будь-які ідеї?

введіть тут опис зображення

Відповіді:


15

Одним із способів було б нанесення лінійного градієнта на обведення. Створіть коло та обведіть його градієнтним малюнком. Переконайтесь, що градієнт має стопи, як у таблиці та на малюнку нижче. Градієнт може виглядати не так гладко в переходах, але це все, що спадає на думку.

+------------+---------------+----------+
| Color Stop |      RGB      | Location |
|------------+---------------+----------|
|      1     | (255, 0, 255) |    0.00% |
|      2     | (0, 0, 255)   |   16.67% |
|      3     | (0, 255, 255) |   33.33% |
|      4     | (0, 255, 0)   |   50.00% |
|      5     | (255, 255, 0) |   66.65% |
|      6     | (255, 0, 0)   |   83.33% |
|      7     | (255, 0, 255) |  100.00% |
+---------------------------------------+

Коло гладить градієнтом

Параметри градієнта та зупинки кольорів

Остаточний результат


Гарне рішення Раффі! Ви також можете пропустити введення цих значень таблиці, перейшовши до Зразки> значок управління> Відкрити бібліотеку зразків> Градієнти> Спектри> та вибравши "Спектр" із набору, що завантажує.
saskiel

-1

У мене немає Illustrator, але це загальна техніка, яку я можу зробити в GIMP. Ця ж методика повинна застосовуватися до Illustrator:

  1. Почніть з чорного тла
  2. У редакторі градієнтів створіть спеціальний градієнт, який складається з трьох сегментів однакового розміру. Перша третина є суцільним кольором переднього плану, друга третина - лінійним градієнтом від переднього плану до кольору фону, а третя - суцільним фоновим кольором (див. Додаток нижче, як він повинен виглядати).
  3. Виберіть інструмент «Градієнт»
  4. Виберіть конічний (симетричний) градієнт
  5. Виберіть режим додавання додавання
  6. Намалюйте три градієнти в трьох напрямках (0deg, 120deg, 240deg), з трьома різними кольорами переднього плану (наприклад, # ff0000, # 00ff00, # 0000ff) до чорного фонового кольору.

Результат

введіть тут опис зображення

Крім того, коли ви обернете всі кольори та градієнти, а потім скористаєтеся режимом множинного змішування, ви отримаєте такий же результат, як і те, що ви отримали з додатком:

  1. Почніть з білого тла
  2. Створіть градієнт так само, як у режимі Додавання, але поміняйте місцями передній план та колір тла. Створіть спеціальний градієнт, який складається з трьох сегментів однакового розміру. Перша третина є суцільним фоновим кольором, друга третина - лінійним градієнтом від фону до переднього кольору, а остання третина - суцільним фоновим кольором (див. Додаток 2 нижче про те, як він повинен виглядати).
  3. Виберіть інструмент «Градієнт»
  4. Виберіть конічний (симетричний) градієнт
  5. Виберіть Multiply режим змішування
  6. Намалюйте три градієнти в трьох напрямках (0deg, 120deg, 240deg), трьома різними зворотними кольорами переднього плану (наприклад, # 00ffff, # ff00ff, # ffff00) до білого фонового кольору.

Результат

введіть тут опис зображення

Чому це працює?

Якщо ви підбираєте колір навколо кольорового колеса, одне, що ви помітите, - це те, як змінюється колір RGB, коли ви пересуваєте колектор за кольором. Спочатку ви починаєте з чистого червоного (# ff0000), потім, обертаючись, ви помітите, як зелена лінійно збільшується, поки не стане жовтою (# ffff00), потім ви повернетесь далі і червоне лінійно зменшиться, поки ви не отримаєте чисто зелений (# 00ff00) . Звідси те ж саме відбувається із зеленим та синім, синій лінійно збільшується до тих пір, поки блакитний (# 00ffff), а потім зелений лінійно зменшується, поки не залишиться чисто синій (# 0000ff). А потім знову з синім та червоним, червоний лінійно збільшується до пурпурового (# ff00ff), а потім синього лінійно зменшується, поки ми не обернемось навколо чистого червоного (# ff0000).

По суті, ми створюємо наш конічний градієнт - додавання основних кольорів (червоного, зеленого, синього) на чорний фон (# 000000):

введіть тут опис зображення

Режим змішування "додавання" математично додає кольори до шару під ним (або у випадку градієнтного інструменту до існуючого зображення). Це означає, що якщо шар під ним має колір # 112233, а колір, який ви бажаєте "Додати", є # 010203, новий колір буде # 112233 + # 010203 = # 122436.

Додавши три конічні градієнти разом на чорний фон, ми отримаємо кольорове колесо, яке ми очікували.

Хоча техніка Addition працює, додаючи кольори до чорного (# 000000) полотна, як виготовлення глиняної статуї. Техніка Multiply працює, по суті, вирізаючи небажані кольори (зворотні кольори) з білого (#ffffff), як скульптор. Вони обоє дають абсолютно однаковий результат дуже різними способами.

Додаток

Ось як повинен виглядати редактор градієнтів у техніці Addition:

введіть тут опис зображення

Додаток 2

Ось як повинен виглядати редактор градієнтів у техніці Inverse and Multiply:

введіть тут опис зображення


(a) Питання стосується Illustrator, який є зовсім іншою програмою від GIMP. І (б)… що? Чому б вам не вибрати попередньо визначений градієнт "повного спектру насичення" і не використовувати там конічний градієнт?
wchargin

1
@wchargin: тому що я хочу пояснити, як працюють кольорові колеса. Так, я міг би зробити це за допомогою повного спектру насичення для отримання звичайного кольорового колеса в GIMP, але якщо ви хочете повторити ефект, використовуючи нестандартні базові кольори, то використання попередньо визначеного "повного спектру насичення" не допоможе вам зробити що. У будь-якому випадку, я не знаю, чи існує в Illustrator попередньо визначений градієнт "повний спектр кольорів" чи ні. Описана нами методика може працювати майже на будь-якій програмі редагування зображень.
Лежи Райан

2
Але є ваша проблема - Illustrator - це не програма редагування зображень.
wchargin

1
@wchargin: Illustrator має градієнти, шари та режими змішування шарів. Їх достатньо, щоб застосувати тут загальну ідею.
Лежать Раян
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.