Как убрать сетку перспективы в adobe illustrator

Обновлено: 07.07.2024

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

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

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

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

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

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

Каждая опорная точка сетчатого градиента имеет от 2 до 4 направляющих в зависимости от месторасположения. Именно длина и перекрытие таких направляющих и определяет плавность перехода в сетке.

В программе Иллюстратор данный инструмент показывается следующим значком:

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

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

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

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

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

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

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

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

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

Перемещение цветов на сетке mesh

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Участок между любыми четырьмя узлами сетки называется контуром сетки. Изменять цвет контура сетки можно теми же методами, что и цвет узла сетки.

Диаграмма сетчатого объекта

A. Линия сетки B. Контур сетки C. Узел сетки D. Опорная точка

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

Чтобы повысить производительность и скорость перерисовки, ограничивайте размеры сетчатых объектов необходимым минимумом. Обработка сложных сетчатых объектов может приводить к существенному снижению производительности. Поэтому лучше создать несколько небольших простых сетчатых объектов вместо одного сложного. При преобразовании сложных объектов используйте команду «Создать сетку» для получения наилучших результатов.

При печати сетчатых объектов плашечные цвета сохраняются для вывода в EPS, PDF и на устройства PostScript.

В Illustrator легко рисовать или визуализировать объект в перспективе, используя набор функций, которые работают по существующим законам рисования перспективы.

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

Далее перечисляются функции Illustrator, облегчающие рисование перспективы:

Утилиты для определения или редактирования в документе одного, двух и трех исправлений перспективы

Интерактивное управление разными параметрами, определяющими перспективу

Создание объектов непосредственно в перспективе

Перевод в перспективу существующих объектов

Преобразование объектов в перспективе (перемещение и масштабирование)

Перемещение или дублирование объектов по направлению к перпендикулярной плоскости (перемещение в перпендикулярном направлении)

Определение реалистичных объектов и рисование объектов с помощью специальных реалистичных измерений в перспективе

В Illustrator предоставляются стандартные стили одно-, двух- и трехточечных перспектив.

Стили сетки перспективы

A. 1-точечная перспектива B. 2-точечная перспектива (по умолчанию) C. 3-точечная перспектива

Чтобы выбрать один из стандартных стилей сетки перспективы, выберите «Просмотр» > «Сетка перспективы», а затем — требуемый стиль.

Определение стилей сетки

Чтобы определить настройки сетки, выберите «Просмотр» > «Сетка перспективы» > «Определить сетку». В диалоговом окне «Определить сетку перспективы» для настройки доступны описанные ниже атрибуты стиля:

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

Выберите тип стиля: «Одноточечная перспектива», «Двухточечная перспектива» или «Трехточечная перспектива».

Выберите единицы для измерения размера сетки. Доступные варианты: сантиметры, дюймы, пиксели и пункты.

Выберите масштаб сетки для просмотра или задания монтажной области и реалистичных измерений. Чтобы настроить масштаб, выберите параметр «Заказной». В диалоговом окне «Заказное масштабирование» укажите пропорции «По размеру монтажной области» и «Реальное значение».

Линия через каждые

Этот атрибут определяет размер ячеек сетки.

Представьте куб с такой ориентацией, что ни одна из его граней не параллельна плоскости рисунка (в этом случае экрана компьютера). Угол обзора — это угол, образуемый правой гранью данного воображаемого куба и плоскостью рисунка. Поэтому угол обзора определяет положение левого и правого исправления перспективы с точки зрения наблюдателя. Угол обзора 45° означает, что два исправления перспективы находятся на равном расстоянии от зрительной оси наблюдателя. Если угол обзора больше 45°, правое исправление перспективы ближе к зрительной оси, чем левое и наоборот.

Расстояние между наблюдателем и сценой.

Укажите для стиля высоту горизонта (уровень глаз наблюдателя). Высота линии горизонта от нулевой отметки отображается в области считывания.

Третье исправление перспективы

Этот параметр доступен, если выбрать трехточечную перспективу. В полях «X» и «Y» указываются координаты x и y.

Чтобы изменить цвет левой, правой и горизонтальной сеток, выберите цвета в раскрывающихся списках «Левая сетка», «Правая сетка» и «Горизонтальная сетка». Кроме того, с помощью инструмента «Выбор цвета» можно выбрать заказной цвет.

Ползунок «Непрозрачность» служит для изменения непрозрачности сетки.

Чтобы сохранить сетку как стиль, нажмите кнопку «Сохранить стиль».

Редактирование, удаление, импорт и экспорт стилей сеток

Чтобы редактировать стили сетки, выберите «Правка» > «Стили сетки перспективы». В диалоговом окне «Стили сетки перспективы» выберите стиль для редактирования и нажмите кнопку «Редактировать».

Диалоговое окно «Стили сетки перспективы»

Диалоговое окно «Стили сетки перспективы» открывается в режиме редактирования. Задайте новые настройки сетки и нажмите кнопку «ОК», чтобы их сохранить.

Стили по умолчанию удалять нельзя. Чтобы удалить определенный пользователем стиль, нажмите кнопку «Удалить» в диалоговом окне «Стили сетки перспективы».

Illustrator также позволяет импортировать и экспортировать определенные пользователем стили. Чтобы экспортировать определенный пользователем стиль, нажмите кнопку «Экспорт» в диалоговом окне «Стили сетки перспективы». Чтобы импортировать стиль, нажмите кнопку «Импорт».

Перемещение сетки перспективы

Приложение Illustrator позволяет создать в документе Illustrator только одну сетку. С помощью виджета «Нулевая отметка» при выбранном инструменте «Сетка перспективы» сетку можно перемещать между монтажными областями, чтобы разместить в требуемом положении.

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

Чтобы переместить сетку перспективы, выполните следующие действия:

На панели «Инструменты» выберите инструмент «Сетка перспективы» или нажмите комбинацию клавиш Shift+P.

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

Перемещение сетки перспективы между монтажными областями с помощью левого виджета нулевого уровня (см. метку A)

Корректировка исправлений перспективы, плоскостей сетки, высоты горизонта, размера ячеек и масштаба сетки

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

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

Во время корректировки третьего исправления перспективы в 3-точечной перспективе удерживайте клавишу Shift, чтобы выполнять перемещение только вдоль вертикальной оси.

Перемещение правого исправления в сетке двухточечной перспективы

Если закрепить точку наблюдения с помощью команды «Просмотр» > «Сетка перспективы» > «Закрепить точку наблюдения», оба исправления перспективы перемещаются совместно.

Когда точка наблюдения закреплена, перемещаются оба исправления перспективы.

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

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

Регулировка левой и правой плоскостей сетки в двухточечной перспективе

Сдвиг начала координат влияет на координаты X и Y горизонтальной плоскости и координату X вертикальных плоскостей. Когда вы выделяете объект в перспективе, в то время как сетка отображается, координаты X и Y, отображаемые на палитрах «Трансформирование» и «Информация» изменяются относительно исходных. Вы можете также видеть изменение в координатных измерениях, когда создаете объекты, используя инструменты группы прямоугольника или линии, и нажимаете Shift, в то время как соответствующая плоскость сетки является активной. При наведении на начало координат указатель принимает вид .

Использовать Выровнять инструмент центрировать объект на монтажной области в Adobe Illustrator CC или выравнивать объекты по другим, конкретным объектам.