welcome: please sign in
location: "パスの編集(練習)"の差分
43と44のリビジョン間の差分
2015-10-05 12:51:46時点のリビジョン43
サイズ: 6522
編集者: masahiko
コメント:
2015-10-05 12:52:12時点のリビジョン44
サイズ: 6522
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 68: 行 68:
 . {{attachment:path54.png}}  . {{attachment:path55.png}}

パスの編集(練習)

このページではノードツール(ノードでパスを編集)を使ったパスの編集方法を説明しています。

上から2番めのツールがノードツールです。

  • path12.png

パスの編集は手間のかかる作業です。 修正量が多い場合には、描き直した方が早いでしょう。

直したいパスがあったとき、3つの方法が考えられます。

  • 描き直す
  • 一部分を描き直す
  • 修正する

最小限の修正や、描きにくい箇所の細かな修正だけをここで述べている方法で行うのをすすめます。


ノードの数

パスはノードの集まりとして表されています。 あまりにノードが多いパスは編集に向いていません。

鉛筆ツールで描くとき、スムージングの値が小さいとノードの多いパスができます。

  • path51.png

スムージングの値を調整して、少ないノード数で描いた例です。比べてください。

  • path53.png

ノード数を減らす機能もありますが、思ったとおりに働くとは限りません。 このページの最後で説明しています。


ノードの移動

パスはノードで構成されています。

ノードの1つを選んで移動することで、パスの形を修正できます。

ノード編集ツールはツールの上から2番めにあります。 このツールを選ぶと、ツールコントロールがこのように変わります。

  • path14.png

矢印で示したノードを選んで移動しているところです。

  • path52.png


ハンドルの調整

ノードから出ている線の端に丸印がついています。これをハンドルといいます。 ハンドルを移動することで、曲線の形を修正できます。

ノード編集ツールで、矢印で示した曲線部分をクリックしたところです。

  • path54.png

クリックした箇所の両側のノードが選択され、 その前後のいくつかのハンドルが表示されます。

ハンドルをドラッグして曲線がどのように変わるか確かめましょう。

曲線をドラッグすることも可能ですが、 ハンドルを使ったほうが調整が楽です。

  • path55.png

ノード1つを選択した場合も同様に、 ハンドルをドラッグして曲線の曲がり具合を調整できます。

1つのノードから出るハンドルは2つあり、 ノードの両側の曲線それぞれに対応しています。


ちょっとした修正で、美しい曲線が描けます。 次の点を考えて行いましょう。

  • ノードの個数は適当か
  • ノードがどこに必要か
  • そこは角か曲線か


ノードを指定して減らす方法もあります。

  • 減らしたいノードを選択しておいて、このボタンを押します。
  • path3c.png

  • (詳しくは後日解説します)


ノードを追加する

スムージングを大きくして描いた例では、 ノードが少なすぎてこのままでは修正できません。

角にしたい場所にはノードが必要です。

  • [添付]

ノードを追加したい位置を、ノードツールでダブルクリックして追加できます。 矢印の3箇所に追加しました。

  • [添付]


ノードの位置を修正する

全体の形を見ながら、ノードの位置を修正して形を整えます。

  • 必ずノードをつかんで移動すること。
  • ノードを隣のノードと近づけすぎないようにすること。
  • [添付]


方向線を調整する

ノードを選択すると、ノードから伸びている方向線(ハンドルともいう)が表示されます。 ハンドルの先についている○を移動することで曲線の曲がり具合を調整できます。

  • 少しずつ動かしてみましょう。
  • [添付]

滑らかなノードでは片方のハンドルを動かすと、 反対方向のハンドルも同時に動きます。

角ばったノードでは両側のハンドルは別々に動きます。 ノード間が直線のときは、ハンドルが無いこともあります。

  • 最初の形
  • [添付]

  • 修正後の形
  • [添付]


ノードの種類を変更する

滑らかなノードを角のノードにする

ノードの左右で方向線を別々に動かしたいときは、 角のノードに変更します。

  • 角ばらせたいノードを選びます。
  • 角にするボタンを押します。
  • [添付]

矢印で示したノードを角にしました。

  • [添付]

角のノードを滑らかなノードにする

角ばっているノードを丸くしたいとき

  • 丸くしたいノードを選びます。
  • 滑らかにするボタンを押します。次の3つのどれでも良い。
    • スムーズにする
    • 対称にする
    • 自動スムーズにする
  • [添付]


注意

フリーハンド線などを修正しても、バケツツールで作った部品は連動しません。

修正部分にバケツツールで作った部品がある人や、余分な部品がある人は、その部品を削除してから修正を行うとよいでしょう。


パスの簡略化

ノードの数を減ら機能もあります。

  • 1)「ノード編集ツール」でパスを選択します。
  • 2)「パス」メニューから「パスの簡略化」を選びます。

ノードの数は減りますが、思い通りの形になるかどうかわかりません。

  • 元の形
  • path33.png

  • パスの簡略化を1回行った
  • path34.png

  • パスの簡略化をもう1回行った
  • path35.png

  • パスの簡略化をさらに数回行った
  • path36.png

パスの編集(練習) (最終更新日時 2015-10-06 07:53:51 更新者 masahiko)