Рисуем в Adobe Illustrator и применяем Gradient Mesh

Сегодня в уроке мы научимся создавать ручку от чашки с использованием Gradient Mesh. Почему именно только ручку, а не саму чашку? Незнаю, просто захотелось создать ручку, не заостряйте на ней внимание. Самое главное что вы должны взять для себя из этой статьи — это сама техника создания сложных объектов с сеткой меш.

Из предыдущих статей вы уже научились как создавать сложные объекты с градиентной сеткой из простых. Если вы еще не успели их прочесть то настоятельно прошу с ними ознакомится: Незаменимый инструмент дизайнера – Градиентная сетка и Приручаем Gradient Mesh.

Приступим!

В основе мы будем использовать изображение чашки, взятое из просторов интернета.

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

рисование с помощью градиентной сетки - шаг 1

Результат, честно говоря, не ахти. На редактирование такой сетки у вас может, хотя чего там может, уйдет ну очень много времени. Если у вас есть неограниченное количество свободного времени, которое вы готовы убить на это, то милости прошу, мучайтесь. Если же его нет, то внимательно читайте урок до конца.

Шаг 1. Блокируем наше изображение чашки нажав Объект — Закрепить — Выделенное. Создаем новый слой и рисуем в нем прямоугольник с помощью инструмента Прямоугольник (Rectangle Tool или M), скорректировав высоту по основанию ручки. Основываясь на том, что прямоугольник нужно будет сгибать и поворачивать по размеру ручки, выберите ему, на ваше усмотрение, необходимую длину. Убедитесь в том, что цвет заливки у него стоит белый, цвет обводки — отсутствует.

рисование с помощью градиентной сетки - шаг 2

Шаг 2. Выбираем наш прямогульник и переходим в Объект — Создать сетчатый градиент. В появившемся окне выставляем параметры: количество рядов — 1, столбцов — 1; нажимаем Ок.

рисование с помощью градиентной сетки - шаг 3

Шаг 3. В панели Слои клацаем левой кнопкой мишки на глазик возле слоя с нашим прямоугольником при этом зажав кнопку Ctrl, что переводит нас в режим Очертания.

рисование с помощью градиентной сетки - шаг 4

Шаг 4. Теперь берем инструмент Частичное выделение (Direct Selection Tool или A) и начинаем формировать ручку нашей чашки, при этом стоит учитывать что бока прямоугольника это начало и конец ручки.

рисование с помощью градиентной сетки - шаг 5

В зависимости от формы ручки возможно вам понадобится добавлять дополнительные опорные точки, что позволит точно отрегулировать наш объект по форме образца.

рисование с помощью градиентной сетки - шаг 6

Шаг 5. Домучались с формой? Отлично! Осталось самое интересное. Выбираем инструмент Сетчатый градиент (Mesh Tool или U) и начинаем добавлять линии к нашей сетке.

рисование с помощью градиентной сетки - шаг 7

Добавим несколько перпендикулярных линий нашему сетчатому градиенту…

рисование с помощью градиентной сетки - шаг 8

Шаг 6. Теперь используя инструмент Пипетка (І) и Частичное выделение (А) настраиваем цвета наших опорных точек.

рисование с помощью градиентной сетки - шаг 9

Вот таким «нелегким» трудом у нас получилась векторное изображение ручки от чашки. Используя эту технику можно создать и остальные части нашей чашки, та что там чашки, можно создать что угодно. Самое главное — начинать с простых объектом и все пойдет как по маслу. Желаю успехов в освоении Градиентной сетки))