Як рівномірно розташувати об'єкти в Adobe Illustrator
Коли ви розробляєте макети або просто налаштовуєте навігаційну панель, вам потрібно переконатися, що відстань між кожним розділом рівномірна. Не можете визначити точну відстань, клацаючи та перетягуючи? Не хвилюйтеся, ви можете використовувати деякі інструменти та посібники з Adobe Illustrator.
Ви, мабуть, вже намагалися вирівняти об'єкти, гарна відправна точка! Але пам'ятайте, що вирівнювання не змінює просторову відстань, вона змінює лише положення. Ви майже біля мети просто потрібно знайти інші варіанти на панелі "Вирівнювання".
У цьому уроці ви дізнаєтесь три способи рівномірного розміщення об'єктів у Adobe Illustrator. Я покажу вам, як створити такий макет, використовуючи ці три способи.
Примітка: скріншоти з цього посібника взяті з версії Adobe Illustrator CC 2022 Mac. Версія для Windows або інших версій може бути інакшою.
Метод 1: Вирівнювання панелі
За допомогою панелі "Вирівнювання" можна вирівняти та розмістити об'єкти рівномірно за кілька кліків. Якщо вам потрібна точна відстань між об'єктами, не можна упустити один важливий крок - вибрати ключовий об'єкт як опорний. Перш ніж перейти до цього, почнемо додавати об'єкти в документ.
Крок 1: Використовуйте Тип інструменту (T) щоб додати текст до документа. Ви можете спробувати розставити їх по місцях і вирівняти на око за допомогою "розумної" напрямної.
Непогано! Відстань виглядає досить рівномірною, але будемо професіоналами і переконаємося, що вони дійсно розташовані рівномірно.
Крок 2: Виберіть усі тексти Вирівняти панель повинна відображатися під Властивості Якщо ви не можете знайти його, ви можете відкрити панель у верхньому меню Вікно > Вирівняти .
Натисніть Додаткові опції (три точки), щоб розгорнути панель.
Ви побачите два Розподіл відстаней опції у нижній частині панелі.
Крок 3: Виберіть Горизонтально розподілений простір .
Я продублював текст, щоб показати різницю. Тексти в межах рамки обмежені рівномірно.
Швидка порада: якщо в голові вже є точне значення відстані, ви також можете ввести його, але перш за все вам потрібно вибрати ключовий об'єкт.
Наприклад, якщо ви оберете Про сайт як ключовий об'єкт.
Виберіть Вирівнювання за ключовим об'єктом на панелі Вирівнювання.
Ви побачите, що один з об'єктів (текст) виділено. Ви можете змінити ключовий об'єкт, клацнувши на об'єкті, який ви хочете встановити як ключовий об'єкт. Про сайт .
Введіть бажаний простір між об'єктами, наприклад, 50px, і натисніть кнопку Horizontal Distribute Space.
Запам'ятайте ці 3 кнопки 😉
Тепер відстань між об'єктами складає 50px.
Тепер навігаційна панель створена, давайте перейдемо до підменю.
Метод 2: Повторіть крок
Цей метод працює тільки тоді, коли ви розставляєте інтервали між однаковими об'єктами. Якщо об'єкт не є однаковим, спробуйте інші методи.
Крок 1: Використовуйте Інструмент "Прямокутник" (M) Щоб намалювати прямокутник, Ви можете вирівняти його за текстом вище.
Якщо ви вирівнюєте об'єкти по вертикалі, ви можете змінити відстань між ними по горизонталі.
Крок 2: Тримати Варіант ( Альт для користувачів Windows) та Зміна клацніть та перетягніть прямокутник праворуч під другий текст.
Крок 3: Повторіть останній (дублюючий) крок за допомогою клавіш. Команда + D ( Ctrl + D для користувачів Windows). Ви можете використовувати цей ярлик кілька разів, поки не отримаєте прямокутне тло для кожної категорії.
Швидко та легко! Цей метод найкраще підходить, коли хочете створити рівномірно розподілений візерунок однакової форми.
У будь-якому випадку, давайте додамо пункти підменю. Я використовуватиму текст Lorem Ipsum як приклад і покажу вам, як це зробити, використовуючи сітку як керівництво.
Метод 3: Використання сітки
Якщо у вас немає великої кількості об'єктів для вирівнювання, ви можете розташувати об'єкти рівномірно, дотримуючись сіток і напрямних. Насправді, якщо ваш Інтелектуальний посібник активовано, при перетягуванні об'єктів він показуватиме відстань між об'єктами, але давайте скористаємося сітками, щоб переконатися в цьому.
Крок 1: Після додавання тексту до документа перейдіть у верхнє меню та виберіть пункт Подивитись > Показати сітку щоб показати сітку.
Ви повинні бачити сітки в документі, але ви не бачите сітки поверх прямокутників. Зменште непрозорість прямокутника.
Збільште масштаб перед переходом до наступного кроку.
Крок 2: Визначте відстань між текстами. Наприклад, якщо ви хочете, щоб простір складав два ряди сітки. Перемістіть текст на два ряди вище.
Після завершення позиціонування тексту поверніть непрозорість прямокутника до 100%.
Ви можете виділити всі тексти та продублювати їх (спробуйте використати метод 2) у наступну колонку категорії. Ви можете змінити зміст тексту пізніше, тут ми створюємо тільки макет.
Ви можете вимкнути сітку зараз, щоб подивитися, як вона виглядає.
Ви завжди можете двічі переконатися, що вони вирівняні правильно і розташовані рівномірно, повернувшись до пункту Вирівняти панель.
Висновок
Ви можете використовувати будь-які з перерахованих вище методів для рівномірного розташування просторових об'єктів, і в залежності від того, що ви намагаєтеся зробити, деякі методи можуть бути зручніше інших.
Якщо у вас є готові об'єкти, метод панелі вирівнювання буде найшвидшим способом. Якщо ви намагаєтеся створити рівномірно розташовані однакові об'єкти, метод повторення кроків працює досить добре.
Що стосується сітки, то використовувати її завжди корисно, але це правда, що за наявності кількох об'єктів переміщення їх по одному може бути клопітким.
Cathy Daniels
Я Кеті Деніелс, експерт в Adobe Illustrator. Я користуюсь цим програмним забезпеченням з версії 2.0 та створюю для нього навчальні посібники з 2003 року. Мій блог є одним з найпопулярніших місць в Інтернеті для людей, які хочуть вивчити Illustrator. Крім моєї роботи в якості блогера, я також автор і графічний дизайнер.
Як розставити кілька об'єктів на рівній відстані в Ілюстраторі?
Працювати в ілюстраторі я почала зовсім недавно, поки що освоюю, але точно зрозуміла, що розташовувати об'єкти точно відносно один одного на око досить складно, особливо на рівній відстані.
Але це зробити все ж таки реально.
Як же розмістити об'єкта на однаковій відстані один від одного в ілюстраторі?
Спосіб 1. За допомогою стрілок на клавіатурі.
Зсуваємо об'єкти один до одного, потім рухаємо бічні об'єкти щодо центрального за допомогою стрілок (на 1 піксель) або затискаючи клавішу Shift (на 10 пікселів).Запам'ятовуємо відстань і рухаємо інший об'єкт на таку саму відстань.
На малюнку вище зсунула прямокутники на 20 пікселів у такий спосіб.
Спосіб 2. Орієнтуватися по сітці
-Орієнтуємося по квадратах сітки
Можна прив'язати об'єкти до піксельної сітки
Спосіб 3. Через меню Трансформування
-Виділяємо потрібний об'єкт
-Встановлюємо значення по осях X та Y
-Об'єкти рухаються відповідно