Inkscape - закруглення кутів фігур?


78

У Inkscape округлення кутів прямокутника легко - ви вибираєте об’єкт, натискаєте F4 (інструмент прямокутника) та перетягуєте кругові вузли.

Як це зробити для складніших фігур?

багатокутник і його округлий еквівалент

"Динамічне зміщення" - це майже правильна річ, але вона не округляє нутрощі увігнутого багатокутника.

Відповіді:


17

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

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

На щастя, хтось описав цю техніку в Інтернеті з ілюстраціями (прокрутіть трохи вниз) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

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


73
  1. Виберіть прямокутник або квадрат
  2. Виберіть параметр вузлів
  3. У правому куті ви побачите круглий вузол замість квадратного вузла. Перетягуйте вузол вниз, поки не отримаєте потрібний закруглений кут.

Варіант вузлів:

2. Варіант Вузлів

Круглий віджет, який потрібно перетягнути, щоб отримати закруглені кути:

введіть тут опис зображення

Що відбувається при перетягуванні круглого віджета:

введіть тут опис зображення

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


1
Що це за "параметр вузлів"? Знімки екрана були б чудовими.
RAnders00

15
Це чудово підходить для прямокутників або квадратів, але як це допомагає більш складним фігурам, як у запитанні?
Том Поль

4
"У Inkscape закруглення кутів прямокутника легко", - зазначав вступ до питання, перш ніж ставити питання про округлення не прямокутних фігур.
OJW

Слід зазначити, що це, наприклад, не буде експортувати належним чином у DXF. Ви можете використовувати меню "Шлях"> "Об'єкт до контуру (Shift-Ctrl-C)", щоб створити реальний округлий шлях.
Рокко

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

22

Цього можна досягти, використовуючи ефект шляху «Філе / Фаска» (наразі доступний лише у версії розробника 0.91+devel, який можна знайти тут ).

Ось як ви його використовуєте:

  1. Виберіть шлях, який потрібно змінити, а потім відкрийте вкладку ефектів шляху внизу Path > Path Effects....

    Немодифікований шлях

  2. Додайте новий ефект у вікно ефектів шляху та виберіть Fillet/Chamfer.

    введіть тут опис зображення

  3. Виберіть радіус, який потрібно застосувати до кутів шляху, і натисніть Filletкнопку.

    Фільований шлях

  4. Якщо ви хочете закруглювати лише деякі кути, поставте галочки Change only selected nodes boxта виберіть вузли, які потрібно змінити в режимі редагування контуру, перш ніж натиснути Filletкнопку.


2
Цей ефект, здається, доданий у Inkscape 0.92, який не випускається під час написання цього коментаря.
Леві Моррісон

1
Філе / фаска відсутня у версії 0.92pre1
Christian Strang

1
@ChristianStrang схоже, що його ще немає у випуску 0,92 :(
Cylindric

2
Однак станом на квітень 2017 року він ще не доступний, навіть у розробці (0.92.1preX). Ця функція була перенесена на віху 0,93, як ви бачите на трекері помилок . Отже, цього неможливо досягти без побудови експериментальної галузі .
ferran

1
Хороші новини! Філе / фаска доступна у версії 1.0 альфа, яка була випущена. В описі цього відео ви можете знайти посилання на попередньо
складену

20

Ще одне спрощене рішення проблем, але яке також працює для не прямокутних фігур:

  1. Застосовуйте динамічне зміщення до об'єкта.
  2. Перетворити об’єкт в шлях.
  3. Додати вузли (під розширеннями → Змінити шлях ). Це необов’язково, але, швидше за все, значно покращить ваші результати. Тим більше веселіше.
  4. Застосуйте до об'єкта динамічний вклад (тобто негативний динамічний зміщення ).
  5. За бажанням ще раз перетворіть об’єкт на шлях та спростіть.

3
див. також inkscape.org/doc/advanced/tutorial-advanced.html - вставка / зсув є ctrl + (і ctrl +), динамічне зміщення ctrl + J, щоб додати перетягувальну ручку
Jason S

17

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

  1. Виберіть інструмент " Редагувати шляхи по вузлу" (F2) та виберіть кутовий вузол, який потрібно зробити округлим.

  2. Утримуйте кнопку Ctrl-Altі трохи натисніть по горизонтальній лінії від кута, щоб додати новий вузол.

  3. Зробіть те ж саме знову, щоб створити новий вузол трохи по вертикалі, щоб додати ще один новий вузол.
  4. На цьому етапі я повертаюся до двох нових вузлів і переконуюсь, що вони мають постійне зміщення від кута. наприклад, на відстані 2 мм.
  5. Виберіть кутовий вузол і натисніть, Delщоб видалити його. Тепер ваш куточок повинен виглядати так:

шорсткий кут

  1. Перетягніть дві точки безьє вліво внизу, щоб вони утворювали задовільну криву. Я утримую Ctrlі вирівнюю їх один на одного, щоб виглядати так:

Вирівняний


Приємне рішення! Одне доповнення до кроку 3: Я б запропонував використовувати Extensions -> Modify Path -> Add Notes ...для додавання вузлів для того, щоб Вузли були на однаковій відстані до краю на кожному краї.
daniel.neumann

1
Однак це не так просто, якщо сторони об’єктів не вирівняні з прямокутною сіткою, а діагональні або нахилені будь-яким способом.
Зельфір Кальтшталь

5

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

  1. Відніміть коло з радіусом, який ви хочете, від квадрата, щоб створити форму «різця». Покладіть центр кола на один із квадратних кутів і розміріть квадрат як діаметр кола. Це гарантує, що центр різака буде вирівняний по краях дуги:
    введіть тут опис зображення
  2. Скопіюйте різцеву машину, щоб мати можливість її повторного використання та вирівняйте, поставте її на кут, який ви хочете округлити. Активуйте оснащення центрів предметів та вузлів, що вирівнюють, щоб вирівняти різак саме там, де ви хочете.введіть тут опис зображення
  3. При необхідності оберніть фрезу уздовж її центру, щоб вирівняти дугу з краями нижнього контуру
  4. Виберіть оригінальний шлях і різець і зробіть булеву різницю, якщо ваш кут опуклий, булева спілка, якщо вона увігнута. Тепер ваш куточок округлий!
  5. Скопіюйте кусач і повторіть всі бажані куточки.
  6. Якщо ваша початкова форма була відкритою, булева операція закрила її. Можливо, вам доведеться знову відкрити його в кінці процесу.

Напевно, найкраще рішення на даний момент (0,92,2)!
Рей

3

Натхненний bonaccia відповідь (за це спасибі) , я виявив , що , щоб отримати контроль над закругленими кутами Ви можете використовувати деякі додаткові прямокутник або квадрат і функцію відсікати. Ознайомтеся з наступним GIF, який я зробив.

Як отримати контроль над закругленими кутами


2

Іншим рішенням цієї проблеми є використання інструменту поділу шляху. Перевага тут полягає в тому, що радіуси можна чітко встановити як число

  1. Створіть прямокутник
  2. Створіть коло з потрібним радіусом
  3. Вирівняйте коло в кут прямокутника
  4. Виберіть прямокутник та коло та скористайтесь Шлях-> Відділ
  5. Видаліть небажаний кутовий шматок
  6. Зробіть Шлях-> Об’єднання між новим колом та оригінальним прямокутником

2

Мені вдалося вирішити це за допомогою Edit paths by nodesінструменту. Я покажу, як я обробляв єдиний кінець, але операція повинна працювати для будь-якої форми з плоским краєм. Починаючи з такої форми:

введіть тут опис зображення

Виберіть Edit paths by nodesінструмент і оберіть форму. Якщо кінець вашої форми рівний, у неї повинно бути два вузли, по одному для кожного кута. Виберіть ці вузли і натисніть Insert new nodes into selected segmentsкнопку: введіть тут опис зображенняЦе додасть третій вузол між двома вузлами в кінці, і буде виглядати приблизно так:

введіть тут опис зображення

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

введіть тут опис зображення

Обов’язково використовуйте Ctrl + drag, щоб перетягувати по прямій лінії. Тепер, коли ми маємо точку , ми повинні дозволити вузлу бути згладжені, і це де Make selected nodes symmetricкнопка входить: введіть тут опис зображення. Це додає кілька ручок до вузла, щоб ми могли змінити форму вузла. Це буде виглядати приблизно так:

введіть тут опис зображення

Тепер просто відрегулюйте ручки (утримуючи Ctrl, щоб все було прямо), щоб отримати бажану округлість:

З обраними вузлами


2

Якщо ваша версія Inkscape не має ефекту шляху філе / фаски, ви можете знайти розширення, яке я написав, корисним:

Inkscape Округлені кути

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


Мені довелося прочитати всі вищенаведені відповіді, щоб дійти до цієї відповіді, але вона того варта. Дійсно, це найближче до філе / фаска LPE. На офіційній сторінці Inkscape також є розширення "Філе і фаска", але це не працює для мене.
користувач1414213562

Я спробував це і отримав цю помилку
Foad

Дякую, це працювало для мене. Я перетворив свій зірковий багатокутник за допомогою "Об'єкт -> Шлях". Це автоматично додало вузли в куточки зірки. Потім я вибрав зірковий Шлях і застосував радіус за допомогою "Розширення> Змінити шлях> Закруглені кути". [Я використовую inkscape 0.92] EDIT: Якщо це розширення робить краї також закругленими замість кутів, просто перезапустіть Inkscape.
myDoggyWritesCode

1

Я мав успіх із просто використанням кривих Безьє. Наприклад, я б намалював форму L подібної форми

|
|
|
 \
  \
   \_________

(дуже грубе мистецтво ASCII!), тобто з діагональною лінією, де повинен бути закруглений кут, а потім регулюйте контрольні точки Безьє для двох точок з'єднання ліній.


0

Для чисто косметичного ефекту (тобто не закінчується округлий шлях), ви можете спробувати застосувати Фільтри> Розмивання> Поперечно гладкий ефект. Потім відкрийте Редактор фільтрів і встановіть для параметра Стандартний ефект відхилення приблизно 1,0.


0

Інший метод - створити обведення та встановити округлення Join and Cap. Скопіюйте контур і вставте на місце і видаліть обриси з копії. Потім виберіть оригінал і виберіть шлях> штрих до шляху, а потім об'єднайте дві фігури назад.


-1

Оскільки чистого рішення немає, згадаймо ще одне, використовуючи GIMP!

1- Зробіть копію лише цього об’єкта в іншому екземплярі Inkscape (якщо у вас є інші об'єкти)

2- Експорт у растровий файл (png-файл)

3- Відкрийте png за допомогою GIMP, оберіть фігуру за допомогою "Вибрати за допомогою інструмента кольорів"

3- Виберіть -> Перо -> Rпікселями (радіус)

4- Розфарбуйте виділення та знову збережіть / експортуйте у png

5- Відкрийте модифікований файл.


Існує кілька перелічених вище рішень. Вони нечисті? Подання векторного об’єкта в GIMP для редагування - це брудне хакерство.
Мартін Заске

1
@MartinZaske Більшість відповідей вище (які мають високу оцінку) обмежуються базовими формами, як прямокутники, або вони занадто великі вручну і не практичні для фігур із занадто великою кількістю кутів. У складних формах я думаю, що такий підхід був би набагато простішим і кращим, ніж більшість з вищезазначених відповідей. Також не було чистої відповіді, коли я розмістив це.
saeedgnu

-1

Він працює досить добре, але трохи змінює вашу форму.

Це схоже на рішення Wrzlprmft .

Результат

GIF поетапно

Вибачте, у мене немає 10 репутації для розміщення зображень

Ви також можете створити розширення Inkscape, яке:

  • Бере ці входи:

    • який кут ви хочете закрутити

    • міцність округлення ( r )

  • чим це:

Вибачте за мою страшну англійську


-2

Ви можете використовувати редактор XML в Inkscape, щоб зробити прямокутники закругленим кутом. Відкрийте редактор XML, виберіть <svg:rectелемент. Додайте атрибути rx та ry, в нижньому правому куті редактора XML є два поля та Setкнопка. Введіть rxу верхнє поле та 10будь-яке інше число, а потім натисніть Set.


Теоретично гарна ідея. Практично об'єкти, про які йдеться у питанні, вже не є прямокутниками. Можна встановити атрибути ryі, rxале вони не інтерпретуються.
daniel.neumann

-4

Насправді це дуже просто.

  1. Зробіть форму, яка має прямокутні кути.

  2. Клацніть на інструменті прямокутника

  3. Клацніть на одній із круглих ручок у куті форми, а не на одній із квадратних ручок.

  4. Натисніть Shiftі перетягніть кругову ручку, вона автоматично зробить закруглені кути.

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


3
Якщо це не змінилося останнім часом, це має працювати лише для простих прямокутників, про що не йдеться. Навіть на екрані екрана видно, що ви вибираєте лише прямокутник, який становить ліву частину фігури. Нарешті, на екрані екрана не виявляється потрібне внутрішнє округлення увігнутих кутів.
Wrzlprmft
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.