Урок illustrator - як створити векторний вінтажний візерунок, використовуючи pattern brush - rboom

Створення pattern brush у багатьох дизайнерів, навіть досвідчених, викликає деякі труднощі. У сьогоднішньому уроці я розповім, як правильно створювати таку кисть в Adobe Illustrator. Для створення елементів векторного орнаменту ми будемо використовувати InkScribe Tool плагіна DrawScribe, що дозволить працювати більш ефективно.

Давайте почнемо наш урок зі створення елементів орнаменту винтажной рамки. Для створення орнаменту я вважаю за краще використовувати InkScribeTool. Цей інструмент дозволяє нам працювати більш швидко і точно, ніж, використовуючи старий добрий Pen Tool (P). У цьому ви переконаєтеся в процесі нашої роботи. Отже, беремо InkScribe Tool і створюємо шлях, який складається з чотирьох прямолінійних сегментів.

Як ви бачите, сегменти мають "ручки примари". Це звичайні ручки, які містить крива Безьє, але поки не активні. Ми створюємо форму листка і вона повинна бути симетричною. Зараз ми застосуємо один трюк, який допоможе вам створювати динамічні симетричні форми. Виділяємо створений шлях, потім переходимо Effect> Transform Distort> Transform ... і встановлюємо параметри, зазначені на малюнку нижче.

Тепер, якщо ми активізуємо одну з "ручок привидів" за допомогою InkScribe Tool, то побачимо, що наша форма зміниться симетрично. Цей трюк дозволяє нам правильно оцінювати всю симетричну форму цілком.

Отже, маніпулюючи ручками кривих і положенням точок, наводимо форму до виду, показаному на малюнку нижче.

Як ви розумієте, у нас існує тільки один шлях. Ліва половина форми це всього лише його відображення, отримана за допомогою ефекту. Для подальшої роботи нам буде потрібно зробити її реальною. Переходимо Object> Expand Appearance.

Разгруппіровиваем отримані об'єкти два рази, потім виділяємо верхні точки дотику шляхів і з'єднуємо їх (Command / Ctrl + J). Ті ж дії виконаємо з нижніми точками дотику шляхів.

Тепер форма листа являє собою один замкнутий шлях.

Створимо вертикальну лінію в центрі листа і застосуємо до неї трикутний профіль в панелі Stroke.

Тепер створимо два криволінійних сегмента і застосуємо до них той же профіль.

Виділяємо ці три шляхи, потім переходимо Object> Expand Appearance.

Об'єднуємо отримані об'єкти за допомогою Unite в панелі Pathfinder.

Тепер виділяємо всі створені об'єкти, потім натискаємо Minus Front в панелі Pathfinder. Видалимо зайві точки за допомогою функції Smart Remove point інструменту InkScribe.

Створимо дві окружності за допомогою Ellipse Tool (L), потім з'єднаємо їх центри вертикальною лінією.

Групуємо всі створені об'єкти (Command / Ctrl + G).

Два рази використовуємо комбінацію гарячих клавіш ілюстратора Command / Ctrl + D, для того щоб повторити останню дію.

Виділяємо всі об'єкти, потім переходимо Object> Transform> Rotate ... і встановлюємо кут рівний 45 градусам.

Створюємо коло без заливки з обведенням чорного кольору.

Виділяємо і групуємо всі створені об'єкти.

Перетягуємо групу вправо, утримуючи клавіші Shift і Option / Alt, що призведе до її дублювання.

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

Беремо Scissors Tool (C) і розрізаємо праву коло в точці A.

Змістимо нижню точку разом розрізу вправо.

З'єднаємо точки A і B за допомогою InkScribe Tool. В панелі InkScribe обрані опції "Draw a curved segment" і "Smooth point". Ці опції дозволяють нам відразу створити плавний перехід криволінійного сегмента в прямолінійний в точці B.

Маніпулюючи ручками точок криволінійного сегмента A і B, наведемо його до виду, показаному на малюнку нижче.

Створимо ще два криволінійних сегмента за допомогою InkScribe Tool.

За допомогою Spiral Tool створимо дві спіралі і помістимо їх так, як показано на малюнку нижче.

Створимо дві окружності і помістимо їх на кінцях спіралей.

Створимо два еліпса.

Виділимо їх, потім натиснемо на Minus Front в панелі Pathfinder.

Ми отримали форму ще одного листочка. Іноді такі форми зручніше створювати саме таким шляхом.

Перемістимо новий елемент орнаменту горизонтально вправо.

Розміщуємо четвертий елемент нижче першого. Для правильного позиціонування ви можете скористатися вертикальною направляє.

Створимо горизонтальну і вертикальну направляючу, які повинні проходити через центр кутового орнаменту.

Горизонтальна напрямна повинна бути зміщена на таку ж величину вгору.

За допомогою InkScribe Tool або Pen Tool (P) створюємо шлях, який складається з двох прямолінійних сегментів. Точки цього шляху повинні точно лежати на правій і верхньої направляючої.

Використовуючи цю техніку, створимо ще два шляхи так, як це показано на малюнку нижче.

Тепер напрямні можуть бути видалені.

Всі елементи нашого векторного вантажного орнаменту готові, давайте приступимо до створення pattern brush. Нам необхідно визначити основні елементи кисті. Площа кутовий плитки виділена червоним кольором на малюнку нижче.

Змінимо довжину прямолінійних шляхів так, щоб їх крайні точки лежали точно на краях кутовий плитки.

Площа бічної плитки виділена синім кольором на малюнку нижче.

Нам необхідно обмежити площу плиток реальними векторними об'єктами. Це повинні бути прямокутники без заливки і обведення.

При цьому висота цих прямокутників повинна бути однаковою і їх сусідні точки повинні збігатися. Крім того, прямокутники без заливки і обведення повинні знаходиться нижче всіх елементів плитки.

У бічній плитки не вистачає трьох прямолінійних шляхів. Створимо їх.

Виділяємо всі елементи кутовий плитки (в тому числі і прямокутник без заливки і обведення, який відповідає її розмірам) і переносимо в панель Swatches.

Ті ж дії здійснюємо з елементами бічної плитки (не забудьте виділити прямокутник без заливки і обведення і в цьому випадку).

Відкриваємо панель Brushes (Window> Brushes) і вибираємо New Brush в спливающем меню.

У діалоговому вікні вибираємо Pattern Brush.

Застосовуємо до side tile і corner tile "pattern swatches", які ми створили в попередньому кроці. Для того щоб колір кисті відповідав кольору обведення вибираємо Colorization method: Tint

Натискаємо OK. Створимо прямокутник довільного розміру і застосуємо до нього створену кисть.

Тепер ви можете змінювати колір і товщину обведення, так як вважаєте за потрібне.

Не турбуйтеся, якщо з першого разу у Вас не вийде точно зістикувати елементи орнаменту. Я повинен зізнатися, що це дуже копітка робота і у мене це вийшло далеко не з першого разу. Для точної стиковки елементів ви можете переглядати їх в режимі Outline preview (Command / Ctrl + Y).