Як користуватися інструментом «Обробка контурів» в Adobe Illustrator

admin

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

освоїти професію комерційний ілюстратор

Навіщо потрібна обробка контурів

Інструмент допомагає створювати нові форми з існуючих фігур. Обробка контурів або ж Pathfinder Adobe Illustrator — це інструмент, який дозволяє змінювати форму та напрямок контурів об'єктів. З його допомогою можна:

  1. Редагувати криві, робити їх плавнішими або, навпаки, гострішими.
  2. Додавати та видаляти вузли.
  3. Змінювати розташування та напрямок відрізків кривих.

Він корисний при створенні векторних зображень, логотипів та ілюстрацій, оскільки дозволяє детально налаштовувати форму та структуру об'єктів. Крім того, з його допомогою можна легко створювати різні візуальні ефекти: згини, злами, заокруглення та інші.

Логотипи, створені інструментом «Обробка контурів». Джерело

Розкрийте себе через ілюстрацію та пориньте у дизайн-середовище

Інструкція

Почнемо з пошуку цього інструмента у вкладці Вікно → Обробка контурів. Або застосуємо поєднання гарячих клавіш Shift+Ctrl+F9.

Ми підготували заготівлю, де покажемо, як можна працювати з цим інструментом. Завантажити файл можна тут.

Додати до фігури

Почнемо з першого варіанта взаємодії Додати.Виділимо два кола, натиснемо на іконку взаємодії та побачимо, що два наші кола об'єдналися в один контур.Після того, як ми об'єднали два кола, отриманий контур набуває властивостей верхнього об'єкта. Відповідно, він забарвився у болотяний колір.

Відняти від фігури

Для цього виділимо два кола та натиснемо на другу іконку взаємодії. Підсумок – з нижньої фігури відбудеться віднімання верхньої.

Перетин фігур

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

Виняток фігур

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

Поділ

При застосуванні інструменту Поділ візуально нічого не змінюється.

Але якщо ми розгрупуємо об'єкти, що вийшли, то побачимо, що після застосування цього інструменту наші фігури обрізалися в точках перетину.

професія | 8 місяців

Любите малювати? Перетворіть хобі на професію та на практиці освойте 5 популярних напрямків ілюстрації

Відсікання

Проробивши ті ж дії з другим інструментом — Відсікання, ми побачимо, що фігури розрізаються у сфері перетину.

Об'єднання

Об'єднання також обріже фігури, але застосує лише верхній контур фігури.

Обрізка зовні

Наступний інструмент Обрізання зовні обріже фігури за зовнішнім контуром верхнього об'єкта.

Контур

Контур розріже фігури в області перетину та залишить лише їх контур.

Мінус нижній

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

Приклади робіт

Проект із редизайну логотипу для житлового комплексу «Екогород 2»

Відмінний приклад використання функції Віднімання. З прямокутників і ліній різної ширини під певними кутами відняли фігуру, щоб досягти ефекту хмарочоса, складеного з простих ліній. Ці лінії згрупували, виділили із цифрою «2», яку також перевели в криві, і знову застосували Віднімання у нижній лівій області логотипу.

Логотип «Екогород 2». Джерело

Дизайн календаря з авторськими ілюстраціями

У проекті були використані Додавання і Віднімання. За допомогою таких нескладних форм було зібрано ілюстрації.

Прототип календар з тварин. Джерело

Векторні ілюстрації персонажа

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

Приклад створення персонажа. Джерело

Дизайн-хвиля – ваше експрес-занурення у дизайн-професії. Беріть участь в ефірі з експертами, виконайте нескладні практичні завдання та отримайте подарунки.

Як користуватися інструментом «Обробка контурів» в Adobe Illustrator - Priroda.v.ua

Складовий контур (складний контур) є об'єктом, що складається з декількох об'єктів, що перекривають один одного, скомбінованих в єдиний контур (на відміну від складових об'єктів — compound shape).

Як прибрати складовий контур в Ілюстраторі?

Як зробити складний контур в Ілюстраторі?

Щоб створити складний контур у Illustrator, перейдіть до потрібних фігур і скористайтеся командою Object → Compound Path → Make. Якщо фігури перекриваються, то в результаті складеної фігури будуть дірки.

Як вийти з режиму контуру в Ілюстраторі?

Щоб вийти з цього режиму, натисніть Esc.

Як розгрупувати контур в Ілюстраторі?

Як змінити контур в Ілюстраторі?

Як в Ілюстраторі об'єднати все в один об'єкт?

Викличте інструмент Join Tool на головній панелі інструментів у лівій частині робочого вікна Adobe Illustrator. Затисніть ліву кнопку миші і проведіть курсор через відрізки ліній, що опинилися всередині майбутньої фігури. Повторіть для всіх ліній, що перетинаються, які повинні утворити нову фігуру.

Як обрізати контур в Ілюстраторі?

Як перетворити контур на об'єкт ілюстратора?

Контур із декоративними штрихами можна конвертувати у звичайний векторний об'єкт, який доступний для обробки інструментами групи Реn (Перо). Для цього слід виділити такий контур і виконати команду Expand (Перетворити) меню Object (Об'єкт).

Як розбити складовий контур?

Для цього необхідно виділити необхідний простий контур у складі складного за допомогою інструмента Direct Selection (Часткове виділення) ( ). Розбити виділений складовий контур можна за допомогою команди Release (Скасувати) меню Object | Compound Path (Об'єкт | Складовий контур).

Як повернутися на крок назад в Ілюстраторі?

CTRL+Z – Undo (Скасувати). CTRL+SHIFT+Z — Redo (Повторити скасовану дію).

Як прибрати чорне обведення в Ілюстраторі?

Ви можете змінити цей момент. Відкрийте Illustrator > Preferences > General/Ілюстратор > Налаштування > Основні та поставте галочку біля опції Use Preview Bounds/Використовувати межі перегляду. У цьому випадку маніпулятори з'являтимуться навколо обведення.

Як увімкнути режим перегляду в Ілюстраторі?

Для створення та збереження параметрів відображення необхідно використовувати команду New View (Новий вигляд) меню View (Перегляд), яка відкриває діалогове вікно New View (Новий вигляд). У полі Name (Ім'я) слід ввести довільне ім'я або прийняти запропоноване програмою, наприклад New View 1 тощо.

Як розгрупувати рисунок?

  1. Щоб розгрупувати зображення на вкладці Робота з малюнками | Формат виберіть Групувати > Розгрупувати.
  2. Щоб розгрупувати фігури та об'єкти, на вкладці Засоби малювання | Формат виберіть Групувати > Розгрупувати.

Як створити групу ілюстратора?

Щоб помістити сукупність об'єктів у групу, їх необхідно виділити та виконати команду Group (Згрупувати) меню Object (Об'єкт). Для зворотної операції призначена команда Ungroup (Розгрупувати) того самого меню. Група може бути "вкладеною", тобто.

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

Налаштування інструментів для малювання контуру в Illustrator

У цьому векторному уроці я використовуватиму ескіз лісовика (гоблін), який люб'язно надала Вікторія Васильєва.

З технічної точки зору існує кілька способів малювання контуру Illustrator. Можна використовувати графічний планшет. У цьому випадку для створення контуру використовуйте інструменти Blob Brush Tool (Shift+B) або Paintbrush Tool (B). Налаштування цих інструментів показано нижче.

Позначте Merge Only with Selection у діалоговому вікні Blob Brush Tool options у разі використання цього інструменту.Це необхідне використання описаного далі методу. Якщо ви будете використовувати Paintbrush Tool для малювання, необхідно додатково налаштувати параметри пензля. Я волію використовувати круглу кисть, її параметри показані на малюнку нижче

Дам ще вам кілька порад, які допоможуть швидко керувати товщиною і точністю лінії в процесі малювання. Для зменшення/збільшення діаметра пензля використовуйте клавіші "[" / "]”. Для відкриття діалогового вікна опцій інструменту Paintbrush Tool натисніть Enter і введіть необхідне значення. тобто лінія відображатиме всі мікро рухи вашої руки. Для довгих ліній краще збільшити значення точності, а для коротких – зменшити.

Ви можете створювати контур без графічного планшета. У цьому випадку використовуйте інструмент ілюстратора Pen Tool (P) та Art Brush еліптичної та трикутної форми.

Використовуйте панель Stroke для керування шириною лінії.

Ви також можете використовувати зміни Width профілю в панелі Stroke.

У цьому випадку регулюйте ширину лінії за допомогою Width Tool (Shift+W)

Отже, вибираємо зручний та доступний інструмент та створюємо контур нашого персонажа.

Очищення контуру в Illustratore

Тепер приступимо до очищення контуру. Задля цього я й пишу цей векторний урок по роботі з контуром в ілюстраторі. Виділяємо весь контур, потім переходимо Object > Expand Appearance. Не слід виконувати цю дію, якщо ви використовували Blob Brush Tool (Shift+B)

Тепер натискаємо на Divide у панелі Pathfinder (Window > Pathfinder)

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

Залишилося виділити та видалити непотрібні його частини. Для виділення можна використовувати інструменти ілюстратора Direct Selection Tool (A) або Lasso Tool (Q), що краще.

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

Однак, на мою скромну думку, в Illustrator краще відразу створювати кольоровий контур, хоча б з тієї причини, що чорний контур повинен бути дещо тоншим, ніж кольоровий. Отже, кілька хвилин, і наш контур очищений.

Після забарвлення мій гоблін виглядає так.

Ви також можете прочитати про способи роботи з контуром в Adobe Illustrator та про його розмальовку в Illustrator, перейшовши за наступними посиланнями:

Будьте завжди в курсі свіжих новин про векторну графіку, нових уроків роботи в Adobe Illustrator, статей та інтерв'ю присвячених графічному дизайну. Команда RU.Vectorboom працює для Вас!

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

Розфарбовування групи зі швидкою заливкою

Метод швидкого заливання робить процес фарбування більш схожим на роботу з традиційними інструментами розфарбовування, при якій не беруться до уваги шари або порядок розміщення. Такий підхід може виявитися більш зручним та природним у процесі роботи.Усі об'єкти групи з швидкої заливкою розглядаються як частини однієї й тієї ж плоскої поверхні. Це означає, що можна намалювати кілька контурів, а потім застосувати колір окремо до кожної області, обмеженої цими контурами (так званим фрагментам). Можна також застосовувати різні кольори та товщину обведення до сегментів контуру між перетинами (так званим краям). Таким чином, немов у книжці-розмальовці, можна заливати кожен фрагмент та обводити кожен край іншим кольором. При переміщенні або зміні форми контурів у групі із швидкою заливкою фрагменти та краї автоматично змінюються відповідним чином.

Про заливання та обведення

Заливання – Це колір, візерунок або градієнт усередині об'єкта. Можна застосовувати заливки до відкритих і закритих об'єктів та фрагментів у групах із швидкою заливкою.

Елементи управління заливкою та обведенням

Виберіть товщину лінії в меню, що розкривається.

Застосування кольору заливки

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

Застосування кольору обведення

Перетворення обведень на складові контури

Перетворення обведення на складовий контур дозволяє змінити зовнішній вигляд обведення. Наприклад, можна створити обведення з ділянками різної ширини або розділити обведення на частини.

Виберіть Об'єкт > Контур > Перетворити обведення на криві.

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

Створення об'єднаних контурів

Контури з обведеннями неможливо об'єднати.

Виберіть контур, з яким потрібно об'єднати новий контур.

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

Об'єднати лише з виділеною областю

Нові обведення з'єднуються з існуючим виділеним контуром. Якщо цей параметр вибрано, обведення, що створюється, не зливається з контуром, що перетинається, який не виділено.

Визначає розмір пензля.

Виділення об'єктів з однаковою заливкою та обведенням

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

Створення кількох заливок та обведення для одного об'єкта

Минулого уроку ми малювали контур гітари з фотографії, а зараз розфарбуємо його. Якщо малювати кольорові плями вручну під контуром, це займе багато часу, крім того, в деяких місцях можлива нерівність, при використанні автоматичного інструменту робиться це одним натисканням кнопки . У цьому уроці я розповім, як розфарбувати векторне зображення в Adobe Illustrator CC вручну та автоматично.

Розфарбовування вручну

Для ручного методу підійде інструмент "Пензель-ляпка", який можна поєднувати з "Олівцем", щоб домальовувати дрібніші деталі. Іноді заливка може виходити за контури, тому, періодично це потрібно підправляти "Ластик". Мій графічний планшет дозволяє прати зайве зворотним боком пера.

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

Розфарбовування об'єкта автоматичним способом

Але є легший спосіб заливання кольором. Виділіть весь малюнок та візьміть інструмент "Швидка заливка". Цей інструмент розпізнає простір обмежений контурами і заливає його вибраним кольором.Виберіть потрібний колір та наведіть мишкою, контур області підсвічується. Якщо цього немає, значить є занадто великий зазор між контурами, бажано перед розфарбуванням їх замкнути. Тепер достатньо натиснути по областях, які ви хочете розфарбувати.

Виділяйте лише ті області, колір між якими має бути різним.

Наприклад, струни та лади накладаються поверх малюнка і не розмежовують кольори, тому я зняв із них виділення.

Інструмент "Швидка заливка" діє як ефект. Тому, після завершення розфарбовування малюнок необхідно ще раз "Розібрати" на об'єкти. А потім кілька разів розгрупувати.

Тепер можна виставити правильні кольори з палітри або взявши зразок "Піпетка" з фотографії.

Додавання тіней, відблисків та додаткових деталей.

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

Беремо інструмент "Створення фігур" та утримуючи клавішу ALT натискаємо по зайвій області. Тепер новий елемент можна перефарбувати в інший колір.

А ось і готовий векторний малюнок гітари, тепер його можна використовувати у макеті або продати на мікростоку.

Детальніше про розмальовування у відео уроці:

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

Adobe llustrator – це програма для створення векторної графіки, популярна серед графічних дизайнерів та інших професіоналів. Ви можете зробити 3D графіку та логотипи для інтернету, друкованих матеріалів, мобільних додатків та інше.Хоча Adobe Systems випускають нову версію Creative Suite (CS) кожні кілька років, деякі базові функції залишаються незмінними, наприклад вибірка, форми та розмальовка. Протягом багатьох років Adobe додала безліч додаткових способів фарбування, які дозволяють вам розфарбувати ваш проект легше. Навчіться, як розфарбовувати Adobe Illustrator.

У мене є наступний малюнок, на якому мені потрібно зробити заокруглення по кутах:

Чи є якийсь інструмент, щоб уникнути цього вручну? Я спробував Ефект> Стилізація> Круглі кути інструмент, але він застосує округлість також до кіл.
Я використовую версію Adobe Illustrator CS6.

Нема простого способу зробити це в Illustrator CS6. (В останній парі випусків CC Adobe реалізував інструмент під назвою Live corners, який робить це)

Якщо ви використовували ефект закругленого кута, він деформує коло (див. нижче).

Спочатку вам потрібно трохи підготуватися:

Додайте лінію (у моєму випадку пунктирну) на заблокованому фоновому шарі (щоб рівномірно вирівняти обидві опорні точки)

Потім розмістіть там 2 точки прив'язки (по одній з кожного боку), і лише після цього ви зможете використати Ефекти → Закруглені кути

Проблема з першим робити закруглені кути ефекту, є те, що він викликає коло, щоб деформувати (бо немає ніяких опорних точок, якщо ви додасте їх, він зупиняє округлення в цій точці якірної)

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

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

Накладення на 30% (після цієї точки прив'язки решта шляху не торкається):

Для більш простого та легкого методу я б порекомендував відмінний плагін від Astute Graphics* під назвою Vectorscribe.

Це дуже просто та зручно. (Це не безкоштовно, але вони пропонують 14-денну безкоштовну пробну версію)

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

Vectorscribe у дії:

* Я не пов'язаний з Astute Graphics

Інші дали відповідь, яка працює на око та plugi. Я дам 2 відповіді, які працюють за вимірами. Один із них використовує скрипт, інший – ручний.

За сценарієм

Є чудово корисний скрипт від Хіроюкі Сато, що викликається за будь-яким кутом, що дозволяє робити це швидко та безболісно, ​​як і версії CC. Хоча графічний інтерфейс трохи незграбніший.

По зміщенню

Якщо у вас є форма, яку ви хочете округлити, скажімо, на радіус 12 пунктів, ви можете помістити контур на -12 пунктів і помістити центр кола в новий кут. (ви можете намалювати точне коло, клацнувши alt по кутку усунення і набравши 24pt на 24 pt).

Хоча це може бути марно для округлених кутів у масі, це добре, коли вам потрібні точні некруглі кути;)

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

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

Потім, використовуючи точку прив'язки, + , і видаліть точку прив'язки, – , інструменти.

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

  • 1 OP попросив спосіб уникнути цього вручну, ІМХО, це приблизно так само вручну, як і виходить.
  • Насправді це трохи повільно, і я шукаю швидкий метод 🙁 .. але, що мені сподобалося в цьому методі, так це те, що ви можете збільшити розмір кривої, так що це також корисно, спасибі!
  • Перейдіть до режиму структури (Перегляд > Структура)
  • Збільшити масштаб, щоб добре бачити шляхи.
  • Намалюйте коло діаметром бажаної кривої.
  • Поєднайте коло з краями вашої існуючої форми.
  • Візьміть Інструмент побудови фігур і просто тягніть по кутках.
  • Видаліть кола.
  • За потреби приберіть.

Вам просто потрібно переконатися, що коли перекривають вихідні шляхи об'єкта.

На мою думку, саме такі речі роблять VectorScribe незамінним помічником. Неможливо без підключення, але 60 секунд вручну або 3 секунди з підключенням. Крім того, модуль, що підключається динамічний так що я можу змінити радіус кривої пізніше, якщо мені потрібно. Без плагіна це неможливо зробити ефективно.

Як би там не було. Я досі працюю в основному в CS6, тому що віддаю перевагу йому. У мене є CC, але все, що зробив Illustrator CC, – це скопіював функції плагіна AstuteGrahics і зробив їх частиною власної програми, але вони як і раніше не такі гарні від Adobe, як плагіни, навіть при використанні AICC. Я використовую VectorScribe як CS6, так і CC.

  • Я би використав Astute Graphics Subscribe (яка є безкоштовно), щоб ці кола ідеально вирівнялися, див. мій пост
  • Так @WELZ, але справа була в без плагіни 🙂

Ось ще один спосіб.

Зробіть з'єднувач ширшим, ніж вам потрібно.

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