Раніше я працював між Photoshop і Adobe Illustrator, коли робив макети упаковки. Але пізніше я виявив, що інструмент Perspect Grid Tool теж працює досить добре, режим двоточкової перспективи дозволив мені легко зробити макет коробки.

Крім створення макетів упаковки, ви також можете використовувати інструмент перспективи для створення перспективних ілюстрацій або малюнків. Це саме те, що ви дізнаєтеся з цього уроку.

Перш ніж перейти до кроків, потрібно знайти інструмент перспективи в Adobe Illustrator.

Примітка: всі скріншоти з цього посібника зроблені з версії Adobe Illustrator CC 2022 для Mac. Windows або інші версії можуть виглядати інакше.

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

Інструмент "Перспектива" можна знайти у верхньому меню Вид меню, розширену панель інструментів або комбінації клавіш.

Зауважте: відображення перспективної сітки не зовсім те саме, що активний інструмент "Перспективна сітка". Різниця полягає в тому, що коли ви показуєте перспективну сітку з меню перегляду, ви можете бачити сітку, але не можете її редагувати. Якщо ви використовуєте інструмент "Перспективна сітка", ви можете редагувати сітку.

Увімкніть Перспективну сітку в меню Вид

Якщо ви просто хочете побачити сітку перспективи і не потребуєте її редагування, ви можете перейти до верхнього меню Вид > Перспективна сітка > Показати сітку щоб побачити сітку.

Знайдіть на панелі інструментів інструмент "Перспективна сітка

Якщо для створення перспективного малюнка потрібно використати перспективну сітку, виберіть інструмент "Перспективна сітка" на панелі інструментів. Якщо використовується базова панель інструментів, її можна швидко змінити на розширену, вибравши один з таких інструментів Вікно > Панелі інструментів > Просунутий .

Тоді вам варто переглянути Perspective Grid Tool і в цьому ж меню ви також знайдете Інструмент вибору перспективи .

Комбінації клавіш

Також можна скористатися комбінацією клавіш Perspective Grid Tool Зміна + P і клавіатурну клавішу Perspective Selection Tool (Інструмент вибору перспективи) Зміна + V для активації та використання інструментів.

Якщо ви хочете переглянути перспективну сітку, ви також можете скористатися комбінацією клавіш Командування (або Ctrl для користувачів Windows) + Зміна + I показувати (і приховувати) перспективну сітку.

Тепер, коли ви знайшли інструменти, я покажу вам, як ними користуватися.

Як використовувати інструмент "Перспектива" в Adobe Illustrator

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

Ось короткий попередній перегляд того, як виглядає кожен режим перспективи.

"Точка" тут означає "точка сходу", але можна розуміти і як "сторона".

Як бачимо, 1-точкова перспектива має лише одну сторону (і одну точку сходу), 2-точкова перспектива має дві сторони (і дві точки сходу), а 3-точкова перспектива має три сторони (і три точки сходу).

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

Ви можете переміщати віджети, щоб налаштувати сітку перспективи по горизонталі, вертикалі та з різних точок зору.

Крім того, ви також побачите віджет літака, за допомогою якого ви можете вибрати сторону, з якою хочете працювати, просто натиснувши на неї. Як ви можете бачити, обрана сторона буде виділена синім кольором.

Я покажу вам, як це працює, на кількох прикладах.

Приклад 1: Малювання на перспективній сітці

Малювати фігури на сітці перспективи дуже просто, і ви можете створити фігуру з нуля на сітці або додати існуючу фігуру до сітки.

Я покажу вам приклад використання сітки одноточкової перспективи для малювання частини тротуару.

Порада: Якщо ви не можете знайти потрібну точку для початку, скористайтеся еталонним зображенням. Просто зменшіть непрозорість зображення та заблокуйте шар зображення.

Крок 1: Перейдіть до верхнього меню Вид > Перспективна сітка > Перспектива з однієї точки зору > [1P-Нормальний вид]. .

Ви також можете вибрати Perspective Grid Tool на панелі інструментів, а потім перейдіть в меню перегляду, щоб змінити режим на [1P нормальний вигляд] .

Так виглядає стандартна сітка перспективи 1Р.

Ви можете натиснути і перетягнути ручки віджетів, щоб відповідно налаштувати вигляд перспективи.

Наприклад, я перемістив віджет С в лівий кінець, щоб розширити сітку по горизонталі, і перемістив віджет С вниз, щоб зменшити відстань від горизонтального рівня землі.

Потім я перемістив віджет F вправо, щоб розширити сітку далі, одночасно перемістивши віджет E вгору, щоб розширити сітку по вертикалі, і перемістив віджет D в бік точки сходу.

Якщо ви трасуєте зображення, ви можете натиснути на віджет B, утримувати і переміщати сітку перспективи, щоб вона відповідала вашому зображенню.

Тепер це починає виглядати як одна сторона вулиці, так? Наступний крок - це малювання форм. Ми можемо почати з форм будівель, а потім додати деталі.

Крок 2: Обирайте Інструмент "Прямокутник ( M ) на панелі інструментів, клацніть вздовж лінії сітки (можна почати з лінії між віджетами C і E) як орієнтир і перетягніть, щоб створити перспективний прямокутник.

Коли ви створюєте фігури на перспективній сітці, ваші фігури будуть автоматично слідувати перспективному вигляду.

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

Крок 3: Додайте деталі до малюнка. Ви можете додати кілька вікон, ліній або інших форм до будівель або додати пішохідну доріжку/провулок.

Якщо вам важко малювати на перспективній сітці, ви також можете створювати фігури поза сіткою звичайним способом, а для розміщення об'єктів на сітці використовувати інструмент "Перспективний вибір" (Perspective Selection Tool).

Наприклад, додамо цей об'єкт до однієї з будівель.

Виберіть на панелі інструментів інструмент Perspective Selection Tool (Вибір перспективи), клацніть і перетягніть цей об'єкт туди, де ви хочете, щоб він знаходився на сітці перспективи. В даному випадку я перетягнув його на синю будівлю.

Тепер додамо до малюнка вулицю.

Крок 4: Натисніть на нижню частину віджету площини, щоб працювати з областю перспективи землі.

Дотримуйтесь цього ж методу, щоб додати фігури або лінії, щоб намалювати тротуар.

Зрозумів?

Тепер, як щодо того, щоб додати трохи тексту до сітки перспективи?

Приклад 2: Використання інструмента "Перспектива" з текстом

Додавання тексту до сітки перспективи працює так само, як і додавання фігури. За допомогою інструмента "Виділення перспективи" виберіть текст і перетягніть його в ту область, де повинен бути текст. Нижче наведено докладні кроки.

Крок 1: Для додавання тексту в Adobe Illustrator використовуйте інструмент Type (Тип).

Крок 2: Перемикаємо віджет літака на ту сторону, куди потрібно додати текст. В даному випадку ми перемикаємо на ліву сторону, де знаходяться будівлі.

Крок 3: Обирайте Інструмент вибору перспективи Виділіть текст і перетягніть його в ту область, де ви хочете, щоб він був. Наприклад, ми можемо перетягнути його на першу будівлю.

На початковому етапі це виглядатиме так.

Однак ви можете налаштувати точки прив'язки, щоб змінити розмір і перемістити текст в ідеальне положення.

Крок 4: Натисніть на маленький х на площині віджету, щоб видалити сітку перспективи.

Або ви можете скористатися комбінацією клавіш Командування / Ctrl + Зміна + I вимкнути режим перегляду перспективної сітки і подивитися, як це виглядає.

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

Підбиття підсумків

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