Градиентная сетка (Gradient mesh)
Итак, что же такое градиентная сетка? Это способ создания многоцветного объекта, цвета в котором цвета могут меняться в различных направлениях и с различной плавностью от одной точки к другой. Напрашивается вопрос, чем же отличается градиентная сетка от простого линейного или радиального градиента? Разница такая же, как между трамваем и такси, простите за столь вольное сравнение, трамвай ходит только по рельсам, а такси в любом направлении. Сейчас объясню подробнее: в простом градиенте смена цвета происходит лишь в одном направлении, в то время в градиентной сетке та же смена цвета может происходить в нескольких направлениях, что наглядно представлено на следующем рисунке:
Для создания и редактирования градиентной сетки используются инструмент и команды Create Gradient Mesh и Expand.
Строение градиентной сетки
Когда вы создаете градиентную сетку, многочисленные линии пересекают объект. Давайте назовем их градиентными линиями. Они облегчают возможность манипуляции цветом внутри объекта. В месте пересечения градиентных линий образуются особые точки, назовем их градиентными точками. Как и обычные точки, градиентные точки имеют направляющие, позволяющие изменять направление и силу изгиба градиентных линий. Сегмент находящийся между четырьмя смежным градиентными точками градиентным сегментом.
Передвигая и редактируя, градиентные точки вы можете влиять на интенсивность перехода цветов в объекте. Так же вы можете задавать цвет сразу для одного или нескольких градиентных сегментов.
Элементы градиентной сетки: A. Градиентная линия B. НаправляющаяC. Градиентный сегмент D. Градиентная точка.
Полезные советы о создании градиентной сетки
- Вы не можете создать градиентную сетку из сложных объектов, текста или присоединенных EPS-файлов.
- Превратив объект в градиентную сетку, вы не сможете превратить его обратно в объект, кроме как с помощью команды Undo.
- Конвертируя сложный объект, используйте команду Create Gradient Mesh для достижения лучшего результата.
- Конвертируя простой объект, используйте любой из способов создания градиентной сетки. Однако, если вам нужно добавить одну градиентную точку, выберите инструмент и кликните в том месте, где вы хотели бы видеть градиентную точку.
- Чтобы создать градиентную сетку с правильным (равномерным) рисунком градиентных линий, используйте команду Create Gradient Mesh.
- Когда конвертируется сложный объект, Illustrator может расставить невидимые направляющие, чтобы сохранить форму градиентных линий. Если вы хотите редактировать, добавить или удалить эти направляющие, используйте инструменты , и
- Для лучшего результата и быстрой прорисовки старайтесь, размер градиентной сетки свести к минимуму. Сложные градиентные сетки могут ухудшать качество. Поэтому, лучше создать несколько маленьких простых объектов с градиентной сеткой, чем один большой и сложный.
Методы создания градиентной сетки
Для создания градиентной сетки из объектов, используйте инструмент Mesh Tool и команду Create Gradient Mesh, так же вы можете использовать команду Expand для конвертирования линейного и радиального градиентов в градиентную сетку.
Как создать градиентную сетку при помощи инструмента Mesh Tool:
Выберите инструмент и кликните на объекте, имеющем заливку. Объект конвертируется в градиентную сетку, а в том месте где вы кликнули появляется градиентная точка.
- Выбираем объект, имеющий заливку.
- Object > Create Gradient Mesh.
- В поле Rows указываем количество, горизонтальных рядов образуемых градиентными линиями.
- В поле Columns указываем количество, вертикальных колонок образуемых градиентными линиями.
- Укажите направление подсветки градиентной сетки:
- к центру
- к краям
- без подсветки
- Укажите интенсивность подсветки в поле Highlight (%).
- Выбираем объект, заполненный линейным или радиальным градиентом.
- Object > Expand.
- Выбираем опцию Gradient Mesh и жмем OK! Объект конвертируется в два объекта — градиентную сетку и маску. Далее, если вы зохите добваить градиентных точек, берем инструмент И ставим на получившемся объекте столько градиентных точек сколько вам нужно.
(Я рекомендую данный метод для создания градиентной сетки, из сложных объектов, см. рисунок)
Редактирование градиентной сетки
Единожды создав градиентную сетку, вы можете редактировать и перемещать градиентные точки, градиентные линии и направляющие. Вы можете добавлять точки на градиентные линии с помощью инструмента или удалять их с помощью инструмента
- Выберите инструмент
- Выполните одно из следующих действий:
- чтобы добавить градиентную точку, окрашенную в текущий цвет, кликните в любом месте объекта и тогда градиентные линии пройдут из новой градиентной точки через весь объект. Кликнув на уже существующей градиентной линии, вы создадите на еще одну градиентную точку и через нее продет еще одна градиентная линия
- чтобы добавить градиентную точку без смены цвета зажмите Shift и кликните в любом месте объекта
- чтобы удалить градиентную точку и соответствующие ей градиентные линии, кликните по этой точке, зажав Alt (Windows) или Option (Mac OS)
- Выберите инструмент и кликните прямо на градиентной точке. Станут видны направляющие линии, принадлежащие этой градиентной точке.
- Выполните одно из следующих действий:
- передвигайте направляющие точки, для изменения направляющих линий
- а если зажать Shift, то передвигаться будут сразу все направляющие точки принадлежащие этой градиентной точке
- используйте инструмент , или другие инструменты для редактирования точек
- Выберите инструмент
- Выполните одно из следующих действий:
- Кликните на градиентной точке, и свободно перетащите точку и связанные с ней линии
- Зажав Shift, перетащите градиентную точку, чтобы переместить её вдоль одной из градиентных линий. Этот вариант позволяет передвигать градиентные точки, не искажая градиентных линий
Простое перемещение градиентной точки (слева), перемещение градиентной точки с зажатым Shist (справа).
Раскрашивание градиентных объектов
Для раскрашивания градиентных объектов используются цветовая палитра, способ перетаскивания цвета или инструмент Когда вы выделяете градиентную точку и указываете цвет заливки, сама точка и прилегающая область окрашивается в этот цвет. Когда вы закрашиваете градиентный сегмент, закрашиваются все четыре прилегающие точки и область рядом с ними. Так же вы можете использовать цветовые фильтры (Filter > Color >…), для изменения цвета градиентных точек.
Окраска одной градиентной точки (слева), окраска градиентного сегмента (справа).
Закрасив ту или иную часть градиентной сетки, вы можете изменять форму и размеры закрашенной области, редактируя градиентные лини, градиентные точки и их направляющие.
- Выберите градиентную точку или градиентный сегмент при помощи инструмента или
- Подберите цвет, используя бегунки в цветовой палитре, либо просто выберите один из таблицы цветов (Swatches).
Изменение цвета градиентной точки или градиентного сегмента с помощью перетаскивания:
Перетащите цвет из цветовой палитры или таблицы цветов, в градиентную точку или градиентный сегмент.
- Выберите инструмент
- Кликните прямо по градиентной точке или градиентному сегменту.
Туториал получился слегка корявым, приношу свои извинения, первый блин комом. При создании туториала активно использовася хелп к десятому иллюстратору. Спасибо xswat за терпение и бета-тестирование =) Добавить в избранное
Если вы знаете какие-либо тонкости, связанные с градиентной сеткой, и отсутствующие в этом туториале — напишите об этом в коментариях.