2013-09-04 17:11:40 +0000 2013-09-04 17:11:40 +0000
88
88

Inkscape - シェイプの角を丸くする?

Inkscape では、長方形の角を丸くするのは簡単です - オブジェクトを選択して F4 (長方形ツール) を押し、円形のノードをドラッグします。

もっと複雑な形状の場合はどうやっていますか?

“ダイナミックオフセット "はほぼ正しいのですが、凹んだ多角形の内側を丸くすることはできません。

回答 (17)

81
81
81
2014-08-07 00:52:53 +0000
  1. 矩形または正方形を選択する
  2. ノードオプション
  3. 右側の角に、正方形のノードの代わりに丸いノードが表示されます。お望みの丸い角になるまでノードをドラッグしてください。

ノードオプション。

角を丸くするためにドラッグする必要がある丸いウィジェット。

丸いウィジェットをドラッグするとどうなるか。

他の人が指摘しているように、これは長方形でしか動作しません(しかし、これはこのページに人が集まる一般的なユースケースです)。

24
24
24
2015-08-19 04:50:17 +0000

これは、Fillet/Chamfer パスエフェクトを使用して達成することができます(現在、開発者バージョン 0.91+develでのみ利用可能で、 ここ にあります)。

使用方法は以下の通りです:

1.修正したいパスを選択し、Path > Path Effects... の下にあるパスエフェクトタブを開きます。

  1. パスエフェクトウィンドウで新しいエフェクトを追加し、Fillet/Chamfer.

  2. パスの角に適用する半径を選択し、Filletボタンを押します。

  3. コーナーの一部だけを丸くしたい場合は、Change only selected nodes boxにチェックを入れ、パス編集モードで変更したいノードを選択してから、Filletボタンをクリックします。

20
20
20
2013-09-05 08:55:31 +0000

問題のあるその場しのぎの解決策ですが、これは非長方形の形状でも動作します。 2. オブジェクトをパスに変換 _ 3. ノードの追加_ (拡張機能 → パスの変更の下)。これはオプションですが、ほとんどの場合、結果が劇的に改善されるでしょう。多ければ多いほど良いです。 4. ダイナミックインセット(つまり、負の Dynamical Offset)をオブジェクトに適用します。 5. 必要であれば、もう一度 Object to Path に変換して _Simplify.

17
17
17
2016-01-16 12:10:05 +0000

割れに強いレーザーカットパーペックスデザインを作成する目的で、既存の不規則なポリゴンに丸みを帯びたコーナーを追加したいと思ったときに見つけた別の方法を紹介します。

  1. Edit Paths By Node (F2)ツールを選択し、丸みをつけたいコーナーノードを選択します。

  2. Ctrl-Altキーを押しながら、コーナーから離れた水平線に沿って少しクリックして、新しいノードを追加します。

  3. もう一度同じことをして、縦線に沿って少しだけクリックして新しいノードを作成し、別の新しいノードを追加します。

  4. この段階で2つの新しいノードに戻り、コーナーからのオフセットが一定になるようにします。

  5. コーナーノードを選択し、Delキーを押して削除します。これでコーナーは次のようになります。

1.左下の 2 つのベジエ点をドラッグして、満足のいく曲線になるようにします。Ctrl キーを押しながら、2 つの点を重ね合わせて、次のようにします。

17
17
17
2013-09-04 21:42:01 +0000

これはInkscapeの弱点のようで、簡単な方法がないことです。私がこれまでに見つけた最良の方法は次の通りです:

  1. 希望する最終的な角の半径 2 を使って、いくつかの丸みを帯びた四角形を作成します。それらを互いに突き合わせて全体的な最終的な形状を作る。それらを一つのパスにパスユニオンする
  2. ノードを削除して、余計なノッチを修正します。

幸運にも誰かがこのテクニックをオンラインで説明してくれています (少し下にスクロールしてください) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

あなた (と他の 5 万人の Inkscape ユーザ) が望むようにパスを変換できるパス編集ツールがどこかにあるといいですね。もしそうでなければ、これは素晴らしい週末のコーディングプロジェクトになるでしょう。

5
5
5
2015-03-04 10:11:40 +0000

別の方法を使ったことがあります。一度それに慣れて、スナップオプションの使い方を学んだら、かなり速く作業できることがわかりました。これは、軸に平行な直交線で構成されたパスに最適です。

1.正方形から必要な半径の円を引いて「カッター」の形を作ります。円の中心を四角の角に置き、四角の大きさを円のダイアメトリーとして設定します。これにより、カッターの中心が円弧のエッジと一致するようになります。

2. カッターを複製して再利用できるようにし、丸めたい角の上に置いて位置を合わせます。オブジェクトの中心とカスプノードのスナップを有効にして、カッターを希望の位置に正確に配置します。
3. 必要に応じて、カッターを中心に沿って回転させ、円弧を下側のパスのエッジに合わせます。元のパスとカッターを選択し、角が凸状の場合はブール値の差分を、凹状の場合はブール値の結合を行います。これで角が丸くなりました。 5. カッターを複製し、希望するすべてのコーナーに対して繰り返します。 6. 最初のシェイプが開いていた場合、ブーリアン操作で閉じてしまいます。プロセスの最後に再度開く必要があるかもしれません。

4
4
4
2018-11-13 16:50:04 +0000

もしあなたのバージョンのInkscapeにFillet/Chamferパス効果がない場合は、私が書いた拡張機能が参考になるかもしれません。 Inkscape Rounded Corners

4
4
4
2018-06-30 13:14:25 +0000

bonaccia ](https://superuser.com/users/424752/bonaccia) 回答 (それに感謝します)に触発されて、私は丸みを帯びた角を制御するためには、いくつかの追加の長方形や正方形とスニッピング機能を使用することができることを発見しました。私が作った以下のGIFをチェックしてみてください。

2
2
2
2018-03-31 17:14:39 +0000

Edit paths by nodesツールを使って解決できました。一端をどのように処理したかを紹介しますが、操作は端が平らな形状であればどのような形状でも動作するはずです。まずはこのような形状から始めてみましょう。

Edit paths by nodesツールを選択し、シェイプを選択します。シェイプの端が平らな場合、2つのノード(各角に1つずつ)があるはずです。これらのノードを選択して、Insert new nodes into selected segments ボタンをクリックします。

これにより、端の 2 つのノードの間に 3 つ目のノードが追加され、以下のようになります。

これで中央にノードができたので、丸みを帯びた角を作成することができます。ノードを選択して、次のようにポイントを作成するように引き離します。

直線上にドラッグするには、Ctrl+ドラッグを使用してください。点ができたので、ノードを滑らかにする必要がありますが、ここで Make selected nodes symmetric ボタンの出番です。

. これにより、ノードにいくつかのハンドルが追加され、ノードの形状を変更できるようになります。このようになります。

あとはハンドルを調整して(Ctrl キーを押しながらすべてをまっすぐにして)、希望の丸みを得るだけです。

2
2
2
2015-01-14 05:50:41 +0000

この問題のもう一つの解決策は、パス分割ツールを使用することです。ここでの利点は、半径を明示的に数値

で設定できることです。 矩形を作成 2. 2. 希望の半径

  1. 3. 円を矩形の角に揃える
  2. 矩形と円を選択し、Path-> Division
  3. 不要な角を削除する
  4. Do a Path-> 新しい円と元の長方形の間の結合を行う。
1
1
1
2015-02-21 13:04:49 +0000

ベジェ曲線を使うだけで成功したことがあります。例えば、OPのLの形を

|
|
|
 \
  \
   \ _________

(とてもラフなASCIIアートです!)のように描き、角を丸めたところに対角線を引いて、2本の線の結合点のベジェ曲線の制御点を調整します。

0
0
0
2016-06-05 19:32:02 +0000

もう一つの方法は、ストロークを作成して、JoinとCapを丸く設定する方法です。パスをコピーして所定の場所に貼り付け、コピーからストロークを削除します。そして、オリジナルを選択して、パスを選択して、パスを選択して、ストロークをパスにして、2つの図形を結合します。

0
0
0
2015-01-19 11:39:09 +0000

純粋に化粧品のような効果(つまり、丸みを帯びたパスで終わらせない)を得るためには、Filters > Blurs ¶> Cross-smooth効果を適用してみてください。それからフィルターエディタを開き、標準偏差効果パラメータを約1.0に設定します。

-1
-1
-1
2013-11-08 14:58:45 +0000

クリーンな解決策がないので、GIMPを使った別の解決策を挙げてみましょう!

1- このオブジェクトだけを別の Inkscape インスタンスにコピーします (他のオブジェクトがある場合に備えて)

2- ビットマップ (png ファイル) にエクスポートします

3- GIMP で png を開きます。

3- Select -> Feather -> by R pixels (the radius)

4- 選択範囲に色をつけて、保存/エクスポートして再びpngに

5- 修正したpngファイルをInkscapeで開き、"Trace Bitmap “ツールを使って丸みを帯びたパスを取得します(シェイプは単色のはずなので、簡単できれいなはずです)。

-1
-1
-1
2018-07-10 10:59:35 +0000

これはかなりうまくいくのですが、少し形が変わってしまいます。

Wrzlprmftさんの解決策と似ていますね。 結果 GIF step by step

申し訳ありませんが、画像を投稿するのに10の評価がありません

あなたは、Inkscapeの拡張機能を作成することもできます。

  • これらの入力を取ります。

  • これらの入力を取る:

  • これを実行します。

  • これらの入力を取ります:

  • それをします。

-2
-2
-2
2015-11-23 18:59:58 +0000

InkscapeのXMLエディタを使って、長方形の角を丸くすることができます。XMLエディタを開き、<svg:rect要素を選択します。rxとry属性を追加します。XMLエディタの右下には2つのフィールドとSetボタンがあります。一番上のフィールドにrxを入力し、10またはその他の数字を入力してSetを押してください。

-4
-4
-4
2016-06-19 06:30:18 +0000

実際にはとても簡単です。

1.角が長方形の形を作る。

  1. 矩形ツールをクリック

  2. 正方形のハンドルではなく、図形の角にある円形のハンドルをクリックします。

  3. Shift キーを押しながら円形ハンドルをドラッグすると、自動的に角が丸くなります。

**円形ハンドルをドラッグして角を丸くします。