web-dev-qa-db-ja.com

Inkscape - 図形の角を丸くする?

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

もっと複雑な形のためにどのようにそれをしますか?

polygon, and its rounded equivalent

「動的オフセット」はほぼ正しいものですが、凹面多角形の内側を丸めることはありません。

72
OJW

これを行う簡単な方法がないため、これはInkscapeの弱点のようです。私がこれまでに見つけたこれに対処するための最良の方法は:

  1. 目的の最終コーナー半径を使用して、いくつかの角丸長方形を作成します。
  2. 丸みのために角が合わないスポットを気にせずに、お互いに突き合わせて全体的な最終的な形を作ります。
  3. それらを1つのパスに結合する
  4. ノードを削除して、余​​分なノッチを修正してください。

幸いなことに、誰かがこのテクニックをオンラインで説明しています(ちょっと下にスクロール) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

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

15
DarenW
  1. 長方形または正方形を選択
  2. ノードオプションを選択します
  3. 右側の角には、正方形のノードではなく円形のノードがあります。目的の角が丸くなるまでノードを下にドラッグします。

ノードオプション:

2. The Nodes Option

丸い角の丸みをつけるためにドラッグする必要がある丸いウィジェット:

enter image description here

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

enter image description here

他の人が指摘しているように、これは長方形でしか機能しません(しかしそれはこのページに人を配置する一般的な使用例です)。

64
Yessica

問題のあるもう1つのその場しのぎの解決策ですが、これは長方形以外の形状にも有効です。

  1. あなたのオブジェクトに動的オフセットを適用します。
  2. オブジェクトをパスに変換します
  3. ノードを追加します拡張機能→パスの変更の下)。これはオプションですが、おそらくあなたの結果を劇的に改善するでしょう。多いほど楽しい。
  4. 動的インセット(つまり、負の動的オフセット)をオブジェクトに適用します。
  5. 必要に応じて、オブジェクトをパスにもう一度変換し、単純化します
19
Wrzlprmft

これは、フィレット/面取りパス効果を使用して実現できます(現在は開発者バージョン0.91+develでのみ利用可能です。 こちら にあります)。

これをどのように使うかです:

  1. 変更したいパスを選択してから、Path > Path Effects...の下のパス効果タブを開きます。

    Unmodified path

  2. パス効果ウィンドウに新しい効果を追加して、Fillet/Chamferを選択します。

    enter image description here

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

    The filleted path

  4. 角の一部だけを丸めたい場合は、Change only selected nodes boxをクリックし、パス編集モードで変更したいノードを選択してからFilletボタンをクリックします。

18
testedbox

これは、割れに対してより回復力のあるレーザーカットパースペックスデザインを作成する目的で、既存の不規則な多角形に丸みを帯びた角を追加したいときに発見した別の方法です。

  1. ノードごとにパスを編集(F2)ツールを選択して、丸めたいコーナーノードを選択します。

  2. 長押し Ctrl-Alt そして角から離れた水平線に沿ってわずかにクリックして新しいノードを追加します。

  3. 別の新しいノードを追加するために垂直線に沿ってわずかに新しいノードを作成するために同じことをもう一度行います。
  4. この段階で、2つの新しいノードに戻り、両方のノードがコーナーから一定のオフセットを持っていることを確認します。例えば2mm離れています。
  5. コーナーノードを選択してを押します Del それを削除します。あなたのコーナーは今このように見えるはずです:

rough corner

  1. 左下にある2つのベジェポイントをドラッグして、満足のいく曲線を形成します。押さえます Ctrl そしてこれらを次のように並べる:

Aligned

15
Andy Brown

私は別の方法を使いました。慣れてきてスナップオプションの使い方を学んだら、私はかなり早く仕事ができると思いました。これは、軸に平行な直交線で構成されたパスで最も効果的に機能します。

  1. 正方形から希望の半径の円を引いて、「カッター」形状を作成します。円の中心を正方形の角の1つに置き、正方形の大きさを円の直径と同じにします。これにより、カッターの中心が円弧の端と揃うようになります。
    enter image description here
  2. それを再利用することができるようにあなたのカッターを複製し、あなたが丸くしたい角にそれを置くようにそれを整列させる。オブジェクトの中心とカスプノードのスナップをアクティブにして、カッターを目的の位置に正確に合わせます。 enter image description here
  3. 必要に応じて、カッターをその中心に沿って回転させて、円弧をその下にあるパスのエッジと位置合わせします。
  4. 元のパスとカッターを選択し、角が凸の場合はブール値の差を計算し、凹の場合はブール値の和集合を指定します。あなたのコーナーは今丸みを帯びています!
  5. カッターを複製し、あなたが望むすべてのコーナーについて繰り返します。
  6. 最初の図形が開いていた場合は、ブール演算によって閉じられています。プロセスが終了したら再度開く必要があります。
4
bonaccia

bonaccia答え (それに感謝します)に触発されたことを発見しました丸みを帯びた角を制御する追加の長方形または正方形と切り取り機能を使用できます。私が作った以下のGIFをチェックしてください。

How to get control over rounded corners

3
kcpr

あなたのInkscapeのバージョンがFillet/Chamferパス効果を持っていないなら、私が書いた拡張子が役に立つかもしれません:

Inkscapeの丸みを帯びた角

Rounded corners extension example usage

2
Chris H

私はEdit paths by nodesツールを使ってこれを解決することができました。シングルエンドをどのように処理したかを説明しますが、操作は平らなEdgeを持つ任意の形状に対して機能するはずです。このような形から始めましょう:

enter image description here

Edit paths by nodesツールを選択して、あなたの形を選択してください。あなたの図形の端が平らであるならば、それは2つの節点(各コーナーに1つ)を持つべきです。それらのノードを選択してInsert new nodes into selected segmentsボタンをクリックしてください: enter image description here これは、最後に2つのノードの間に3番目のノードを追加し、次のようになります。

enter image description here

中央に節があるので、角を丸くすることができます。ノードを選択して引き離すだけで、次のようにポイントが作成されます。

enter image description here

Ctrlキーを押しながらドラッグして直線でドラッグします。ノードを滑らかにすることができるようにする必要があるので、ここでMake selected nodes symmetricボタンが表示されます。 enter image description here これにより、ノードの形状を変更できるように、ノードにハンドルが追加されます。これは次のようになります。

enter image description here

丸みを帯びるようにハンドルを調整します(Ctrlキーを押しながらすべてをまっすぐにします)。

With nodes selected

2
siannopollo

この問題に対する別の解決策は、パス分割ツールを使用することです。ここでの利点は、半径を数値として明示的に設定できることです。

  1. 四角形を作成する
  2. 希望の半径で円を描く
  3. 円を四角形の角に合わせる
  4. 長方形と円を選択し、パス - >分割を使用
  5. 不要なコーナーピースを削除する
  6. 新しい円と元の長方形の間でパス - >結合を行います
2
Joel

ベジェ曲線を使用するだけで成功しました。例えば。私はOPのL字型のように描くでしょう

|
|
|
 \
  \
   \_________

(非常に荒いASCII art!)つまり、丸みを帯びた角があるべき対角線を使って、2つの線の結合点のベジェ制御点を調整します。

1

純粋に表面的な効果(つまり、丸みを帯びたパスにならないように)では、フィルタ>ぼかし>クロススムーズを適用してみてください。効果。次に、フィルタエディタを開き、標準偏差効果パラメータを約1.0に設定します。

0
muteboy

もう1つの方法は、ストロークを作成し、結合とキャップを丸めるように設定することです。パスをコピーして所定の位置に貼り付け、コピーからストロークを削除します。次にオリジナルを選択し、パス>パスへのストロークを選択してから、2つの図形を結合します。

0
Gary