Я зустрічав безліч графічних дизайнерів, які уникають працювати з градієнтної сіткою через складність управління цим об'єктом. Я також зустрічав справжніх фанатів градієнтних сіток, які створюють з їх допомогою абсолютно фотореалістичні роботи. Хоча вони визнають, що це дуже трудомісткий процес, який не придатний для комерційних проектів. Незважаючи на це, градієнтна сітка може зайняти важливе місце в щоденному робочому процесі графічного дизайнера, так як з її допомогою ми можемо передати розподіл світла по поверхні складної форми. Тому в сьогоднішньому уроці ми розглянемо основи роботи з градієнтними сітками, що допоможе вам освоїти цей складний і дуже примхливий інструмент.
Для того щоб просто оцінити можливості цієї функції давайте подивимося на портрет Jack Nicholson by Dion Aoki. який був створений тільки за допомогою градієнтних сіток.
![Управління градієнтними сітками в adobe illustrator - rboom (градієнтними) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-a3d5edfd.jpg)
Ні, це не фотографія. Для підтвердження моїх слів я хочу показати вам, як виглядає той же портрет в режимі Outline Preview. Так, це повністю векторна робота.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-17494f84.jpg)
Тепер давайте зануримося в технічні деталі.
Створення Gradient Mesh
Я знаю три способи створення градієнтної сітки з існуючих векторних об'єктів. Створимо прямокутник із суцільною заливкою.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-3176c0ca.jpg)
Переходимо Object> Create Gradient Mesh ..., тепер у нас з'явилася можливість вказати кількість рядків і стовпців в діалоговому вікні.
![Управління градієнтними сітками в adobe illustrator - rboom (градієнтними) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-049d2b97.jpg)
Як ви бачите, це діалогове вікно містить і інші опції, які, втім, я ніколи не використовую. У разі використання цього способу створення градієнтної сітки ви отримуєте осередку однакового розміру, по крайней мере, коли ви маєте справу з прямокутником.
Ви можете створювати вузли і лінії сітки за допомогою Mesh Tool (U). Для цього просто клікніть інструментом в місці, де ви хочете створити перший вузол.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-93e01321.jpg)
Тепер прямокутник перетворився в градиентную сітку, і ви можете додавати нові лінії до сітки там, де це необхідно.
![Управління градієнтними сітками в adobe illustrator - rboom (adobe) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-b516f8e4.jpg)
Використовуючи цей метод, ви отримуєте більшу свободу в створенні необхідної сітки, хоча від вас буде потрібно акуратність в роботі. Для того щоб не створювати зайвих точок і ліній ви повинні точно кликати за тим самим які лініях.
І нарешті, ми можемо перетворити лінійний або радіальний градієнт в градиентную сітку. Давайте створимо прямокутник із заливкою лінійним градієнтом і окружність з заливкою радіальним градієнтом так, як це показано на малюнку нижче.
![Управління градієнтними сітками в adobe illustrator - rboom (градієнтними) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-5ff46b84.jpg)
Виділяємо об'єкти, потім переходимо Object> Expand ... і вибираємо в діалоговому вікні опцію Gradient Mesh.
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-a730a4ab.jpg)
Тепер ми можемо продовжити будувати сітку за допомогою Mesh Tool (U).
![Управління градієнтними сітками в adobe illustrator - rboom (adobe) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-4b40342c.jpg)
![Управління градієнтними сітками в adobe illustrator - rboom (adobe) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-b09e31b2.jpg)
Управління та забарвлення точками сітки
Ви можете виділяти і переміщати точки сітки, а також маніпулювати їх ручками за допомогою Mesh Tool (U) або Direct Selection Tool (A).
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-628a0e0e.jpg)
Для видалення лінії сітки клікніть по ній Mesh Tool (U), утримуючи Option / Alt.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-cdd99cc6.jpg)
Ви також можете виділити і видалити вузол сітки, натиснувши на клавішу Delete. В цьому випадку будуть видалені обидві лінії, що проходять через цю точку.
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-c29d7c84.jpg)
Не хочу вас лякати термінологією і теорією, але повинен сказати, що існують три види точок сітки. Точки, які знаходяться на перетині ліній можна фарбувати, інші види точок служать тільки для створення форми сітки. Виділимо одну з таких точок і забарвимо її в синій колір, наприклад.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-0a377be7.jpg)
Зверніть увагу на криволінійні сегменти у верхній і нижній частині градієнтної сітки. Ці сегменти мають невидимі точки, які стають активними тільки, якщо взяти Add Anchor Point Tool.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-4975200c.jpg)
Такий тип точок не може містити колірну інформацію і ними не можна керувати безпосередньо. Створимо нову mesh point за допомогою Add Anchor Point Tool.
![Управління градієнтними сітками в adobe illustrator - rboom (градієнтними) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-e2801c1f.jpg)
Такою точкою можна управляти за допомогою Mesh Tool (U) або Direct Selection Tool (A), але вона також не може мати колірну інформацію.
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-9399a092.jpg)
Створення градієнтної сітки складної форми
Давайте спробуємо створити сітку з більш складної форми.
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-465a2638.jpg)
Виділяємо об'єкт, потім переходимо Object> Create Gradient Mesh ....
![Управління градієнтними сітками в adobe illustrator - rboom (градієнтними) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-84f434f5.jpg)
М-да! Про управління і забарвленням такої градиентной сітки не може бути й мови. Коли ми створюємо градієнтну сітку з прямокутника, то зазвичай не стикаємося з дивною поведінкою ліній сітки. Отже, для отримання добре керованою градиентной сітки складної форми її потрібно створювати, трансформуючи саме прямокутну сітку. При цьому ви можете використовувати всі доступні інструменти трансформації і виділення, наприклад Rotate Tool (R) і Lasso Tool (Q). На малюнку нижче ви бачите етапи перетворення прямокутної градиентной сітки за допомогою цих інструментів.
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-a8bf1a32.jpg)
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-147155b6.jpg)
Як уникнути появи артефактів при фарбуванні градиентной сітки
При фарбуванні градиентной сітки можуть виникати різного виду артефакти, наприклад складки.
![Управління градієнтними сітками в adobe illustrator - rboom (допомоги Mesh Tool) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-379da957.jpg)
Для того щоб уникати подібного роду проблем стежте за тим, щоб лінії сітки не перетиналися і були в достатній відстані один від одного.
![Управління градієнтними сітками в adobe illustrator - rboom (допомоги Mesh Tool) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-742c1f1f.jpg)
![Управління градієнтними сітками в adobe illustrator - rboom (сітками) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-67ceaffc.jpg)
Також уникайте накладення ручок двох сусідніх точок.
![Управління градієнтними сітками в adobe illustrator - rboom (adobe) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-17e68f8f.jpg)
Для того щоб домогтися плавного розподілу кольорів від точки до точки користуйтеся не тільки панеллю Color, але і беріть кольору безпосередньо з уже забарвлених осередків.
![Управління градієнтними сітками в adobe illustrator - rboom (управління) Управління градієнтними сітками в adobe illustrator - rboom](https://images-on-off.com/images/152/upravleniegradientnimisetkamivadobeillus-c7006628.jpg)
У висновку хочу сказати, що збагатившись інформацією з цієї статті, ви все одно будете відчувати дискомфорт при роботі з градієнтними сітками, так як цей складний предмет вимагає більш ретельного вивчення. На щастя, у вас є можливість використовувати безкоштовний плагін Mesh Tormentor. який розроблений для роботи з градієнтними сітками, і вирішує безліч проблем, які можуть виникнути у вашому робочому процесі.