Як швидко створювати ізометричні ілюстрації

Зараз ізометричні ілюстрації популярні як ніколи. Їх можна робити за допомогою багатьох графічних інструментів (, або ). Але один із найшвидших і простих способів створення та редагування векторних ізометричних ілюстрацій – .

Ілюстрація – Dribbble

Що означає “ізометричний”?

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

Ізометрична ілюстрація зберігає масштаб та розміри. Вона не передає відчуття глибини. Це означає, що всі частини об’єкта, незалежно від того, розташовані вони ближче або далі від глядача, представлені однаковим розміром.

Перспектива проти ізометрії

Тепер, коли ми знаємо, що означає “ізометричне”, давайте щось створимо!

Створення ізометричного куба

Спочатку налаштуємо нашу ізометричну сітку

  1. Ви можете безкоштовно завантажити пробну версію Affinity Designer Trial, якщо у вас його немає.
    Відкрийте Affinity Desinger та створіть новий веб-документ. Потім перейдіть до View > Show Grid, щоб переглянути поточну сітку.
  2. Потім перейдіть на сторінку View > Grid & Axis Manager, щоб налаштувати нашу ізометричну сітку. Зніміть прапорець Використовувати автоматичну сітку та виберіть Додатково в Режим.
  3. Тепер ви повинні побачити різні варіанти у вашому розпорядженні – не хвилюйтеся, це досить просто налаштувати. У розділі Grid Type, select Isometric, ви можете змінити відстань і розділи на будь-яке число. Знизьте відстань і додайте більше підрозділів, якщо ви плануєте зробити більш складний дизайн. Просто натисніть Close, і сітка готова!
  4. Тепер, коли сітка налаштована, нам просто потрібно ввімкнути зачеплення, щоб наші конструкції монтувалися до сітки. Ми можемо це зробити, натиснувши значок магніту на панелі інструментів, щоб увімкнути його, натиснувши спадне меню поруч із ним і вибравши Snap to Grid.

Налаштування нашої ізометричної сітки за лічені секунди

Потім створюємо куб

Куб має 3 сторони, якщо розглядати його як ізометричну проекцію, а саме, у площинах XY, YZ та XY в системі 3D XYZ. Ми можемо створювати проекції на всіх цих площинах за допомогою клацань без будь-якого масштабування, нахилу або обертання.

Виберіть Pen Tool (P), і давайте починати. Створення куба займає менше хвилини:

І ми його можемо легко редагувати. Для цього треба використати інструмент Node Tool (A):

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

Якщо вам не підходить Affinity Designer 

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

За матеріалами: medium.muz.li

Вам також буде ЦІКАВО:

Вам сподобалося?

Читайте щотижня наші кращі статі про дизайн!

email рассылки

Корисна розсилка!

Все найцікавіше про дизайн і дизайнерів!
А ще свіжі вакансії і трішки гумору)

Ваш email:
email рассылки
Позначки:

Залишити відповідь