welcome: please sign in
location: "パスの編集(練習)"の差分
17と30のリビジョン間の差分 (その間の編集: 13回)
2011-10-13 06:27:06時点のリビジョン17
サイズ: 4880
編集者: masahiko
コメント:
2015-10-02 13:17:46時点のリビジョン30
サイズ: 6306
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 3: 行 3:
このページでは'''ノードツール(ノードでパスを編集)'''を使ったパスの編集方法を説明しています。

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

直したいパスがあったとき、3つの方法が考えられます。
 * 描き直す
 * 一部分を描き直す
 * 修正する

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

----
=== ノードの数 ===

----
行 31: 行 47:
がんばって描いたつもりでもギザギザの線になっています。 ==== スムージングの値が小さいとき ====
スムージングの値を小さくして描くと細かく描けますが、
がんばって描いたつもりでもギザギザの線になっています。
行 41: 行 59:
==== スムージングの値が大きいとき ====
スムージングの値を大きくすると滑らかに描けますが、
がんばって描いても細かいところは無視されてこんなふうになります。
 . {{attachment:path15.png}}
行 44: 行 66:
ノードの数を減らす機能があります。
これ
を使って適当な量までノードの数を減らします。
ノードの数が多ぎる場合は、
次の
機能を使ってノードの数を減らします。
行 71: 行 93:
----
=== ノードを追加する ===
スムージングを大きくして描いた例では、
ノードが少なすぎてこのままでは修正できません。
行 72: 行 98:
----
以下の作業は修正が必要と思われるノードに対してのみ行ってください。
すべてのノードに行う必要はありません。
角にしたい場所にはノードが必要です。
 . {{attachment:path16.png}}
行 76: 行 101:
どの作業が必要か考えましょう。 ノードを追加したい位置を、ノードツールでダブルクリックして追加できます。
矢印の3箇所に追加しました。

 . {{attachment:path17.png}}
行 85: 行 114:
----
=== ノードの種類を変更する ===

滑らかなノードを角ばったノードにする

 * 角ばらせたいノードを選びます。
 * 角にするボタンを押します。
 . {{attachment:path3e.png}}
丸で示したノードを角ばらせました。
 . {{attachment:path38.png}}

角ばっているノードを丸くしたいとき
 * 丸くしたいノードを選びます。
 * 滑らかにするボタンを押します。
 . {{attachment:path3d.png}}
3つのボタンの違いについては後日解説。
行 123: 行 135:
=== ノードの種類を変更する ===

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

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

 * 角ばらせたいノードを選びます。
 * 角にするボタンを押します。
 . {{attachment:path3e.png}}
矢印で示したノードを角にしました。
 . {{attachment:path18.png}}
==== 角のノードを滑らかなノードにする ====

角ばっているノードを丸くしたいとき
 * 丸くしたいノードを選びます。
 * 滑らかにするボタンを押します。次の3つのどれでも良い。
  . スムーズにする
  . 対称にする
  . 自動スムーズにする
 . {{attachment:path3d.png}}

----

パスの編集(練習)

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

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

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

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

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


ノードの数


概要

パスの編集には ノードツール(ノードでパスを編集)を使います。

  • path12.png

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

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

ノード編集ツールを選ぶと、画面上部のツールコントロールが次のように変わります。

  • path14.png

準備

このページの練習ではスナップはOFFにしておきます。

  • [添付]

  • スナップコントロールのON/OFFは矢印で示したアイコンで行います。
  • ONのとき
    四角で囲まれ凹んだような表示
    OFFのとき
    フラットな表示
  • スナップは他の部品の位置にぴったりあわせるときに使います。


フリーハンドツールで描いたパス

フリーハンドツールを用いてシャツを描いてみました。

スムージングの値が小さいとき

スムージングの値を小さくして描くと細かく描けますが、 がんばって描いたつもりでもギザギザの線になっています。

  • [添付]

拡大してみるとよくわかります。

  • [添付]

ノード編集ツールで選択してみると、 パスを構成しているノードが表示されます。 非常に沢山のノードでできていました。 個々のノードを移動してパスを修正できることを述べましたが、 こんなに沢山のノードを修正するのは大変です。

  • [添付]

スムージングの値が大きいとき

スムージングの値を大きくすると滑らかに描けますが、 がんばって描いても細かいところは無視されてこんなふうになります。

  • [添付]


ノードの数を減らす

ノードの数が多すぎる場合は、 次の機能を使ってノードの数を減らします。

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

ノードの個数が減っているのを確認しながら、 「パスの簡略化」何度か行います。

  • 元の形
  • path33.png

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

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

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

思ったとおりには減らないかもしれません。 次の作業ができる程度にして、次の作業に進みます。

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

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

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


ノードを追加する

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

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

  • [添付]

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

  • [添付]


ノードの位置を修正する

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

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


方向線を調整する

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

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

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

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

  • 最初の形
  • [添付]

  • 修正後の形
  • [添付]


ノードの種類を変更する

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

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

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

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

  • [添付]

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

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

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


注意

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

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

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