Робимо патерн в Ілюстраторі
Що потрібно для роботи
В першу чергу вам знадобиться зображення у форматі PNG або хоча б з однотонним фоном, щоб його можна було легко прибрати, змінивши параметри накладення. Найкраще, якщо у вас буде якийсь векторний малюнок в одному з форматів ілюстратор — AI, EPS. Якщо у вас є тільки картинка в PNG, то її доведеться переводити в вектор, щоб можна було змінити колір (в растровому вигляді можна тільки змінювати розмір і розгортати картинку).
Можна зробити патерн за допомогою геометричних фігур. Це не зажадає пошуку відповідного зображення і його обробки. Єдиний мінус даного способу в тому, що результат може вийти досить примітивним, особливо якщо ви раніше ніколи не займалися подібним і інтерфейс ілюстратор бачите вперше.
Спосіб 1: простий патерн з геометричних фігур
В даному випадку не потрібно шукати ніяких зображень. Візерунок буде створюватися за допомогою інструментів програми. Ось так виглядає покрокова інструкція (в даному випадку розглядається створення квадратного візерунка):
- Відкрийте Ілюстратор і в верхньому меню виберіть пункт «File», де потрібно натиснути на «New …» для створення нового документа. Однак набагато простіше використовувати різні комбінації клавіш, в даному випадку — це Ctrl + N.
Програма відкриє вікно налаштування нового документа. Задайте розмір, який вважаєте за потрібне. Розмір можна задавати в декількох системах виміру — міліметрах, пікселях, дюймах і т.д. Колірну палітру вибирайте в залежності від того, чи буде ваше зображення де-небудь друкуватися (RGB — для вебу, CMYK — для друку). Якщо немає, то в пункті «Raster Effects» ставте «Screen (72 ppi)». Якщо ви збираєтеся друкувати будь-де свій візерунок, то ставте або «Medium (150 ppi)», або «High (300 ppi)». Чим більше значення ppi, тим якісніше вийде друк, але і ресурси комп’ютера при роботі будуть сильніше витрачатися.
Щоб з отриманою фігурою було зручніше працювати, перетворите її в повноцінну фігуру (поки це чотири замкнуті лінії). Для цього перейдіть в «Object», що розташований у верхньому меню. З випав підміню клікніть по «Expend …». Після спливе вікно, де вам потрібно натиснути «OK». Тепер ви отримали повноцінну фігуру.
Спосіб 2: робимо патерн за допомогою картинок
Для цього знадобиться завантажити картинку у форматі PNG з прозорим фоном. Можна також знайти картинку з однотонним фоном, але його доведеться видалити перед тим, як векторизовать зображення. А інструментами ілюстратор прибрати фон у зображення неможливо, його лише можна приховати, помінявши варіант накладення. Буде ідеально, якщо ви знайдете вихідний файл зображення в форматі ілюстратор. В цьому випадку картинку не доведеться векторизовать. Головна проблема — знайти будь-які корисні для вас файли в форматі EPS, AI в мережі складно.
Розглянемо покрокову інструкцію прикладі картинки з прозорим фоном в форматі PNG:
- Створіть робочий документ. Як це зробити, описано в інструкції до першого способу, в пунктах 1 і 2.
- Перенесіть на робочу область зображення. Відкрийте папку з зображенням і перенесіть його на робочу область. Іноді такий спосіб не діє, в цьому випадку натисніть на «File» в верхньому меню. З’явиться підменю, де потрібно вибрати «Open …» і вказати шлях до потрібної зображенні. Ще можна скористатися комбінацією клавіш Ctrl + O. Зображення може відкритися в іншому вікні ілюстратор. Якщо це сталося, то просто перетягніть його на робочу область.
Іноді біля картинки може з’явитися біла область, яка при зміні кольору заллється і перекриє зображення. Щоб цього уникнути видаліть її. Для початку виділіть зображення і натисніть по ньому ПКМ. У меню виберіть «Ungroup», а потім виділіть фон у зображення і натисніть Delete.
Утворені патерни можна зберегти як в форматі ілюстратор, щоб повернутися до їх редагування в будь-який момент. Для цього перейдіть в «File», натисніть «Save as …» і виберіть будь-який формат ілюстратор. Якщо ж робота вже закінчена, то можна зберегти її як звичайну картинку.
Ми раді, що змогли допомогти Вам у вирішенні проблеми.
Як зробити патерн в Ілюстраторі (Illustrator)
Створення патернів в Illustrator. Adobe Illustrator — це програма призначена для редагування векторної графіки. Область її використання досить широка: від створення реклами і до підготовки різних журналів і газет. Вона має дуже широким набором інструментів для малювання і зміни кольору і тексту. У цій статті я покажу як створити патерн за допомогою Adobe Illustrator і розповім про деякі тонкощі роботи в цьому редакторі.
Давайте приступимо. Ми будемо створювати безшовний патерн (візерунок). Ми будемо використовувати вбудований інструмент для створення патерну в Illustrator. Насамперед, вам необхідно відкрити Adobe Illustrator і створити новий документ з довільним розміром робочої області. Однак вона повинна мати форму квадрата. У прикладі, я використовував робочу область розміром 1000х1000 пікселів. Далі, вам необхідно розмістити всередині робочої області елементи вашого візерунка. Уважно прослідкуйте щоб елементи не виходили за межі робочої області:
Тепер, вам необхідно створити нову фігуру квадрата або прямокутника. Зробити це можна натиснувши на кнопку створення фігур і зробивши клік по робочій області:
Після чого, відкриється спеціальне віконце, де потрібно буде ввести розміри створюваного прямокутника. Розміри повинні бути такі ж, як і наша робоча область 1000х1000. Після чого тисніть кнопку "ОК":
Приберіть заливку і обведення у створеній фігури:
Зробити це потрібно щоб візерунок вийшов безшовним і збігся з розміром робочої області. Тепер вам потрібно виділити всі елементи вашого візерунка. Це можна зробити як за допомогою миші так і за допомогою натискання клавіш Ctrl + A:
Тепер необхідно перейти в меню "Object" → "Pattern" → "Make". В результаті, у вас повинен отримати приблизно такий варіант:
Після чого, в Adobe Illustrator відкриється режим створення візерунків. Над вашою робочою областю з’явиться кілька кнопок:
Save a copy — зберегти копію
Done — готово
Cancel — скасування
А в бічній панелі з’явиться розділ "Pattern Options", тобто опції візерунка:
В опціях є поля: ім’я, тип накладення, ширина висота і тд. У нашому прикладі в поле "Тип накладення" вам необхідно поставити "Grid", галочки "Size Tile to Art" та "Move Tile with Art" необхідно прибрати. У списку "Copies" можете вибрати будь-яке значення. Я буду використовувати поле 3×3. Ось так приблизно повинні виглядати ваші налаштування візерунка:
Далі можна видалити створену раніше фігуру квадрата. Також потрібно приховати кордону робочої області використовуючи поєднання клавіш Ctrl + Shift + H:
На цьому основна частина закінчена. Отриманий результат сміливо можна назвати найпростішим патерном або візерунком. Але для поліпшення загальної композиції, потрібно розтасувати елементи по площі. Для цього виберіть інструмент виділення елементів (Selection Toole —
зафарбована стрілка) і рухайте елементи в підставі вашого паттерна. Решта візерунок буде знову вимальовуватися залежно від вашого головного. Якщо дуже постаратися, то можна домогтися ось такого результату:
Тепер вам залишилося тільки натиснути на кнопку "Done" вгорі області і включити відображення робочої області сполучення клавіш Ctrl + Shift + H:
Також ви можете зберегти цей патерн як звичайне зображення, або застосовувати його до інших фігур.
Цифровий живопис
Все про малюванні в растрі
Як зробити растровий патерн в Adobe Illustrator
- Автор ★ Летта
- 27 вересня 2016 19:55
Вже передчуваю як багато мені пальцем біля скроні покрутять, типу растровий патерн в векторній програмі, ага. Але поясню чому я пишу цей пост. Свого часу у мене виникла люта необхідність в створенні растрових патернів і я зіткнулася з проблемою. Створювати патерни в фотошопі звичайно ж можна, але ця програма заточена під інші потреби. А ось вбудована паттерноделка в ілюстратора завжди приводила мене в захват дозволяючи робити всякі узорчіков швидко і просто. Ну іллюстратороголік я, що тут ще сказати. Є ще такий момент, що я зазвичай роблю патерни не по геометричним сіток, а розкидаю об’єкти як попало і при будь-яких способах в фотошопі, мені доводиться постійно перевіряти, чи нормально стоять об’єкти. Ілюстратор в цьому відношенні неслабо економить час.
Загалом Ілюстратор вміє працювати з растровими об’єктами і розуміє прозорий шар в PNG. Тобто PNG залишається прозорим і кілька картинок можна спокійно накладати один на одного.
Для того, щоб зробити патерн, нам знадобляться об’єкти з яких він буде складатися в PNG. Беремо свої прозорі штуки і перетягуємо в Ілюстратор, зверніть увагу ще на те, що паттерноделка з’явилася починаючи з CS6, тому нижче шістки такий спосіб не вийде. У галереї я продублювала все картинки з поста в розмірі більше.
Відразу важливий момент: не рекомендую робити робочу область великий. Ілюстратор вставляє картинки як смарт-об’єкти і їх якість не спотворює (зазвичай вихідні картинки у мене теж великі від 2000 до 3000 px), тому можна на невеликій області зробити патерн і експортувати його в нормальному розмірі. Я роблю зазвичай патерни 600 * 600 px, після експорту 5000 * 5000 px.
Після того, як перетягнули, потрібно зробити важливу річ, а саме натиснути кнопку «Вcтроіть» на верхній панелі. Без цього зробити патерн неможливо. Після того, як картинки вставлені, при виділенні у них буде звичайна рамочка, без хрестика всередині.
Далі виділяємо всі свої об’єкти і вибираємо Об’єкт> Візерунок> Створити як при звичайному векторі. Відкривається звичайне вікно і головна перевага особисто для мене, що я можу бачити патерн цілком і відразу міняти місце розташування об’єктів. В фотошопі, щоб побачити патерн великим шматком, треба робити зайву купу дій.
Після того, як патерн готовий, натискаємо «Готово» на верхній панелі. Далі я виймаю з Свотч шматок і ховаю під відсічній маскою зайве. Далі експортуємо з урахуванням монтажної області JPEG або PNG і вуаля, растровий патерн готовий!
Перед тим, як робити новий патерн, я зазвичай видаляю попередні об’єкти, тому що вони збільшують вагу файлу і ілюстратор може почати гальмувати. Якщо мені потрібно зберегти патерни, щоб рухати їх потім всередині, я збираю в файл з декількома маленькими артбордамі все патерни і зберігаю в векторі.
Можливо комусь такий спосіб здасться мудрі, але комусь заощадить купу нервів і часу.