Короткий Урок: Как Освоить Сетчатый Градиент...

Design & IllustrationTools & Tips

Интро

Сетчатый Градиент (Gradient Mesh) один из самых сложных инструментов. Даже опытные иллюстраторы могут впадать в отчаяние от его казалось-бы случайного поведения. Вы можете избежать этих разочарований изучив некоторые техники, которые позволять вам работать легче и с удовольствием. Этот короткий урок, научит вас двум полезным для освоения сеток техн...
Короткий Урок: Как Освоить Сетчатый Градиент...

Сетчатый Градиент (Gradient Mesh) один из самых сложных инструментов. Даже опытные иллюстраторы могут впадать в отчаяние от его казалось-бы случайного поведения. Вы можете избежать этих разочарований изучив некоторые техники, которые позволять вам работать легче и с удовольствием. Этот короткий урок, научит вас двум полезным для освоения сеток техникам, которые сэкономят вам время, и помогут вам перестать петь печальные песни о судьбе несчастного иллюстратора, лодка которого разбилась о скалы Сетчатого Градиента (Прим. переводчика: в этом переводе будут использоваться равнозначно термины "Сетчатый Градиент" и "Градиентная Сетка".

Совет 1: Как сделать фигуру с помощью сетчатого градиента

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


Шаг 1

Давайте создадим Сетчатый Градиент для Составного Контура показанного на картинке ниже. Вы не можете просто применить команду Сетчатый Градиент, к такому контуру, поэтому мы должны придумать свой способ.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 2

Начнем создавать Сетчатый Градиент, мы будем делать это трансформируя Прямоугольник. Заблокируйте слой с оригинальной фигурой, она будет использоваться как шаблон. Нарисуйте Прямоугольник (как на картинке ниже) и измените его Непрозрачность на 50%.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 3

Выберите этот прямоугольник и зайдите в Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh). Сетка должна быть как можно более простой, количество строк и столбцов, должно равняться количеству изгибов, соответственно у окружности их 4.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 4

Давайте трансформируем наш прямоугольник. Мы будем использовать следующие инструменты: Лассо (Q) (Lasso); Прямое Выделение (A) (Direct Selection); Поворот (R) (Rotate). Выберите инструмент Лассо (Q). Выделите узлы, как показано на рисунке.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 5

Возьмите инструмент Прямое Выделение (А) и передвиньте выделенные узлы к первому изгибу нашей фигуры.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 6

Возьмите инструмент Поворот (R) и поместите радиус поворота в точку "А" и поверните сегмент на угол 90 градусов, удерживать нажатой клавишу Shift.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 7

Используя эту технику, повторите этот же шаг для остальных сегментов.

Короткий Урок: Как Освоить Сетчатый Градиент...
Короткий Урок: Как Освоить Сетчатый Градиент...
Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 8

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

Короткий Урок: Как Освоить Сетчатый Градиент...
Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 9

Удалите шаблон, измените Непрозрачность на 100% и если нужно добавьте новые точки к вашей сетке используя инструмент Сетчатый Градиент (U).

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 10

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

Короткий Урок: Как Освоить Сетчатый Градиент...

Совет 2: Как создать сложный сетчатый градиент путем соединения двух объектов

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


Шаг 1

Когда вы создаете сложные объекты вы должны создать несколько градиентных сеток. Следующим этапом, будет наложение двух градиентных сеток. На картинке ниже показаны два объекта с Сеткой, которые мы будем соединять. Левый объект, будет основным, и мы не будем его редактировать.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 2

Увеличьте изображение, чтобы удобнее было с ним работать. Включите режим Быстрых Направляющих (Contorl+U). С помощью вертикальных и горизонтальных линий обозначьте положение узловой точки для левой фигуры. Используя Прямое Выделение (А), создайте Наложение узловой точки сетки справа на узловую точку фигуры слева.

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 3

Используйте Лассо(Q), чтобы выбрать обе перекрывающиеся точки градиентной сетки. С помощью Прямого выделения, сделайте наложение направляющих для узлов, чтобы они были одинаковой длинны и направлены были под одинаковыми углами. Когда они будут перекрываться вы увидите всплывающую подсказку "Манипулятор".

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 4

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

Короткий Урок: Как Освоить Сетчатый Градиент...

Шаг 5

Выберите узловые точки с левой стороны для правого объекта (объект оранжевый с желтым) и измените на цвета соответствующие узлам левого объекта (на этот раз зеленого), используя инструмент Пипетка (I).

Короткий Урок: Как Освоить Сетчатый Градиент...

Заключение

Если вы работаете с простыми фигурам до того как перейдете к сложным, у вас будет больше шансов избежать трудностей, с которыми вы можете столкнуться при работе с градиентной сеткой...Помните, сложная работа, обычно состоит из простых частей. Не переставайте экспериментировать. Это ключ к освоению сложных инструментов. Желаю Удачи!

Короткий Урок: Как Освоить Сетчатый Градиент...
Теги:Design & IllustrationTools & Tips
Просмотры 42774