Градієнти

Градієнт – це поступовий перехід між двома або більше кольорами або між відтінками одного кольору. Градієнти можна використовувати для створення переходів між кольорами, імітації об’єму векторних об’єктів і застосування ефекту світлотіні до ілюстрацій.

В Illustrator можна створювати, застосовувати й змінювати градієнти за допомогою панелі «Градієнт», інструмента «Градієнт» або панелі керування.

В Illustrator доступні три типи градієнтів.

• Лінійний:
  для переходу між двома кольорами за прямою лінією.

• Радіальний:
  для переходу між кольорами за контуром кола. 

• Довільний:
  для створення поступового градієнтного переходу між контрольними точками кольорів, розташованими в упорядкованій або випадковій послідовності, для забезпечення природного й плавного вигляду ефекту. Довільний градієнт можна застосувати у двох режимах.
  • Точки: цей режим дає змогу затінити область навколо контрольної точки кольору.
  • Лінії: цей режим дає змогу затінити область навколо лінії.

Інструмент і панель «Градієнт»

Створити або змінити градієнт можна за допомогою інструмента «Градієнт» або однойменної панелі. Інструмент «Градієнт» можна використовувати для створення або змінення градієнтів безпосередньо на ілюстрації та перегляду змін у реальному часі.

Щоб відкрити інструмент «Градієнт», виберіть відповідну опцію на панелі інструментів.

Щоб відкрити панель «Градієнт», виконайте одну з описаних нижче дій.

• Виберіть «Вікно» > «Градієнт».
• Двічі клацніть інструмент «Градієнт» на панелі інструментів.

На полотні з’явиться панель «Градієнт».

Інструмент і панель «Градієнт» мають багато спільних параметрів. Проте певні задачі можна виконувати лише за допомогою інструмента чи панелі. За допомогою інструмента й панелі «Градієнт» можна встановлювати контрольні точки кольору, їх положення й поширення. Також можна визначити кут відображення кольорів, пропорції еліптичного градієнта й непрозорість окремих кольорів.

Також можна ввімкнути функцію Малювання й редагування в реальному часі, щоб покращити відображення об’єктів, над якими ви працюєте. Щоб увімкнути цю функцію:

[Windows] Виберіть опцію Редагування > Параметри > Продуктивність > Малювання й редагування в реальному часі.

[macOS] Виберіть опцію Illustrator > Параметри > Продуктивність > Малювання й редагування в реальному часі.

Анотатор градієнта

Якщо ви застосовуєте лінійний або радіальний градієнт, то в разі вибору інструмента «Градієнт» на об’єкті з’явиться анотатор градієнта. Анотатор градієнта – це повзунок, на якому показано початкову, кінцеву й середню точки, а також дві контрольні точки кольорів для початкової та кінцевої точок.

За допомогою анотатора градієнта можна змінити значення кута, розташування й поширення для лінійного градієнта або фокальну точку, вихідну точку та поширення для радіального градієнта. Коли на об’єкті з’являється анотатор градієнта, ним можна скористатися для додавання нових контрольних точок кольору, визначення нових кольорів для окремих контрольних точок, змінювання налаштувань непрозорості й перетягування контрольних точок кольору на нові місця. Усі ці операції також можна виконати на панелі «Градієнт».

Щоб приховати або відобразити анотатор градієнта, виберіть «Перегляд» > «Приховати анотатор градієнта» або «Перегляд» > «Показати анотатор градієнта».

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

Примітка: якщо використовується довільний градієнт, контрольні точки кольору можна помістити в будь-якому місці об’єкта. Тому для налаштування довільного градієнта анотатор не потрібний.

Застосування попередньо налаштованого градієнта

Коли ви вперше клацнете значок інструмента «Градієнт», то за замовчуванням буде застосовано чорно-білий градієнт. Якщо ви раніше вже застосовували градієнти, то за замовчуванням на об’єкті буде застосовано градієнт, що використовувався минулого разу.

В Illustrator також є попередньо налаштовані набори градієнтів, доступні на панелях «Градієнт» і «Зразки». Крім того, ви можете створити градієнт і зберегти його на панелі «Зразки» для використання в майбутньому. Щоб застосувати попередньо налаштований або збережений градієнт із панелі «Градієнт», виконайте описані нижче дії.

• Виберіть об’єкт на полотні й натисніть розкривний список «Градієнт» на панелі «Градієнт».

Щоб застосувати попередньо налаштований документ із панелі зразків, виконайте описані нижче дії.

• Для відкриття панелі «Зразки» виберіть «Вікно» > «Зразки».
• На панелі «Зразки» натисніть розкривний список у верхньому правому куті. У списку виберіть «Відкрити бібліотеку зразків» > «Градієнти» й виберіть градієнт, який хочете застосувати.
• Щоб відобразити на панелі зразків лише градієнти, натисніть розкривний список «Показати категорії зразків» і виберіть пункт «Показати зразки градієнтів».

Створення й застосування лінійних, радіальних і довільних градієнтів

Залежно від поточних вимог, ви можете застосовувати на своїй ілюстрації лінійні, радіальні й довільні градієнти.

• Створення й застосування лінійного градієнта
• Створення й застосування радіального градієнта
• Створення й застосування довільного градієнта

Створення й застосування лінійного градієнта

Щоб створити лінійний градієнт, скористайтеся одним із запропонованих нижче способів.

• Виберіть інструмент «Градієнт» і натисніть на об’єкті на полотні. Кнопки вибору типів градієнтів відображаються на панелі керування або панелі «Властивості». Виділіть об’єкт і клацніть значок лінійного градієнта, щоб застосувати цей градієнт до об’єкта.
• На панелі «Градієнт» клацніть значок лінійного градієнта.
• На панелі «Властивості» клацніть значок лінійного градієнта в розділі «Градієнт».

Створення й застосування радіального градієнта

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

• Виберіть інструмент «Градієнт» і натисніть на об’єкті на полотні. Кнопки вибору типів градієнтів відображаються на панелі керування або панелі «Властивості». Виділіть об’єкт і клацніть значок радіального градієнта, щоб застосувати цей градієнт до об’єкта.
• На панелі «Градієнт» клацніть значок радіального градієнта.
• На панелі «Властивості» клацніть значок радіального градієнта в розділі «Градієнт».

Створення й застосування довільного градієнта

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

• Виберіть інструмент «Градієнт» і натисніть на об’єкті на полотні. Кнопки вибору типів градієнтів відображаються на панелі керування або панелі «Властивості». Виділіть об’єкт і клацніть значок довільного градієнта, щоб застосувати цей градієнт до об’єкта.
• На панелі «Градієнт» клацніть значок довільного градієнта.
• На панелі «Властивості» клацніть значок довільного градієнта в розділі «Градієнт».

Коли ви клацнете значок довільного градієнта, стануть доступні дві опції.

• Точки: виберіть цю опцію, щоб створити контрольні точки кольору як окремі точки на об’єкті.
• Лінії: виберіть цю опцію, щоб створити контрольні точки кольору на відрізку лінії на об’єкті. 

Створення довільних градієнтів у точковому режимі

Щоб створити, змінити чи видалити довільний градієнт у точковому режимі, виконайте наведені нижче дії.

• Щоб додати одну або кілька контрольних точок кольору, клацніть будь-де на об’єкті.
• Щоб змінити положення контрольних точок кольору, перетягніть їх і помістіть у бажаному місці.
• Щоб видалити контрольну точку кольору, перетягніть її за межі об’єкта чи клацніть значок видалення на панелі «Градієнт» або натисніть клавішу Delete.

Налаштування поширення довільного градієнта в режимі точок

Ви можете налаштувати поширення контрольної точки кольору точкового довільного градієнта. Поширення – це кругла ділянка навколо контрольної точки, до якої застосовується градієнт. Щоб задати область поширення контрольної точки кольору, виділіть контрольну точку й виконайте одну з описаних нижче дій.

• На панелі «Градієнт» виберіть або вручну вкажіть значення в розкривному списку «Поширення».
• Введіть значення в розкривному списку «Поширення» на панелі керування, панелі «Властивості» чи панелі «Градієнт». Також після натискання на опцію «Поширення» відобразиться повзунок.

За замовчуванням значення поширення контрольних точок кольору дорівнює 0 %.  

Створення довільних градієнтів у лінійному режимі

Щоб додати контрольні точки кольору довільного градієнта в лінійному режимі, виконайте описані нижче дії.

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

В об’єкті можна створити кілька окремих відрізків лінії. Щоб створити новий відрізок лінії, виконайте описані нижче дії.

• Перетягніть вказівник поза межі об’єкта, потім знову наведіть його на об’єкт і клацніть будь-де, щоб створити першу контрольну точку кольору для відрізка лінії.

Примітка: у разі потреби відрізки лінії можна перетягувати й з’єднувати.

Щоб видалити виділені контрольні точки кольору, виконайте описані нижче дії.

• Перетягніть контрольні точки за межі об’єкта або клацніть значок видалення на панелі «Градієнт».

Щоб змінити положення контрольних точок кольору, виконайте описані нижче дії.

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

Створення градієнта з панелі «Зразки»

Зміна градієнтів

Ви можете змінювати колір, вихідну точку, рівень непрозорості, розташування й кут градієнта за допомогою інструмента «Градієнт», панелей керування, «Градієнт» або «Властивості». 

Щоб увійти в режим редагування градієнта безпосередньо з панелі «Градієнт», виділіть об’єкт і натисніть кнопку «Редагувати градієнт». Ви також можете редагувати параметри градієнтів, як-от контрольні точки кольору, колір, кут, рівень непрозорості, розташування, пропорції тощо.

Додавання й змінювання контрольних точок кольору

Після застосування градієнта можна додати різні контрольні точки кольору за допомогою анотатора градієнта.

Щоб додати контрольні точки кольору, виконайте описані нижче дії.

• Наведіть вказівник на анотатор градієнта. Коли під вказівником відобразиться значок «+», клацніть на анотаторі градієнта. 

У цьому місці з’явиться контрольна точка кольору.

Щоб видалити контрольну точку кольору, виділіть її та виконайте одну з описаних нижче дій.

• Натисніть клавішу Delete.
• Натисніть значок видалення на панелі «Градієнт».

Що вибрати кілька контрольних точок кольору, натисніть клавішу Shift і клацніть по контрольних точках кольору.

Щоб видалити всі виділені контрольні точки кольору, натисніть клавішу Escape.

Примітка: після виділення контрольної точки кольору градієнта на панелі керування й панелі інструментів з’являться параметри змінювання контрольних точок кольору. Крім того, контрольні точки кольору відображаються на вкладці «Колір» праворуч.

Змінювання кольору

Щоб змінити колір контрольної точки, виконайте одну з описаних нижче дій.

• Двічі клацніть по контрольній точці кольору.
  Відобразиться панель кольорів, на якій можна вибрати колір для застосування. Вибраний колір буде розповсюджено на ділянці від поточної до наступної контрольної точки.

• Клацніть кнопку «Зразки» на панелі кольорів, щоб вибрати колір із доступних зразків. 
• Клацніть значок інструмента вибору кольору на панелі кольорів, щоб вибрати будь-який колір на полотні й застосувати його в бажаному місці. Натисніть клавішу Escape або Enter, щоб вийти з режиму палітри кольорів. На панелях «Колір», «Градієнт» і «Властивості» доступна опція палітри кольорів.
• Відкрийте панель «Зразки», вибравши «Вікна» > «Зразки». Натисніть на значку заливки об’єкта на панелі «Зразки». Вибраний колір буде застосовано до виділеної контрольної точки кольору.

Змінювання вихідної точки, розміру й повертання анотатора градієнта

Початкова точка анотатора градієнта називається вихідною точкою.

• Щоб змінити вихідну точку, наведіть вказівник на початкову точку й перетягніть її.
• Щоб змінити розмір анотатора градієнта, перетягніть кінцеву точку ближче до початкової точки або далі від неї.
  
  Змінити розмір анотатора градієнта за допомогою початкової (вихідної) точки неможливо.

• Щоб повернути анотатор лінійного градієнта, натисніть і утримуйте його кінцеву точку. Коли з’явиться символ з округлою стрілкою, потягніть лінійку й поверніть у будь-якому напрямку. Відобразиться пунктирний прямокутник, що позначить нове розташування анотатора градієнта.

• Щоб повернути анотатор радіального градієнта, наведіть вказівник на його кінцеву точку й, коли відобразиться округла стрілка, перетягніть анотатор градієнта.
  Якщо помістити вказівник у межах поширення радіального градієнта, відобразиться пунктирна окружність. Її можна повернути навколо осі, щоб змінити кут радіального градієнта. Крім того, на пунктирній окружності відобразяться дві точки. Клацнувши одну із цих точок, можна змінити форму окружності (пропорції), а клацнувши іншу – змінити розмір цієї окружності (поширення градієнта).

Змінювання розташування

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

• Протягніть їх уздовж повзунка градієнта.
• Введіть значення в полі «Місце» на панелі «Градієнт». (show example of changing location of color stop).

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

Змінювання кута

Щоб змінити кут градієнта, виконайте описані нижче дії.

• Поверніть анотатор градієнта на об’єкті.
• Виберіть або введіть значення в розкривному полі «Кут» на панелі «Градієнт».

Змінювання рівня непрозорості

Щоб змінити рівень непрозорості контрольної точки кольору, виділіть її та виконайте одну з описаних нижче дій.

• Виберіть або введіть значення в полі «Непрозорість» на панелі «Градієнт» або панелі керування. 
• Пересуньте повзунок регулювання непрозорості на панелі керування.

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

Зворотний градієнт

Щоб поміняти місцями початковий і кінцевий кольори градієнта, клацніть «Зворотний градієнт» на панелі «Градієнт».

Збереження градієнтів як зразків

Щоб зберегти новий або змінений градієнт як зразок у поточному файлі, виконайте одну з описаних нижче дій.

• Натисніть кнопку «Додати до зразків» у меню панелі «Градієнт».
• Виберіть меню зразків на панелі «Зразки» й виберіть «Створити зразок».
• Перетягніть поле заливки градієнта з панелі «Градієнт» на панель «Зразки». 

Застосування градієнтів до обведень

Щоб застосувати градієнт до обведення об’єкта, виділіть об’єкт і виконайте описані нижче дії.

Застосування градієнта до кількох об’єктів

Щоб застосувати лінійний або радіальний градієнт до кількох об’єктів, виконайте описані нижче дії.

• Застосуйте градієнт до об’єкта. Виберіть інший об’єкт, до якого бажаєте застосувати такий самий градієнт. Для цього виберіть інструмент «Виділення» на панелі інструментів. Утримуючи клавішу Shift, клацайте по об’єктах, до яких бажаєте застосувати такий самий градієнт.
• На панелі інструментів виберіть інструмент «Палітра кольорів» і клацніть градієнт. Потім виділіть об’єкти, до яких потрібно застосувати вибраний градієнт.
• Клацніть позначку заливки на панелі «Градієнт» чи «Властивості» або на панелі інструментів.

За допомогою інструмента «Градієнт» можна виконати одну з таких дій:

• Щоб створити градієнт з однією лінійкою налаштування, клацніть у тому місці на полотні, де має починатися градієнт, і перетягніть курсор туди, де градієнт має закінчуватися. 
• Щоб створити градієнт із лінійкою налаштування для кожного виділеного об’єкта, клацніть у тому місці на монтажній області, де має починатися градієнт, і, утримуючи натиснутою клавішу Alt (Windows) або Option (macOS), перетягніть курсор туди, де градієнт має закінчуватися. Після цього можна налаштувати різні повзунки градієнта для різних об’єктів. (Кілька повзунків градієнта створюються лише для простих контурів).

Маєте запитання чи ідею?