Как создать прямоугольник с закругленными углами / волнами, как это на Inkscape?


11

Я использую inkscape и пытаюсь создать структуру, подобную приведенной ниже, но все, что мне удается сделать, - это искаженный объект.

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

Я пытался использовать прямоугольник и комбинировать с кругами, но лучшее, что я получил, было это:

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


Я бы сделал изогнутый штрих, а затем преобразовал его в контуры.
DA01

Ответы:


10

Чтобы деформировать прямоугольник, нам нужно сначала преобразовать его в путь.

  1. Нарисуйте и выберите прямоугольник.
  2. Выберите « Путь»> «Объект к пути» .
  3. Выберите инструмент « Редактировать путь по узлам»введите описание изображения здесь (или F2)
  4. Выберите угловые узлы верхней линии прямоугольника

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

  5. Сделайте выбранную линию кривой, нажав введите описание изображения здесь

  6. Нажмите / потяните ручку кривой, пока не будете довольны
  7. Повторите шаги 4.-6 для нижней строки.

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

  8. Добавить цвет обводки, цвет заливки, эффекты

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

  9. Для большего количества волн добавьте узлы к выбранной линии введите описание изображения здесь


Спасибо за отличный учебник, но по какой-то причине я не смог выполнить шаг 5. В итоге я воспользовался предложением DA01. Но спасибо тебе в любом случае!
user180065

6

Я думаю, что лучше всего использовать Pattern Along Path в меню Path -> Path Effect Editor.

Таким образом, его легче редактировать. :)

Вот шаги:

  1. Создайте прямоугольник, похожий на тот, который вы хотите деформировать
  2. Преобразовать его в путь (меню Path => Object to Path)
  3. Скопируйте его в буфер обмена
  4. Создать кривую Безье деформации
  5. Выберите кривую Безье и перейдите в Path -> Path Effect Editor.
  6. Выберите Pattern Along Path и нажмите Add
  7. Нажмите на значок вставки (Проверьте скриншот)

Деформированный прямоугольник Скороговорка по пути


3

Просто документирование решения в комментариях , поднятого DA01

Нарисуйте путь:

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

На вкладке « Стиль обводки» диалогового окна « Заливка и обводка» установите ширину обводки на очень толстую (я установил для своей 65 000 )

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

Теперь, если вы хотите, чтобы это фигура (а не супер толстая линия), просто выделите линию и перейдите к Path> Stroke to Path :

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.