welcome: please sign in
location: "パスの編集(練習)"の差分
2と13のリビジョン間の差分 (その間の編集: 11回)
2010-08-24 01:17:28時点のリビジョン2
サイズ: 1709
編集者: masahiko
コメント:
2010-10-09 13:03:14時点のリビジョン13
サイズ: 4883
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
#acl All:
行 10: 行 9:

'''ノードツール(ノードでパスを編集)'''を使います。
 . 選択移動ツールではパスの配置ができました。
 . ノード編集ツールではパスを構成するノードを編集することができます。

ノード編集ツールを選ぶと、画面上部のツールコントロールが次のように変わります。
四角で囲んだ部分。
 . {{attachment:path3b.png}}
このページの練習ではスナップはOFFにしておきます。
 . スナップコントロールのON/OFFは矢印で示したアイコンで行います。
 ON :: 四角で囲まれた表示
 OFF :: フラットな表示
----
=== フリーハンドツールで描いたパス ===
フリーハンドツールを用いてシャツを描いてみました。

がんばって描いたつもりでも、ギザギザの線になっています。
 . {{attachment:path30.png}}
拡大してみるとよくわかります。
 . {{attachment:path31.png}}
ノード編集ツールで選択してみると、
パスを構成しているノードが表示されます。
非常に沢山のノードでできていました。
個々のノードを移動してパスを修正できることを述べましたが、
こんなに沢山のノードを修正するのは大変です。
 . {{attachment:path32.png}}
行 12: 行 38:
フリーハンドツールを用いてシャツを描いてみました。
ノードは右のように23個ありました。
ノードの数を減らす機能があります。
これを使って適当な量までノードの数を減らします。
行 15: 行 41:
 . {{attachment:path31.png}}  . 1)「ノード編集ツール」でパスを選択します。
行 17: 行 43:
2)ノードの間隔が狭くて、角でないところのノードを減らしました。個数は17個になりました。  . 2)「パス」メニューから「'''パスの簡略化'''」を選びます。
行 19: 行 45:
 . {{attachment:path32.png}} ノードの個数が減っているのを確認しながら、
「パスの簡略化」何度か行います。
行 21: 行 48:
3)角ばらせたいノードを選んで角にするボタンを押します。丸くしたいのに角ばっているところがあれば、滑らかにするを押します。(フリーハンドツールで描いた場合は最初と最後の点以外は滑らかになっているでしょう) '''例'''
 . 元の形
 . {{attachment:path33.png}}
 . パスの簡略化を1回行った
 . {{attachment:path34.png}}
 . パスの簡略化をもう1回行った
 . {{attachment:path35.png}}
 . パスの簡略化をさらに数回行った
 . {{attachment:path36.png}}
行 23: 行 58:
 . {{attachment:path33.png}} 思ったとおりには減らないかもしれません。
次の作業ができる程度にして、次の作業に進みます。
行 25: 行 61:
4)ノードの位置やハンドルの位置を調整して、曲線の形を整えます。ハンドルの位置は曲線の向きを見ながら少しずつ動かして調整しましょう。特に引き出しすぎないよう注意してください。方向線の長さはそのセグメントの長さの3分の1位が目安です。 ノードを指定して減らす方法もあります。
 . 減らしたいノードを選択しておいて、このボタンを押します。
 . {{attachment:path3c.png}}
 . (詳しくは後日解説します)
行 27: 行 66:
 . {{attachment:path34.png}} ----
以下の作業は修正が必要と思われるノードに対してのみ行ってください。
すべてのノードに行う必要はありません。
行 29: 行 70:
どの作業が必要か考えましょう。
----
=== ノードの位置を修正する ===
行 30: 行 74:
全体の形を見ながら、ノードの位置を修正して形を整えます。
 . 必ずノードをつかんで移動すること。
 . ノードを隣のノードと近づけすぎないようにすること。

 . {{attachment:path37.png}}
----
=== ノードの種類を変更する ===

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

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

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

----
=== 方向線を調整する ===

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

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

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

'''例'''
 . 最初の形
 . {{attachment:path30.png}}
 . 修正後の形
 . {{attachment:path39.png}}

----

パスの編集(練習)

パスの編集例を示します。

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

  • ノードの個数は適当か
  • ノードがどこに必要か
  • どの種類のノードを使うか

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

  • 選択移動ツールではパスの配置ができました。
  • ノード編集ツールではパスを構成するノードを編集することができます。

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

  • [添付]

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

  • スナップコントロールのON/OFFは矢印で示したアイコンで行います。
  • ON
    四角で囲まれた表示
    OFF
    フラットな表示


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

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

がんばって描いたつもりでも、ギザギザの線になっています。

  • [添付]

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

  • [添付]

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

  • [添付]


ノードの数を減らす

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

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

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

  • 元の形
  • path33.png

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

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

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

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

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

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

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


以下の作業は修正が必要と思われるノードに対してのみ行ってください。 すべてのノードに行う必要はありません。

どの作業が必要か考えましょう。


ノードの位置を修正する

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

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


ノードの種類を変更する

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

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

丸で示したノードを角ばらせました。

  • [添付]

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

  • 丸くしたいノードを選びます。
  • 滑らかにするボタンを押します。
  • [添付]

3つのボタンの違いについては後日解説。


方向線を調整する

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

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

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

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

  • 最初の形
  • [添付]

  • 修正後の形
  • [添付]


注意

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

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

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