Раньше я работал между Photoshop и Adobe Illustrator, когда делал макеты упаковки. Но позже я обнаружил, что инструмент Perspect Grid Tool тоже неплохо работает, режим двухточечной перспективы позволяет так легко сделать макет коробки.

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

Прежде чем приступить к выполнению действий, необходимо найти инструмент перспективы в Adobe Illustrator.

Примечание: все скриншоты из этого руководства сделаны из версии Adobe Illustrator CC 2022 Mac. Windows или другие версии могут выглядеть иначе.

Где находится инструмент "Перспектива" в Adobe Illustrator

Инструмент "Перспектива" можно найти в верхней части экрана Посмотреть меню, расширенной панели инструментов или сочетаний клавиш.

Примечание: Показ сетки перспективы - это не совсем то же самое, что активный инструмент "Сетка перспективы". Разница в том, что когда вы показываете сетку перспективы из меню просмотра, вы можете видеть сетку, но не можете ее редактировать. Если вы используете инструмент "Сетка перспективы", вы можете редактировать сетку.

Включите Перспективную сетку в меню Вид

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

Найдите инструмент Перспективная сетка на панели инструментов

Если вам нужно использовать перспективную сетку для создания перспективного дизайна, выберите инструмент Перспективная сетка на панели инструментов. Если вы используете базовую панель инструментов, вы можете быстро изменить ее на расширенную панель инструментов с помощью кнопки Окно > Панели инструментов > Расширенный .

Затем вы должны увидеть Инструмент "Перспективная сетка и в том же меню вы также найдете Инструмент выбора перспективы .

Ярлыки клавиатуры

Вы также можете использовать комбинацию клавиш инструмента Перспективная сетка Смена + P и короткая комбинация клавиш инструмента выделения перспективы Смена + V для активации и использования инструментов.

Если вы хотите просмотреть перспективную сетку, вы также можете использовать комбинацию клавиш Команда (или Ctrl для пользователей Windows) + Смена + I чтобы показать (и скрыть) сетку перспективы.

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

Как использовать инструмент "Перспектива" в Adobe Illustrator

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

Вот краткий обзор того, как выглядит каждый режим перспективы.

"Point" здесь означает "точка исчезновения", но вы также можете понимать его как "сторона".

Как вы можете видеть, перспектива с одной точкой имеет только одну сторону (и одну точку схода), перспектива с двумя точками имеет две стороны (и две точки схода), а перспектива с тремя точками имеет три стороны (и три точки схода).

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

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

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

Я покажу вам, как это работает, на нескольких примерах.

Пример 1: Рисование на перспективной сетке

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

Я покажу вам пример использования сетки одноточечной перспективы для рисования части тротуара.

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

Шаг 1: Перейдите в верхнее меню Посмотреть > Перспективная сетка > Перспектива одной точки > [1P-Normal View] .

Вы также можете выбрать Инструмент "Перспективная сетка из панели инструментов, а затем перейдите в меню просмотра, чтобы изменить режим на [1P нормальный вид] .

Вот как выглядит стандартная перспективная сетка 1P.

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

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

Затем я передвинул виджет F вправо, чтобы расширить сетку дальше, одновременно передвинул виджет E вверх, чтобы расширить сетку по вертикали, и передвинул виджет D к точке исчезновения.

Если вы обводите изображение, вы можете нажать на виджет B, удерживать его и перемещать сетку перспективы в соответствии с вашим изображением.

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

Шаг 2: Выберите Инструмент "Прямоугольник ( M ) на панели инструментов, щелкните по линии сетки (можно начать с линии между виджетами C и E) в качестве направляющей и перетащите, чтобы создать перспективный прямоугольник.

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

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

Шаг 3: Добавьте детали к чертежу. Вы можете добавить окна, линии или другие формы к зданиям или добавить пешеходную дорожку/тропинку.

Если вам трудно рисовать на сетке перспективы, вы также можете создавать фигуры из сетки обычным способом и использовать инструмент Perspective Selection Tool для размещения объектов в сетке.

Например, давайте добавим этот объект в одно из зданий.

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

Теперь давайте добавим на чертеж улицу.

Шаг 4: Нажмите на нижнюю сторону виджета самолета, чтобы работать с областью перспективы земли.

Следуйте этому же методу для добавления фигур или линий, чтобы нарисовать тротуар.

Поняли идею?

Теперь, как насчет добавления текста в перспективную сетку?

Пример 2: Использование инструмента "Перспектива" с текстом

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

Шаг 1: Используйте инструмент "Тип" для добавления текста в Adobe Illustrator.

Шаг 2: Переключите виджет плоскости на ту сторону, куда вы хотите добавить текст. В данном случае мы переключаемся на левую сторону, где находятся здания.

Шаг 3: Выберите Инструмент выбора перспективы на панели инструментов. Выберите текст и перетащите его в нужную область. Например, мы можем перетащить его в первое здание.

Первоначально это будет выглядеть следующим образом.

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

Шаг 4: Нажмите на маленький значок x на плоскости виджета, чтобы удалить сетку перспективы.

Или вы можете использовать комбинацию клавиш Команда / Ctrl + Смена + I чтобы отключить режим просмотра перспективной сетки и посмотреть, как это выглядит.

Это все для данного урока. Не стесняйтесь добавлять больше деталей к своему перспективному рисунку.

Подведение итогов

Теперь вы должны получить представление о том, как работает инструмент перспективы и что вы можете с ним делать. Я показал вам пример перспективы с 1 точкой, если вы хотите создать чертежи с перспективой с 2 или 3 точками, у вас будет больше виджетов для перемещения и настройки сеток, но метод рисования работает одинаково.