Градієнтне чаювання або способи створення градієнтних сіток

  1. 1. Робота над сіткою чаю.
  2. 2. Сітка чашки
  3. 3. Налаштування сітки ручки.
  4. 4. Створення фону.
  5. результат:

Перше правило - підбирайте для вашого об'єкта найбільш оптимальний спосіб створення сітки. В Adobe Illustrator існує три варіанти, як перетворити об'єкт в градиентную сітку: командою Create Gradient Mesh (Створити градієнтну сітку), що розбиває об'єкт на прямокутні сектора, інструментом Mesh або шляхом конвертації градієнтної заливки в сітку. Правильно обраний спосіб - це півсправи.

При роботі над кухлем ми задіяли всі три способи створення сітки, оскільки виявилося, що для різних елементів зручні різні прийоми. Чашка і чай були отримані з радіальних градієнтних заливок (це підказує їх форма), ручка гуртки - шляхом розбиття об'єкта на прямокутні сектора (так як тут треба було намалювати витягнуті тіні і відблиски), а фон був отриманий за допомогою інструменту Mesh (що дало свободу розташування вузлів сітки і позбавило від необхідності настройки або видалення зайвих крапок).

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

1. Робота над сіткою чаю.

Ми створили коло і призначили йому радіальну градієнтну заливку. У градієнт ми включили кілька контрольних точок кольору, які згодом послужили основою для створення відблисків, відсвітів і т.п. (Про це потрібно подумати вже на початковому етапі). Потім ми перетворили цей об'єкт в градиентную сітку за допомогою команди Object> Expand (Об'єкт> Розібрати).

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

Поверх «чаю» ми поклали кілька напівпрозорих блендів з «парою».

Поверх «чаю» ми поклали кілька напівпрозорих блендів з «парою»

2. Сітка чашки

Сітка чашки створювалася за тим же принципом, що і сітка чаю - це колишня радіальна градієнтна заливка. Після настройки сітки ми створили за допомогою команди Object> Offset Path (Об'єкт> Створити паралельний контур) точну копію цього кола і призначили йому тонку сіру обведення, яка повинна була імітувати товщину гуртки.

3. Налаштування сітки ручки.

Форма ручки була намальована інструментом Pen, а потім перетворена в градиентную сітку командою головного меню Object> Create Gradient Mesh. Об'єкт> Створити градієнтну сітку.

Ми зробили сітку досить докладної - 16 на 16 секторів. Це знадобилося, щоб створювати невеликі градієнтні переходи для імітації тіней і відблиску. Щоб забарвити точки, ми виділяли їх по кілька штук інструментом Lasso (Лассо) і призначали кольору з панелі Swatches (Зразки), в якій присутня шкала сірих відтінків з кроком в 10%.

Щоб забарвити точки, ми виділяли їх по кілька штук інструментом Lasso (Лассо) і призначали кольору з панелі Swatches (Зразки), в якій присутня шкала сірих відтінків з кроком в 10%

4. Створення фону.

Для роботи над фоном використовувався інструмент Mesh (Сітка), яким ми додали кілька контрольних точок і пофарбували їх в більш темні і більш світлі відтінки основного кольору (відтінки ми підбирали в панелі Color (Колір), зрушуючи з затиснутою клавішею Shift колірні повзунки).

результат:

результат: