Незаменимый инструмент дизайнера — Градиентная сетка

By Ольга   1 декабря 2014

Являясь одним из самых мощных инструментов в программе Illustrator, градиентная сетка также есть одной из самых сложных в понимании и изучении. Но не стоит бояться!

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

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

Что такое mesh сетка

Градиентная сетка (Gradient Mesh или сетка mesh) — это цветовой переход по криволинейному сегменту, во множественном значении сетке. Заумно, не правда ли?

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

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

Советы по работе с сеткой меш в Illustrator

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

Давайте начнем!

Создание базовой сетки

Способ 1. После выбора формы, к которой будем применять сетку, выберите «Объект» — «Создать градиентную сетку».

В появившемся окне вы можете определить структуру сетки – число строк и столбцов, а также можете применить подсветку в строке «Оформление»:

— Равномерно (Flat) — применяет исходный цвет объекта равномерно по всей поверхности, в результате чего подсветка не создается;

— К центру (To Center) — создает подсветку в центре объекта;

— К краям (To Edge) — создает подсветку по краям объекта.

сетка mesh создание

Обратите внимание, что линии сетки определяют оригинальный контур формы.

Способ 2. Еще одним способом, с помощью которого можно создать сетку является добавление опорных точек с помощью инструмента «Сетка» (Mesh). Для этого нужно выбрать данный инструмент и нажатием мыши в любом месте области фигуры создать точку – первый узел сетки (количество точек не ограничено).Цвет объекта при этом не изменится (цвета узлов сетки совпадают с изначальным цветом объекта).

сетка mesh добавление опорной точки

Способ 3. Также можно создать градиентную сетку meshпутем разбирания градиентной заливки. Для этого нужно создать объект, применить к нему градиентную заливку и выполнить команду «Объект» — «Разобрать».

разобрать градиент на меш сетку

Раскрашивание сетки

После преобразования формы сетки, вы можете выбрать точку тремя инструментами: Mesh Tool, Direct Selection Tool, или лассо. Все, что вам нужно сделать дальше для того, чтобы добавить цвет, это выбрать его из палитры «Образцы», или же использовать инструмент «Пипетка» (для выбора цвета из изображения).

раскрашивание градиентной сетки

Перемещение точки

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

перемещение точки в сетке

Работа с различными формами

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

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

работа с сеткой меш несимметрическая форма

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

Предварительный просмотр и Outline

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

предварительный просмотр сетки меш

Важно, чтобы изображение было размещено частями на разных слоях, чтобы вы смогли работать отдельно над каждой деталью. 

Понравилось? Делись!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

One Comment on “Незаменимый инструмент дизайнера — Градиентная сетка

  1. Славко

    Я не дизайнер, да и от фото далековат.
    Но излагаете очень интересно и понятно. Приятно читать, да и пригодится такое знание обязательно.
    Так что спасибо! Удачи в дальнейшем развитии и не забрасывайте работу над сайтом. Материал явно от себя написан, а не стандартный для русских сайтов перевод.

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

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