Швидка і акуратна обрізка паттерна
Всім привіт!
Хочу теж поділитися тут своїм досвідом.
Про патернах багато всього написано і схоже у кожного свій спосіб. Але коли починаєш повторювати чийсь урок на практиці, то в більшості випадків все стопориться на якомусь етапі. Або версія ілюстратора виявляється не та. Або не вистачає якихось елементарних знань, які вважаються само-собою зрозумілими і не згадуються. Загалом шляхом проб і помилок було взято в оборот наступний спосіб, відповідний для Adobe Illustrator CS5. Він злегка трудомісткий, але зате дозволяє зрозуміти принципи створення безшовного патерну і отримати велику свободу для творчості, на відміну від платних скриптів (які теж річ хороша, але нічому не вчать).
Щоб зробити безшовний патерн вручну від і до, потрібно розуміти, як влаштована система координат в Ілюстраторі і де точка відліку. У мене вона в лівому верхньому кутку (при бажанні можна поміняти). Це означає, що будь-яка фігура з центром в цій точці буде мати координати 0; 0. Зміщуючи фігуру по артборду або поза ним ми міняємо координати зі знаком + або мінус.
Точні координати задаються за допомогою панелі Transform (Window -> Transform). Краще її відразу закріпити в Illustrator на панелі зліва для швидкого доступу. Точні координати нам потрібні для правильного розміщення елементів патерну на кордонах артборда. Адже наскільки ваш, наприклад квіточку, «виліз» за кордон зліва, рівно настільки він повинен знаходитися всередині артборда з іншого боку.
1. Робимо основу для майбутнього патерну. Артбоард у мене квадратний, 1200 * 1200 pt. легко вважати координати, при експорті превью з дозволом 300 dpi виходить красивий розмірі 5000 * 5000 підходить для всіх великих стоків.
Тут перший камінь спотикання для новачків. Не всі в курсі, що якщо в програмі в настройках документа встановлено інші одиниці виміру, наприклад мм, то можливі складності з дробовими значеннями і кордонами, тому що Ілюстратор все переводить в pt.
Другий важливий момент - розміщення елементів на кутах артборда дає в результаті не зовсім приємну картинку - яскраво виражену «квадратность» і одноманітність загального малюнка. Втім, це на розсуд кожного, тому що для суворого геометричного паттерну кути цілком підійдуть.
2. Виділяємо елемент патерну (ЕП), ставимо його на ліву межу артборда (нема на кут), а в панель Transform забиваємо точні координати, наприклад Х = 0, Y = 400 (для швидкого рахунку округляем до сотень). Тоді копія ЕП матиме координати Х = 1200, Y = 400. Тут у нас зміщення відбувається по осі Х, тому до поточного Х додаємо 1200 (ширина нашого артборда), а Y залишається незмінним.
Інший елемент ставимо на верхню межу, наприклад Х = 900, Y = 60. Значить знизу у нас будуть координати 900 і 1260.
3. Інші елементи паттерна розміщуємо всередині артборда на свій розсуд. Щоб не зрушити випадково ЕП на кордонах, можна їх згрупувати Ctrl + G (тоді рухатися вони будуть синхронно) або заблокувати в шарі.
4. Закінчивши «розкидати» ЕП акуратно їх все виділяємо Ctrl + A і групуємо Ctrl + G. Групувати обов'язково.
5. Створюємо квадрат 1200 * 1200, прибираємо у нього заливку і обведення і вирівнюємо строго по центру кнопочками вгорі або на панелі Align (Windows -> Align). Квадрат обов'язково повинен бути зверху, це потрібно для обрізки.
6. Знову виділяємо всі клавішами Ctrl + A і відкриваємо чудову панель Pathfinder (Windows -> Pathfinder) де тиснемо кнопку Crop. Наш порожній квадрат зрізає всі що знаходиться поза артборда. Однак при цьому залишаються так звані Ghost Paths (примарні шляхи без заливки і обведення), які неприпустимі для стоків. Їх можна прибрати Vector Inspector-му або вручну. Створюємо будь-яку фігуру без заливки і обведення, клацаємо по ній інструментом Magic Wand Tool (виділяє всі однакові заливки-обведення) і тиснемо Del.
7. Плитка паттерна готова до ключеванію і продажу :) Але добре б її перевірити на «бесшовность». Виділяємо всю пліточку, знову заходимо в Transform і зменшуємо її в 2 рази (600 * 600). Робимо 4 копії, по черзі виділяємо кожен квадратик і швидко вирівнюємо зручними кнопочками панелі Align довше писати, ніж вирівнювати).
Тепер добре видно, чи були у нас помилки. Тонка межа між плитками - артефакт програми, якщо при збільшенні вона зникає, значить ми все зробили правильно.
Ось такий черговий досвід створення патернів, сподіваюся комусь стати в нагоді. )