Як застосувати різні радіуси округлення до кутів векторного об’єкта в adobe illustrator - rboom

Часто, від початківців векторних дизайнерів можна почути запитання: як вибірково округлити кути векторного об'єкта в Adobe Illustrator. Звичайно, для цього існують плагіни і скрипти, але кращі з них, на жаль, платні. Сьогодні я розповім вам про декілька варіантів вирішення цього завдання за допомогою стандартних інструментів Adobe Illustrator. Методики розроблені моїми друзями ITT і Artelles.

В Adobe Illustrator існує ефект Round Corners, за допомогою якого можна округлити кути виділеного векторного об'єкта. Створимо довільний прямокутник за допомогою Rectangle Tool (M).

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Заокруглені кути прямокутника радіусом 100 px. Для цього переходимо Effect> Stylize> Round Corners.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Недолік даного методу: всі чотири кути прямокутника заокруглені на однаковий радіус. Змінити радіус округлення окремих кутів за допомогою даного методу неможливо.

Для зміни радіуса округлення окремих кутів прямокутника ми будемо використовувати Scissors Tool (C). За допомогою даного інструменту розріджена прямокутник у верхній правій і нижній лівій точках.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Застосувавши Round Corners Effect, округлимо верхній лівий кут радіусом 100 px.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Тепер виділимо другу частину прямокутника і округлимо нижній правий кут радіусом 50 px.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Для з'єднання розрізнених частин прямокутника необхідно їх виділити і перейти Object> Expand Appearance, після чого в панелі Pathfinder натиснути Unite.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

У наступному методі ми будемо використовувати додаткові точки і піксельну сітку. Включимо піксельну сітку (View> Show Grid) і створимо прямокутник.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Використовуючи Round Corners Effect, округлимо кути прямокутника на 100 px.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Для зміни радіуса округлення верхнього лівого кута за допомогою Pen Tool (P) встановимо дві додаткові точки на однаковій відстані від кутової точки.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

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

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

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

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

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Використовуючи Convert Anchor Point Tool (Shift + C), конвертуємо одну з кутових точок в гладку і потягнемо за її ручку так, щоб її Endpoint знаходився в точці A.

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom

Як застосувати різні радіуси округлення до кутів векторного об'єкта в adobe illustrator - rboom