Инструмент Gradient Mesh — правила использования

By Ольга   29 января 2015

В предыдущей статье: Незаменимый инструмент дизайнера – Градиентная сетка мы научились основам работы с этим инструментом. Сегодня же мы рассмотрим несколько советов, которые позволят вам сэкономить время и улучшить свои навыки в работе с Gradient Mesh.

Совет 1. Как сделать сложную форму с градиентной сеткой

Некоторые формы, независимо от того, сколько раз вы попробуете, не позволят вам применить к ним градиентную сетку нужной формы. Поэтому давайте рассмотрим на примере, как применять сетку mesh к разным формам и фигурам.

Для примера возьмем вот такую форму. Чтобы она нам не мешала мы ее заблокируем нажав Объект — Закрепить — Выделенное.

сложная форма с Gradient Mesh

Теперь поверх нее рисуем прямоугольник. Именно к нему мы и будем применять mesh сетку. Уменьшаем непрозрачность до 50 %, чтобы видеть форму которую нам нужно будет получить в итоге.

сложная форма с Gradient Mesh - шаг 2

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

сложная форма с Gradient Mesh - шаг 3

Теперь самое интересное — повороты=). Для этого инструментом Лассо (Lasso Tool или Q) выделяем опорные точки которые показаны на рисунке ниже.

сложная форма с Gradient Mesh - шаг 4

С помощью инструмента Частичное выделение (Direct Selection Tool или A) перемещаем выбранные сегменты вниз.

сложная форма с Gradient Mesh - шаг 5

Поворачиваем с помощью инструмента Поворот (R), помещая ось вращения на выделенную на рисунке точку и устанавливаем поворот на -90 градусов.

сложная форма с Gradient Mesh - шаг 6

Далее повторяем указанные выше действия для оставшихся сегментов.

сложная форма с Gradient Mesh - шаг 7

Регулируем ручки наших опорных точек, чтобы подогнать контур по форме нашего объекта. Чтобы ручки были прямые при их перемещении удерживаем клавишу Shift.

сложная форма с Gradient Mesh - шаг 8

Удаляем шаблон, предварительно его разблокировав, изменяем нашему объекту непрозрачность с 50 до 100 %. Теперь мы можем добавлять новые опорные точки в сетку и применять к ним разные заливки.

сложная форма с Gradient Mesh - шаг 9

Используя данную технику вы сможете создать довольно сложные объекты.

Совет 2. Делаем сложную форму с сеткой mesh путем объединения двух фигур.

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

К примеру, у нас есть два объекта с двумя разными градиентными сетками. Левая сторона первого объекта будет основой, которая не будет редактироваться.

сложная фигура с Gradient Mesh - шаг 1

С помощью инструменты Частичное выделение (Direct Selection Tool или A) начинаем перекрывать опорную точку на градиентной сетке рисунка справа с точкой рисунка слева. При этом пользуемся манипуляторами чтобы отрегулировать углы опорных точек.

сложная фигура с Gradient Mesh - шаг 2

Повторите такие же шаги для всех перекрывающихся опорных точек.

Теперь осталось только выбрать опорные точки наших форм там где они пересекаются и применить к ним заливку левой стороны основного объекта (в данном случае — ) используя для выбора цвета инструмент пипетка (I).

сложная фигура с Gradient Mesh - шаг 3

Использование этой техники позволит в несколько раз сократить ваше время сетки меш.

Подведем итоги.

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

Помните, сложная работа, как правило, состоит из простых частей.

Понравилось? Делись!Share on VK
VK
Pin on Pinterest
Pinterest
Share on Facebook
Facebook
Share on Google+
Google+
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *