Vectorboom
Советы / Техники / Comments: 0

Управление градиентными сетками в Adobe Illustrator

Ярослав Лазунов
23.09.2013

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

Для того чтобы просто оценить возможности этой функции давайте посмотрим на портрет Jack Nicholson by Dion Aoki, который был создан только при помощи градиентных сеток.

Нет, это не фотография. Для подтверждения моих слов я хочу показать вам, как выглядит тот же портрет в режиме Outline Preview. Да, это полностью векторная работа.

Теперь давайте погрузимся в технические детали.

Создание Gradient Mesh

Я знаю три способа создания градиентной сетки из существующих векторных объектов. Создадим прямоугольник со сплошной заливкой.

Переходим Object > Create Gradient Mesh…, теперь у нас появилась возможность указать количество строк и столбцов в открывшемся диалоговом окне.

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

Вы можете создавать узлы и линии сетки при помощи Mesh Tool (U).  Для этого просто кликните инструментом в месте, где вы хотите создать первый узел.

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

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

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

Выделяем объекты, затем переходим Object > Expand… и выбираем в диалоговом окне опцию Gradient Mesh.

Теперь мы можем продолжить строить сетку при помощи Mesh Tool (U).

Управление и окраска точками сетки

Вы можете выделять и перемещать точки сетки, а также манипулировать их ручками при помощи Mesh Tool (U) или Direct Selection Tool (A).

Для удаления линии сетки кликните по ней Mesh Tool (U), удерживая Option / Alt.

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

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

Обратите внимание на криволинейные сегменты в верхней и нижней части градиентной сетки. Эти сегменты имеют невидимые точки, которые становятся активными только, если взять Add Anchor Point Tool.

Такой тип точек не может содержать цветовую информацию и ими нельзя управлять напрямую. Создадим новую mesh point при помощи Add Anchor Point Tool.

Такой точкой можно управлять при помощи Mesh Tool (U) или Direct Selection Tool (A), но она также не может иметь цветовую информацию.

Создание градиентной сетки сложной формы

Давайте попробуем создать сетку из более сложной формы.

Выделяем объект, затем переходим Object > Create Gradient Mesh….

М-да! Об управлении и окраске такой градиентной сетки не может быть и речи. Когда мы создаем градиентную сетку из прямоугольника, то обычно не сталкиваемся со странным поведением линий сетки. Следовательно, для получения хорошо управляемой градиентной сетки сложной формы ее нужно создавать, трансформируя именно прямоугольную сетку. При этом вы можете использовать все доступные инструменты трансформации и выделения, например Rotate Tool (R) и Lasso Tool (Q). На рисунке ниже вы видите этапы преобразования прямоугольной градиентной сетки при помощи этих инструментов.

При помощи этой техники я создал дым от спички в уроке Create a Burning, Vector Match Using Gradient Meshes

Как избежать появления артефактов при окраске градиентной сетки

При окраске градиентной сетки могут возникать разного вида артефакты, например складки.

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

Также избегайте наложения ручек двух соседних точек.

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

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

Статья написана для designmodo.com

Всего комментариев: 0
Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.