welcome: please sign in
location: "パスの編集(練習)"の差分
16と35のリビジョン間の差分 (その間の編集: 19回)
⇤ ← 2011-10-13 06:24:21時点のリビジョン16 →
サイズ: 4963
編集者: masahiko
コメント:
← 2015-10-03 13:16:46時点のリビジョン35 → ⇥
サイズ: 5883
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 2: 行 2:

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

上から２番めのツールがノードツールです。
 . {{attachment:path12.png}}

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

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

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

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

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

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

 . {{attachment:path51.png}}

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

 . {{attachment:path53.png}}

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

----
=== 概要 ===
行 13: 行 48:
ノード編集ツールを選ぶと、画面上部のツールコントロールが次のように変わります。
 . {{attachment:path14.png}}

=== 準備 ===
このページの練習ではスナップはOFFにしておきます。
行 15: 行 55:
 . {{attachment:path14.png}}
行 17: 行 56:

ノード編集ツールを選ぶと、画面上部のツールコントロールが次のように変わります。
 . {{attachment:path3b.png}}
このページの練習ではスナップはOFFにしておきます。
行 25: 行 60:
 * ver0.38ではスナップコントロールは画面右側に表示されます。
行 27: 行 61:
=== フリーハンドツールで描いたパス ===
フリーハンドツールを用いてシャツを描いてみました。

がんばって描いたつもりでも、ギザギザの線になっています。
 . {{attachment:path30.png}}
拡大してみるとよくわかります。
 . {{attachment:path31.png}}
ノード編集ツールで選択してみると、
パスを構成しているノードが表示されます。
非常に沢山のノードでできていました。
個々のノードを移動してパスを修正できることを述べましたが、
こんなに沢山のノードを修正するのは大変です。
 . {{attachment:path32.png}}

----
=== ノードの数を減らす ===
ノードの数を減らす機能があります。
これを使って適当な量までノードの数を減らします。

 . １）「ノード編集ツール」でパスを選択します。

 . ２）「パス」メニューから「'''パスの簡略化'''」を選びます。

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

'''例'''
 . 元の形
 . {{attachment:path33.png}}
 . パスの簡略化を１回行った
 . {{attachment:path34.png}}
 . パスの簡略化をもう１回行った
 . {{attachment:path35.png}}
 . パスの簡略化をさらに数回行った
 . {{attachment:path36.png}}

思ったとおりには減らないかもしれません。
次の作業ができる程度にして、次の作業に進みます。
行 70: 行 66:
----
=== ノードを追加する ===
スムージングを大きくして描いた例では、
ノードが少なすぎてこのままでは修正できません。
行 71: 行 71:
----
以下の作業は修正が必要と思われるノードに対してのみ行ってください。
すべてのノードに行う必要はありません。		 角にしたい場所にはノードが必要です。
 . {{attachment:path16.png}}
行 75: 行 74:
どの作業が必要か考えましょう。 ノードを追加したい位置を、ノードツールでダブルクリックして追加できます。
矢印の３箇所に追加しました。

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

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

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

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

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

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

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

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

----
=== 注意 ===
行 127: 行 136:

----
=== ノードの数を減らす ===
ノードの数が多すぎる場合は、
次の機能を使ってノードの数を減らすこともできます。

 . １）「ノード編集ツール」でパスを選択します。

 . ２）「パス」メニューから「'''パスの簡略化'''」を選びます。

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

'''例'''
 . 元の形
 . {{attachment:path33.png}}
 . パスの簡略化を１回行った
 . {{attachment:path34.png}}
 . パスの簡略化をもう１回行った
 . {{attachment:path35.png}}
 . パスの簡略化をさらに数回行った
 . {{attachment:path36.png}}

ノードの数は減りますが、形も変わってしまいます。

パスの編集(練習)

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

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

  • path12.png

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

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

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

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

ノードの数

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

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

  • path51.png

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

  • path53.png

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

概要

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

  • path12.png

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

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

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

  • path14.png

準備

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

  • [添付]

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

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

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

  • path3c.png

  • （詳しくは後日解説します）

ノードを追加する

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

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

  • [添付]

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

  • [添付]

ノードの位置を修正する

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

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

  • [添付]

方向線を調整する

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

  • 少しずつ動かしてみましょう。

  • [添付]

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

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

例

  • 最初の形

  • [添付]

  • 修正後の形

  • [添付]

ノードの種類を変更する

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

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

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

  • [添付]

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

  • [添付]

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

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

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

  • [添付]

注意

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

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

ノードの数を減らす

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

  • １）「ノード編集ツール」でパスを選択します。

  • ２）「パス」メニューから「パスの簡略化」を選びます。

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

例

  • 元の形

  • path33.png

  • パスの簡略化を１回行った

  • path34.png

  • パスの簡略化をもう１回行った

  • path35.png

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

  • path36.png

ノードの数は減りますが、形も変わってしまいます。

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