Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в Illustrator

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Сьогодні в уроці ми будемо робити візерунок гильоше за допомогою інструментів Adobe Illustrator Envelope Distort. Blend Tool і Pattern Brush. Гільоширований візерунок, або як його дехто називає - тангірная сітка, використовується для захисту цінних паперів та банкнот від підробок. Як правило, для створення шаблону вектора гильоше, дизайнери використовують спеціальне дорогі програми. Але сьогодні ми дізнаємося, що Adobe Illustrator допомагає створити гильоше, використовуючи тільки вбудовані функції. Давайте подивимося, як це робиться!

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Щоб почати, відкрийте Adobe Illustrator і створіть новий документ (Cmd / Ctrl + N). Монтажна область може бути будь-якого розміру і він буде однаково добре працювати в RGB або в CMYK кольорах.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Візьміть Pen Tool (P) і намалюйте хвилясту лінію без заливки, як показано на малюнку. Можна не повторювати точну форму моєї кривої, зробіть приблизну форму.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Створіть іншу криву нижче першої, але розташуйте її горизонтально.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Виберіть початкові точки двох шляхів, використовуючи інструмент Direct Selection Tool (A). потім, вирівняйте їх по горизонталі, натиснувши на Horizontal Align Left в панелі Align.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Точно так само потрібно вирівняти кінцеві точки кривих.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

З'єднайте початкові точки шляхів, використовуючи Pen Tool (P).

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Для наступного кроку цього уроку, вибрати верхній точки, в яких обидві криві перетинаються за допомогою Direct Selection Tool (A), потім перейдіть до Object> Path> Join (Cmd / Ctrl + J).

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Таким же чином ми з'єднаємо нижні точки шляху.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Створити горизонтальну лінію без заливки, використовуючи Pen Tool (P) або Line Tool (\).

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Довжина шляху не дуже важлива. Перемістіть отриману пряму на деяку відстань вниз, тримаючи клавішу Shift і Option / Alt, це повинно привести до того, що пряма лінія повториться.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Виберіть обидва сегмента прямої лінії, а потім використовуючи поєднання Cmd / Ctrl + Option / Alt + B. Тепер двічі клацніть на Blend Tool (W) значок на панелі інструментів. У діалоговому вікні виберіть задану відстань і встановити 4px в числовому полі.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

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

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Помістіть отриманий змішаний об'єкт під створеним раніше об'єктом, щоб зробити цей крок - перемістіть його вниз на панелі Layers.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Виберіть всі створені об'єкти, а потім перейти до Object> Envelope Distort> Make with Top Object.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Як ви можете бачити, ми отримали кілька дефектів, які вказані стрілками на малюнку вище. Щоб виправити їх зробіть Object> Envelope Distort> Envelope Options ... і збільшити значення Fidelity до значення 90-100.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Тепер всі дефекти усунені.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Перетягніть вийшов об'єкт в панель кистей, і в діалоговому вікні виберіть Pattern Brush.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Створіть коло з обведенням і без заливки, використовуючи інструмент Ellipse Tool (L), а потім застосуйте до нього створену кисть.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Як ви можете бачити, ми отримали досить складну форму - це наш новий гільоширований візерунок! Цей об'єкт є динамічним. Зробіть подвійне клацання на іконці кисті в панелі кистей, щоб відкрити діалогове вікно. Тепер давайте міняти параметри і спостерігати за змінами, що відбуваються.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Тепер давайте подивимося, як наш гільоширований візерунок буде виглядати, якщо ви застосуєте кисть до прямокутної форми.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Ми розглянули базову техніку створення власного гільоширований візерунка в Adobe Illustrator. Тепер я хотів би відзначити вам напрямок для ваших власних експериментів.

  • Як ви знаєте, об'єкт, створений в перші кроки, може бути абсолютно довільної форми. Чим більше об'єктів ви створюєте, тим більше видів шаблону вектора Гільйошування ви отримаєте.
  • Ви можете змінити кольори об'єктів змішування і значення кроку.
  • Змішуються об'єкти можуть складатися із шляхів різної форми (не тільки з прямих відрізків). Наприклад, ми можемо використовувати шлях у формі зигзага. На малюнках нижче показані проміжні етапи і кінцевий результат створеного шаблону гильоше.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

  • Замість об'єкта Blend, ви можете використовувати шлях, про якого йдеться створена нами кисть. Я створив елемент для кисті з декількох квадратів (кути нижньої площі і верхньої округлені).

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Давайте помістимо цей елемент в шаблон кистей в панелі Brushes. а потім застосуємо кисть до сегменту прямий.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Тепер, згідно з інструкціями ви можете зробити новий гільоширований візерунок!

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

  • Після створення об'єкта, ви можете продовжувати маніпулювати з точками, які приведуть до створення нескінченного типу числа візерунків.

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера

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

Для дизайнерів, яким захочеться зробити щось подібне в Photoshop, у мене є урок «Як створити реалістичний ефект (Орловська друк) грошей в Photoshop«.

Схожі уроки і статті

  • Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера
    П'ять основних режимів накладення в Photoshop для редагування фотографій
  • Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера
    Барвистий текст з маскированием в Illustrator
  • Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера
    Створюємо в Illustrator пасхальне яйце
  • Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера
    Робимо правильні буліти в Illustrator
  • Урок по створенню візерунка гильоше або тангірной сітки в illustrator - сайт дизайнера
    Створюємо музичну іконку-стікер в Illustrator

Схожі статті