Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Illustration

Робота з ортогональними проекціями та основи ізометрії

by
Read Time:6 minsLanguages:

Ukrainian (українська мова) translation by Volodymyr Trofimishyn (you can also view the original English article)

Декілька разів на місяць ми повертаємося до найулюбленіших уроків за історію Vectortuts+. Цей урок Коді Уокера, був вперше опублікований 25 листопада 2008 року.

Це перший в серії уроків про ізометричну ілюстрацію. Ізометрична проекція - це система яка дозволяє художнику швидко та точно малювати об'єкти без використання перспективи. Я більш докладно розповім про ізометрію пізніше в цьому уроці. Я розпочану розмову про систему, яка часто використовується в ізометрії.

Ортографіка

Ортогональні проекції - це спосіб зображення об'єкта з кількох точок зору. Ортографіку також називають інженерним кресленням. За допомогою ортографічного набору, ілюстратор може легко намалювати тривимірний об'єкт під будь-яким кутом і в перспективі, ізометричній або будь-якій іншій графічній системі. 3D-дизайнери часто використовують ортографіку для точного створення об'єктів у 3D-додатках.

Ортографіка є одним із способів опису тривимірних об'єктів в двовимірному просторі. Зазвичай інженерне креслення має верхній, боковий та вид спереду об'єкта з однаковим масштабом.

image001image001image001

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

image003image003image003

Після того як у вас є  чіткий набір ортографіки ви можете намалювати ваш об'єкт, в будь-який спосіб і з будь-якого боку. Якщо ви плануєте малювати з реального предмету,
почніть з вимірів. Скористайтеся лінійкою та штангенциркулем, для виміру усіх поверхонь об'єкта і робіть нотатки та ескіз. Як тільки ви закінчите збір даних, їх можна використати для створенн інженерного крерслення в Illustrator. І це приводить нас до світу ізометрії.

Ізометрична проекція відноситься до групи систем аксонометричних проекційних. Слово ізометричний походить з грецької мови та означає однаковий масштаб. Це тому, що в ізометрії не використовують систему "Виправлення перспективи", натомість, лінії розташовані на 30 градусній сітці.

image005image005image005

Часто, перше враження від ізометричної іллюстрації, це те, що вона дивно виглядає. Це більш помітно, коли ізометричної куб намальваний поруч з кубом в перспективі. Якщо ви збираєтеся працювати в ізометричній проекції, ви мусити змиритися з деяким спотворенням. Це один з факторів, які надають ізометричним малюнкам їх особливий вигляд. Величезний плюсом малювання в ізометричній проекції, особливо при використанні illustrato, в тому, що як тільки ви створили об'єкт, він будь-де виглядатиме точно так само.

Тут немає точки зникнення і немає ліній горизонту. Об'єкт буде таким же, будьде на вашій сторінці. Це дуже важливо, тому що ви намалюєте об'єкт лише один раз. Наприклад, вам потрібно зробити креслення з сотнею гвинтів в ньому. Але ви б намалювали тільки один гвинт і потім скопіювати його стільки разів, скільки необхідно. Це дуже потужний інструмент для прискорення робочого процесу.

Є багато систем, в яких не потрібна точка зниклення або лінія горизонту та пропонує вам аналогічні вигоди. Ізометрична ілюстрація - єдина з цих систем, яка прийшла з технічної іллюстрації
і буде корисною навичкою для всіх художників-графіків. Використання ізометрії в на початку розвитку відеоігор породило цілу субкультуру ізометричного піксельарту. В той час як стиль інфографіки стає дуже популярним в журналах і газетах ви бачите використання ізометрії художника які не мають нічого спільного з технічною ілюстрацією.

Малювання в ізометричній проекції

Гаразд, тепер ми поговоримо про те, як малювати в ізометричній проекції. Найкраще, розпочати з створення ізометричної сітки в Adobe Illustrator.

Крок 1

Запустити, відкривши ваші Налаштування (Command K) та встановіть значення приросту клавіатури на 1 дюйм.

image007image007image007

Крок 2

Використовуючи інструмент Лінія натисніть десь на вашій сторінці. З'явиться діалогове вікно. Створіть лінію довжиною 30 дюймів під кутом 30 градусів.

image009

Крок 3

Перемістіть вашу лінію в ліву частину сторінки. Тепер утримуючи Alt. Один раз натисніть клавішу "стрілка вправо". Оскільки ми значення кроку 1 дюйм, лінію було скопійовано 1 дюйм ліворуч. Повторюйте, поки не заповните сторінку.

image011image011image011
image013image013image013

Крок 4

Повторіть крок 3,  з права на ліво з лінією під кутом 150 градусів. Чи можна вибрати всі лінії і двічі клацніть на інструмент "Віддзеркалення" і зкопіюйте лінії по горизонталі.

image015image015image015

Крок 5

Тепер у вас є ізометрична сітка. Select > All (Command A) і натисніть Command 5 або View > Guides > Make Guides, щоб перетворити лінії сітки в направляючі. Збережіть цей файл як шаблон, щоб використати його в будь-який час, коли потрібно працювати в ізометричній проекції.

image017image017image017

Крок 6

Тепер ми можемо почати будівництво об'єктів на ізометричній сітці - почнемо з куба. Поченіть, зробивши невеликий чотирикутник інструментом "Перо".

image019image019image019

Крок 7

За допомогою інструменту "Часткове виділення" (біла стрілка)  вирівняйте кути чотирикутника  з кутами на сітці.

image021image021image021

Крок 8

За допомогою інструмента «Перо» і того ж методу, описаного вище, створіть ліву та праву сторони куба. Швидко намітьте чотирикутник, потім перемістіть кути інструментом "Часткове виділення". При створенні форми ізометричної сітки, краще почати думати про ваші об'єкти в площинах: верх, лівий та правий боки. Це полегшить візуалізацію більш складних об'єктів.

image023image023image023
image025image025image025

Крок 9

Виберіть всі три частини та згрупуйте (Command G). Тепер у вас є ізометричний куб. Ви можете робити копії куба і швидко почати будувати великі фігури. За потреби, куб можна збільшувати або зменшувати
а будувати з них.

image027image027image027

Використання ортографіки

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

Крок 1

Зробіть просте іженерне креслення, з масштабом, підходящим до вашої сітки.

image029image029image029

Крок 2

Спочатку побудуйте ліву сторону. За допомогою інструменту "Перо", намітьте фігури шляхом підрахунку квадратів сітки. Потім вирівняйте точки інструментом "Часткове виділення".

image031image031image031
image033image033image033

Крок 3

Побудуйте фронтальну частину. Підрахуйте квадрати на сітці, намітьте форму інструментом "Перо" і підрівняйте інструментом "Часткове виділення".

image035image035image035
image037image037image037

Крок 4

Намалюйте верхню частину. До цього моменту я впевнений, ви дійшли до частин, які не просто розміщені на відповідних площинах. Це тойй момент де, читати ортографіку та інтерпретувати її, має важливе значення. Або ж в підсумку ви залишитесь з набором креслень спотвореної фігури на трьох різних площинах.

image039image039image039

Висновки

Використовуючи те ж креслення намалюйте об'єкт з різних кутів і орієнтації. Навчіться добре будувати базові форми на сітці, і це стане в нагоді як тільки ви починете працювати над більш складними об'єктами.

image041image041image041
One subscription.
Unlimited Downloads.
Get unlimited downloads