Як зробити патерн в ілюстратора

Робимо патерн в Ілюстраторі

Як зробити патерн в Illustrator

Що потрібно для роботи

В першу чергу вам знадобиться зображення у форматі PNG або хоча б з однотонним фоном, щоб його можна було легко прибрати, змінивши параметри накладення. Найкраще, якщо у вас буде якийсь векторний малюнок в одному з форматів ілюстратор — AI, EPS. Якщо у вас є тільки картинка в PNG, то її доведеться переводити в вектор, щоб можна було змінити колір (в растровому вигляді можна тільки змінювати розмір і розгортати картинку).

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

Спосіб 1: простий патерн з геометричних фігур

В даному випадку не потрібно шукати ніяких зображень. Візерунок буде створюватися за допомогою інструментів програми. Ось так виглядає покрокова інструкція (в даному випадку розглядається створення квадратного візерунка):

    Відкрийте Ілюстратор і в верхньому меню виберіть пункт «File», де потрібно натиснути на «New …» для створення нового документа. Однак набагато простіше використовувати різні комбінації клавіш, в даному випадку — це Ctrl + N.

Новий файл в Illustrator

Програма відкриє вікно налаштування нового документа. Задайте розмір, який вважаєте за потрібне. Розмір можна задавати в декількох системах виміру — міліметрах, пікселях, дюймах і т.д. Колірну палітру вибирайте в залежності від того, чи буде ваше зображення де-небудь друкуватися (RGB — для вебу, CMYK — для друку). Якщо немає, то в пункті «Raster Effects» ставте «Screen (72 ppi)». Якщо ви збираєтеся друкувати будь-де свій візерунок, то ставте або «Medium (150 ppi)», або «High (300 ppi)». Чим більше значення ppi, тим якісніше вийде друк, але і ресурси комп’ютера при роботі будуть сильніше витрачатися.

Налаштування документа в Illustrator

Установка фону в Illustrator

  • Тепер можна приступати до створення геометричного паттерну. Для початку намалюємо квадрат без заливки. Для цього в «Панелі інструментів» Оберіть «Квадрат». У верхній панелі налаштуйте заливку, колір і товщину обведення. Так як квадрат робиться без заливки, то в першому пункті виберіть білий квадрат, перекреслений червоною лінією. Колір обведення в нашому прикладі буде зеленим, а товщина 50 пікселів.
  • намалюйте квадрат. В даному випадку нам потрібна повністю пропорційна фігура, тому при розтягуванні затисніть Alt + Shift.
  • Квадрат в Illustrator

    Щоб з отриманою фігурою було зручніше працювати, перетворите її в повноцінну фігуру (поки це чотири замкнуті лінії). Для цього перейдіть в «Object», що розташований у верхньому меню. З випав підміню клікніть по «Expend …». Після спливе вікно, де вам потрібно натиснути «OK». Тепер ви отримали повноцінну фігуру.

    Expend в Illustrator

  • Щоб патерн не виглядав надто примітивно, намалюйте всередині ще один квадрат або будь-яку іншу геометричну фігуру. В даному випадку обведення не використовуватиметься, замість неї буде заливка (поки таким же кольором, як і більшого квадрата). Нова фігура також повинна бути пропорційною, тому при малюванні не забувайте затискати клавішу Shift.
  • Додайте маленьку фігуру в центрі великого квадрата.
  • Виділіть обидва об’єкти. Щоб це зробити, знайдіть в «Панелі інструментів» іконку з чорним курсором і з затиснутою клавішею Shift натисніть на кожну фігуру.
  • Виділення в Illustrator

    Готовий патерн в Illustrator

    Спосіб 2: робимо патерн за допомогою картинок

    Для цього знадобиться завантажити картинку у форматі PNG з прозорим фоном. Можна також знайти картинку з однотонним фоном, але його доведеться видалити перед тим, як векторизовать зображення. А інструментами ілюстратор прибрати фон у зображення неможливо, його лише можна приховати, помінявши варіант накладення. Буде ідеально, якщо ви знайдете вихідний файл зображення в форматі ілюстратор. В цьому випадку картинку не доведеться векторизовать. Головна проблема — знайти будь-які корисні для вас файли в форматі EPS, AI в мережі складно.

    Розглянемо покрокову інструкцію прикладі картинки з прозорим фоном в форматі PNG:

    1. Створіть робочий документ. Як це зробити, описано в інструкції до першого способу, в пунктах 1 і 2.
    2. Перенесіть на робочу область зображення. Відкрийте папку з зображенням і перенесіть його на робочу область. Іноді такий спосіб не діє, в цьому випадку натисніть на «File» в верхньому меню. З’явиться підменю, де потрібно вибрати «Open …» і вказати шлях до потрібної зображенні. Ще можна скористатися комбінацією клавіш Ctrl + O. Зображення може відкритися в іншому вікні ілюстратор. Якщо це сталося, то просто перетягніть його на робочу область.

    Завантаження картинки в Illustrator

  • Тепер потрібно за допомогою інструменту «Selection Tool» (В лівій «Панелі інструментів» виглядає як чорний курсор) виділити картинку. Для цього достатньо просто натиснути на неї.
  • Зробіть трасування картинки.
  • Adobe Illustrator. Трасування. стилі трасування

    Іноді біля картинки може з’явитися біла область, яка при зміні кольору заллється і перекриє зображення. Щоб цього уникнути видаліть її. Для початку виділіть зображення і натисніть по ньому ПКМ. У меню виберіть «Ungroup», а потім виділіть фон у зображення і натисніть Delete.

    Видалення фону в Illustrator

  • Тепер картинку потрібно розмножити і заповнити їй всю робочу область. Як це зробити, описано в пунктах 10 і 11 в інструкції до першого способу.
  • Для різноманітності скопійовані картинки можна зробити різного розміру за допомогою трансформації.
  • Також для краси деяким з них можна змінити колір.
  • Готовий варіант в Illustrator

    Утворені патерни можна зберегти як в форматі ілюстратор, щоб повернутися до їх редагування в будь-який момент. Для цього перейдіть в «File», натисніть «Save as …» і виберіть будь-який формат ілюстратор. Якщо ж робота вже закінчена, то можна зберегти її як звичайну картинку.

    Ми раді, що змогли допомогти Вам у вирішенні проблеми.

    Як зробити патерн в Ілюстраторі (Illustrator)

    Створення патернів в Illustrator. Adobe Illustrator — це програма призначена для редагування векторної графіки. Область її використання досить широка: від створення реклами і до підготовки різних журналів і газет. Вона має дуже широким набором інструментів для малювання і зміни кольору і тексту. У цій статті я покажу як створити патерн за допомогою Adobe Illustrator і розповім про деякі тонкощі роботи в цьому редакторі.

    Як зробити патерн в Ілюстраторі (Illustrator)

    Давайте приступимо. Ми будемо створювати безшовний патерн (візерунок). Ми будемо використовувати вбудований інструмент для створення патерну в Illustrator. Насамперед, вам необхідно відкрити Adobe Illustrator і створити новий документ з довільним розміром робочої області. Однак вона повинна мати форму квадрата. У прикладі, я використовував робочу область розміром 1000х1000 пікселів. Далі, вам необхідно розмістити всередині робочої області елементи вашого візерунка. Уважно прослідкуйте щоб елементи не виходили за межі робочої області:

    Як зробити патерн в Ілюстраторі (Illustrator)

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

    Як зробити патерн в Ілюстраторі (Illustrator)

    Після чого, відкриється спеціальне віконце, де потрібно буде ввести розміри створюваного прямокутника. Розміри повинні бути такі ж, як і наша робоча область 1000х1000. Після чого тисніть кнопку "ОК":

    Як зробити патерн в Ілюстраторі (Illustrator)

    Приберіть заливку і обведення у створеній фігури:

    Як зробити патерн в Ілюстраторі (Illustrator)

    Зробити це потрібно щоб візерунок вийшов безшовним і збігся з розміром робочої області. Тепер вам потрібно виділити всі елементи вашого візерунка. Це можна зробити як за допомогою миші так і за допомогою натискання клавіш Ctrl + A:

    Як зробити патерн в Ілюстраторі (Illustrator)

    Тепер необхідно перейти в меню "Object" → "Pattern" → "Make". В результаті, у вас повинен отримати приблизно такий варіант:

    Як зробити патерн в Ілюстраторі (Illustrator)

    Після чого, в Adobe Illustrator відкриється режим створення візерунків. Над вашою робочою областю з’явиться кілька кнопок:

    Save a copy — зберегти копію

    Done — готово

    Cancel — скасування

    А в бічній панелі з’явиться розділ "Pattern Options", тобто опції візерунка:

    Як зробити патерн в Ілюстраторі (Illustrator)

    В опціях є поля: ім’я, тип накладення, ширина висота і тд. У нашому прикладі в поле "Тип накладення" вам необхідно поставити "Grid", галочки "Size Tile to Art" та "Move Tile with Art" необхідно прибрати. У списку "Copies" можете вибрати будь-яке значення. Я буду використовувати поле 3×3. Ось так приблизно повинні виглядати ваші налаштування візерунка:

    Як зробити патерн в Ілюстраторі (Illustrator)

    Далі можна видалити створену раніше фігуру квадрата. Також потрібно приховати кордону робочої області використовуючи поєднання клавіш Ctrl + Shift + H:

    Як зробити патерн в Ілюстраторі (Illustrator)

    На цьому основна частина закінчена. Отриманий результат сміливо можна назвати найпростішим патерном або візерунком. Але для поліпшення загальної композиції, потрібно розтасувати елементи по площі. Для цього виберіть інструмент виділення елементів (Selection Toole —
    зафарбована стрілка) і рухайте елементи в підставі вашого паттерна. Решта візерунок буде знову вимальовуватися залежно від вашого головного. Якщо дуже постаратися, то можна домогтися ось такого результату:

    Як зробити патерн в Ілюстраторі (Illustrator)

    Тепер вам залишилося тільки натиснути на кнопку "Done" вгорі області і включити відображення робочої області сполучення клавіш Ctrl + Shift + H:

    Як зробити патерн в Ілюстраторі (Illustrator)

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

    Цифровий живопис

    Все про малюванні в растрі

    Як зробити растровий патерн в Adobe Illustrator

    • Автор ★ Летта
    • 27 вересня 2016 19:55

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

    Загалом Ілюстратор вміє працювати з растровими об’єктами і розуміє прозорий шар в PNG. Тобто PNG залишається прозорим і кілька картинок можна спокійно накладати один на одного.

    Для того, щоб зробити патерн, нам знадобляться об’єкти з яких він буде складатися в PNG. Беремо свої прозорі штуки і перетягуємо в Ілюстратор, зверніть увагу ще на те, що паттерноделка з’явилася починаючи з CS6, тому нижче шістки такий спосіб не вийде. У галереї я продублювала все картинки з поста в розмірі більше.

    Відразу важливий момент: не рекомендую робити робочу область великий. Ілюстратор вставляє картинки як смарт-об’єкти і їх якість не спотворює (зазвичай вихідні картинки у мене теж великі від 2000 до 3000 px), тому можна на невеликій області зробити патерн і експортувати його в нормальному розмірі. Я роблю зазвичай патерни 600 * 600 px, після експорту 5000 * 5000 px.

    Після того, як перетягнули, потрібно зробити важливу річ, а саме натиснути кнопку «Вcтроіть» на верхній панелі. Без цього зробити патерн неможливо. Після того, як картинки вставлені, при виділенні у них буде звичайна рамочка, без хрестика всередині.

    Далі виділяємо всі свої об’єкти і вибираємо Об’єкт> Візерунок> Створити як при звичайному векторі. Відкривається звичайне вікно і головна перевага особисто для мене, що я можу бачити патерн цілком і відразу міняти місце розташування об’єктів. В фотошопі, щоб побачити патерн великим шматком, треба робити зайву купу дій.

    Після того, як патерн готовий, натискаємо «Готово» на верхній панелі. Далі я виймаю з Свотч шматок і ховаю під відсічній маскою зайве. Далі експортуємо з урахуванням монтажної області JPEG або PNG і вуаля, растровий патерн готовий!

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

    Можливо комусь такий спосіб здасться мудрі, але комусь заощадить купу нервів і часу.

    Ссылка на основную публикацию