У цьому уроці ми розглянемо комбінування градієнтних заливок за допомогою режимів змішування, градієнтів з прозорими слайдерами і маски прозорості. Ці техніки дозволять вам створювати складні колірні переходи, які зазвичай мають об'єкти реального світу.
Комбінування градієнтів за допомогою режимів змішування
Давайте спочатку розглянемо можливість зміни прозорості об'єктів за допомогою двох режимів змішування. Створимо два прямокутника, один з яких має кольорову заливку, а інший залитий чорно-білим лінійним градієнтом.
Застосуємо до об'єкта з градієнтної заливкою режим змішування Multiply в панелі Transparency. Як ви можете бачити, білий колір після застосування цього режиму змішування став абсолютно прозорим.
Тепер застосуємо до цього прямокутника режим змішування Screen. Цього разу прозорим став чорний колір.
Тут я хочу зауважити, що цей трюк повноцінно працює тільки в колірному режимі RGB. До того ж нам потрібно використовувати для чорного кольору абсолютно чорний колір R = 0; G = 0; B = 0.
Тепер давайте розглянемо на практиці, як використовувати, описані вище властивості. Стовпчик знака Stop залитий лінійним градієнтом, який передає обсяг циліндричної поверхні.
Продублюємо цей об'єкт, потім заливаємо новий об'єкт вертикальним лінійним градієнтом від темно-сірого до білого кольору.
Застосовуємо до верхньої формі режим Multiply. Як і слід було очікувати - білий колір став прозорим і ми отримали тінь на верхній частині стовпчика.
Тепер ми можемо управляти інтенсивністю тіні, висвітлюючи або затемнюючи сірий колір лінійного градієнта.
Дублюємо форму стовпчика ще один раз. Заливаємо копію радіальним градієнтом від чорного до білого кольору.
Застосовуємо до верхньої формі режим Screen.
Чорний колір став прозорим. Тепер ми можемо відрегулювати інтенсивність рефлексу, замінивши білий колір радіального градієнта на сірий.
Ви, звичайно, можете використовувати ці техніки для комбінування кольорових градієнтів, але робити це буде не так ефективно через накладення квітів.
Не дивлячись на вказані тут обмеження, комбінування градієнтів за допомогою режимів змішування - досить поширений прийом і використовується в основному для створення відблисків і тіней.
Комбінування градієнтів за допомогою функції прозорості слайдеров.
Починаючи з релізу Adobe Illustrator CS5, ми можемо змінювати прозорість слайдеров градієнтних заливок. Це властивість можна використовувати для комбінування градієнтів. У цьому випадку нам не потрібно використовувати режими змішування, ми можемо застосовувати такі градієнти в обох колірних режимах (RGB і CMYK) і комбінувати кольорові градієнти без обмежень.
Зазвичай в таких градієнтах використовують два слайдера однакового кольору, один з яких має прозорість 0%. Деякі користувачі уникають використовувати градієнти з прозорими слайдерами, через те що фінальна робота повинна бути збережена в форматі EPS10. Не думаю, що з цим у вас будуть якісь проблеми. Після збереження векторної роботи в форматі EPS10 градієнт з прозорими слайдерами трансформуються в маски прозорості.
Комбінування градієнтів за допомогою масок прозорості (Opacity Mask)
Давайте розглянемо техніку створення Opacity Mask на простому прикладі. Маємо прямокутник, який залитий лінійним градієнтом.
Створимо новий прямокутник, який знаходиться над першим, і заллємо його чорно-білим лінійним градієнтом.
Виділяємо обидва прямокутника, потім вибираємо Make Opacity Mask в спливающем меню панелі Transparency. Верхній прямокутник з чорно-білим градієнтом грає роль маски. Там де він має чорний колір, нижній прямокутник став прозорим.
Якщо помістити маску прозорості над іншою градієнтною заливкою, то ми отримаємо комбінування градієнтів.
Для управління чорно-білим градієнтом необхідно клікнути по вікну masking objects в панелі Transparency.
Для управління градієнтом кольорового об'єкта необхідно клікнути на віконці Opacity mask.
Використання масок прозорості дає нам більше можливостей, ніж попередніх два способи комбінування градієнтних заливок. По суті, ми маємо два об'єкти, перехід між якими визначає третій об'єкт у вигляді чорно-білого градієнта. Крім того, таким способом ви можете маскувати групи об'єктів, чого не можна домогтися ніяким іншим способом. Давайте подивимося кілька малюнків, де показано як я на практиці застосовував такі маски.
В даному прикладі я використовував маску прозорості для створення відображення. Маска дозволила мені обмежити його видимість і розмити краю.
Цей урок був написаний мною для відомого англомовного інтернет видання DesignModo