|
サイズ: 42
コメント:
|
サイズ: 10632
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 3: | 行 3: |
| . {{attachment:path.png}} . {{attachment:path1.png}} パス フリーハンドツールなどで描ける線はパスと呼ばれます。オープンパスとクローズパスの２種類がありました。 パスの情報も数値データとして記録されます。その構成は次のようになっています。 パスはセグメントが順につながったものです。 セグメントの端はノード（アンカーポイント）で、ノードでの曲線の方向を表す方向線とその先にあるハンドルの位置で曲線の形が決まります。 パスの構造 この図のパスは３つのセグメント、４つのノードから出来ています。 方向線は対応するノードでの曲線の方向（接線方向）を表します。 セグメントが直線の場合には方向線が無いこともあります。 あるノードから両側にのびている方向線が一直線になっているとき、その部分は滑らかな曲線になります。 方向線が一直線でないとき、そのノードの位置は角になります。 パスの編集 パスの編集にはパス／ノードツールノードツールを使います。 このツールでパスを選択するとノードやハンドルが表示され、それらをドラッグしてパスの形を修正することができます。 パス／ノードツールを選ぶと２段目のボタン類が次のように変わります。 ツールコントロール A ノードの追加（挿入） B ノードの削除 C,D,E,F パスの接続と切断 G ノードを角にする H ノードを滑らかにする I 方向線を対称にする J セグメントを直線にする K セグメントを曲線にする L 基本図形などをパスに変換する M パスをストロークに変換 N ハンドルを表示する このうちＡ，Ｂ，Ｇ，Ｈ，Ｉ，Ｊ，Ｋ，Ｎについて解説します。 C,D,E,F,L,Mについては後日予定。 Ａ，Ｂ，Ｇ，Ｈは今日の課題で使います。 A : ノードの追加 隣り合った２つのノードを選択しこのボタンを押すと、間にノードが追加されます。 ３つ以上のノードを選択して行うこともできます。 複数のノードを選択する方法はshiftクリック。 追加した直後は、選択した点と追加された点の両方が選択された状態になっています。 B : ノードの削除 パスの途中にあるノードを削除すると、曲線はつながったままでノードの数が減ります。 端のノードを削除するとそのノードを端とするセグメントが削除され、曲線は短くまります。 G : ノードを角にする そのノードから出ている方向線は別々に動かせるようになります。 H : ノードを滑らかにする そのノードから出ている方向線は一直線になり、一方の向きを変えると他方も一緒に動くようになります。 I : 方向線を左右対称にする Ｈと同様です。さらに両側の方向線が同じ長さになります。 J : セグメントを直線にする 隣り合った２つのノードを選択しこのボタンを押すと、その間の方向線とハンドルは無くなりセグメントは直線になります。 K : セグメントを曲線にする 隣り合った２つのノードを選択しこのボタンを押すと、その間のセグメントに方向線とハンドルが追加されます。 N : 方向線とハンドルを表示 このボタンが押された（へこんだ）状態のとき、選択したセグメントの方向線とハンドルが表示されます。もしハンドルが表示されないときはここをチェックしましょう。 パスメニューにある機能 下から３番目にある「パスの簡略化」は使えると思います。 ほかのものは後日説明します。 パスの編集 パスの編集にはパス／ノードツールツールを使います。 このツールでパスを選択するとノードやハンドルが表示され、それらをドラッグしてパスの形を修正することができます。 パス／ノードツールを選ぶと２段目のボタン類が次のように変わり、ボタンを使って対応する操作を行えます。 ツール この他にメニューから選択できる機能もあります。 ノードの追加と削除 ボタンのうちの２つ追加はノードの追加と削除を行うためのものです。 ＋がついているボタンがノードの追加です。 隣り合う２つのノードを選択しておき、このボタンを押すと選択しておいたノードの間に新しいノードが追加されます。 追加直後は選択しておいたノードと追加されたノードの両方が選択されているので注意してください。 ３つ以上のノードを選んだ状態で行うこともできます。 追加 −がついているボタンがノードの削除です。 ノードを選択しておいてこのボタンを押すと、選択しておいたノードが除かれます。そのため曲線の形は簡潔になります。 削除 パスの接続と切断 次の４つのボタン接続はパスの接続と切断を行うためのものです。 １番目はつながっていない２つのノードを接続し１つのノードに変えます。 選択する２つのノードはパスの端でなければなりません。 パスの両端のノードを選んで行うとこのようになります。 接続 ２番目も接続を行いますが、もとのノードはそのままの位置で２つを結ぶセグメントが追加されます。 選択する２つのノードはパスの端でなければなりません。 パスの両端のノードを選んで行うとこのようになります。 接続 ３番目は切断です。２番目の操作と逆になります。 となりあった２つのノードを選択しこの処理を行ったときの例を示します。 切断 ４番目も切断です。１つのノードだけを選択して行います。 その場所で切断されますがノードの位置は変わらないので、２つのノードが同じ位置に重なっている状態になります。 切断後に選択して移動してみると分ります。 切断 オープンパスの両端を接続するとクローズパスになり、クローズパスを一度切断するとオープンパスになります。 オープンパスをさらに切断すると２つに分かれた部品ができます。これは複合パスというもので次のページで説明します。 切断 ノードの形 次の３つのボタンノードはノードの形を指定するためのものです。 １つのノードに対して操作することも、いくつかのノードを同時に操作することもできます。選択されているノードに対して行われます。 １番目はノードを角にするボタンです。 ノードを選択しボタンを押すと、そのノードから出ている２つの方向線は別々に動かせるようになります。 ボタンを押した直後は表示での違いはほとんど分りません。ノードの表示が□から◇に変わってはいますが気づきませんね。 角にする ２番目はノードを滑らかにするボタンです。 そのノードから出ている方向線は一直線になり、一方の向きを変えると他方も一緒に動くようになります。方向線のないノードに対して行うと、方向線が追加され滑らかになります。 滑らかに ３番目は方向線を対称にするボタンです。 そのノードから出ている方向線は一直線で、左右同じ長さになります。 左右対称 セグメントの形 次の２つのボタンセグメントはセグメントの形を指定するためのものです。 セグメントを指定するには隣り合う２つのノードを選択します。 複数のセグメントについて同時に指定することもできます。 １番目はセグメントを直線にします。 隣り合った２つのノードを選択しこのボタンを押すと、その間の方向線とハンドルは無くなりセグメントは直線になります。 直線にする ２番目はセグメントを曲線にします。 隣り合った２つのノードを選択しこのボタンを押すと、その間のセグメントに方向線とハンドルが追加されます。この後でハンドルを動かすことで曲線にできます。 曲線にする パスの変換 次の２つのボタン変換は変換のためのものです。 １番目は基本図形などをパスに変換するボタンです。「パス」メニューの「オブジェクトをパスに変換」と同じです。 長方形をパスに変換した例を示します。 変換 ２番目はパスのアウトライン化を行うボタンです。「パス」メニューの「ストロークをパス変換」と同じです。 一本の線の情報が縁の情報に変わります。 アウトライン ハンドルの表示 このボタンハンドルは操作ではなく、状態を表しています。 ボタンが押された（へこんだ）状態のとき、選択したセグメントの方向線とハンドルが表示されます。へこんでいない状態のときはしハンドルが表示されません。 ハンドル ---- . {{attachment:path400.png}} . {{attachment:path410.png}} . {{attachment:path411.png}} . {{attachment:path412.png}} . {{attachment:path420.png}} . {{attachment:path421.png}} . {{attachment:path422.png}} . {{attachment:path423.png}} . {{attachment:path424.png}} . {{attachment:path425.png}} . {{attachment:path430.png}} . {{attachment:path431.png}} . {{attachment:path432.png}} . {{attachment:path433.png}} . {{attachment:path440.png}} . {{attachment:path441.png}} . {{attachment:path442.png}} . {{attachment:path450.png}} . {{attachment:path451.png}} . {{attachment:path470.png}} . {{attachment:path471.png}} . {{attachment:path472.png}} |
パスの編集(詳細)
パス
フリーハンドツールなどで描ける線はパスと呼ばれます。オープンパスとクローズパスの２種類がありました。 パスの情報も数値データとして記録されます。その構成は次のようになっています。
パスはセグメントが順につながったものです。 セグメントの端はノード（アンカーポイント）で、ノードでの曲線の方向を表す方向線とその先にあるハンドルの位置で曲線の形が決まります。
パスの構造
この図のパスは３つのセグメント、４つのノードから出来ています。 方向線は対応するノードでの曲線の方向（接線方向）を表します。 セグメントが直線の場合には方向線が無いこともあります。 あるノードから両側にのびている方向線が一直線になっているとき、その部分は滑らかな曲線になります。 方向線が一直線でないとき、そのノードの位置は角になります。
パスの編集
パスの編集にはパス／ノードツールノードツールを使います。 このツールでパスを選択するとノードやハンドルが表示され、それらをドラッグしてパスの形を修正することができます。
パス／ノードツールを選ぶと２段目のボタン類が次のように変わります。 ツールコントロール
A
- ノードの追加（挿入）
B
- ノードの削除
C,D,E,F パスの接続と切断 G
- ノードを角にする
H
- ノードを滑らかにする
I
- 方向線を対称にする
J
- セグメントを直線にする
K
- セグメントを曲線にする
L
- 基本図形などをパスに変換する
M パスをストロークに変換 N
- ハンドルを表示する
このうちＡ，Ｂ，Ｇ，Ｈ，Ｉ，Ｊ，Ｋ，Ｎについて解説します。 C,D,E,F,L,Mについては後日予定。 Ａ，Ｂ，Ｇ，Ｈは今日の課題で使います。
A : ノードの追加 隣り合った２つのノードを選択しこのボタンを押すと、間にノードが追加されます。 ３つ以上のノードを選択して行うこともできます。 複数のノードを選択する方法はshiftクリック。 追加した直後は、選択した点と追加された点の両方が選択された状態になっています。
B : ノードの削除 パスの途中にあるノードを削除すると、曲線はつながったままでノードの数が減ります。 端のノードを削除するとそのノードを端とするセグメントが削除され、曲線は短くまります。
G : ノードを角にする そのノードから出ている方向線は別々に動かせるようになります。
H : ノードを滑らかにする そのノードから出ている方向線は一直線になり、一方の向きを変えると他方も一緒に動くようになります。
I : 方向線を左右対称にする Ｈと同様です。さらに両側の方向線が同じ長さになります。
J : セグメントを直線にする 隣り合った２つのノードを選択しこのボタンを押すと、その間の方向線とハンドルは無くなりセグメントは直線になります。
K : セグメントを曲線にする 隣り合った２つのノードを選択しこのボタンを押すと、その間のセグメントに方向線とハンドルが追加されます。
N : 方向線とハンドルを表示 このボタンが押された（へこんだ）状態のとき、選択したセグメントの方向線とハンドルが表示されます。もしハンドルが表示されないときはここをチェックしましょう。
パスメニューにある機能
下から３番目にある「パスの簡略化」は使えると思います。
ほかのものは後日説明します。 パスの編集 パスの編集にはパス／ノードツールツールを使います。 このツールでパスを選択するとノードやハンドルが表示され、それらをドラッグしてパスの形を修正することができます。
パス／ノードツールを選ぶと２段目のボタン類が次のように変わり、ボタンを使って対応する操作を行えます。 ツール
この他にメニューから選択できる機能もあります。
ノードの追加と削除
ボタンのうちの２つ追加はノードの追加と削除を行うためのものです。
＋がついているボタンがノードの追加です。 隣り合う２つのノードを選択しておき、このボタンを押すと選択しておいたノードの間に新しいノードが追加されます。 追加直後は選択しておいたノードと追加されたノードの両方が選択されているので注意してください。 ３つ以上のノードを選んだ状態で行うこともできます。
追加
−がついているボタンがノードの削除です。 ノードを選択しておいてこのボタンを押すと、選択しておいたノードが除かれます。そのため曲線の形は簡潔になります。
削除
パスの接続と切断
次の４つのボタン接続はパスの接続と切断を行うためのものです。
１番目はつながっていない２つのノードを接続し１つのノードに変えます。 選択する２つのノードはパスの端でなければなりません。 パスの両端のノードを選んで行うとこのようになります。
接続
２番目も接続を行いますが、もとのノードはそのままの位置で２つを結ぶセグメントが追加されます。 選択する２つのノードはパスの端でなければなりません。 パスの両端のノードを選んで行うとこのようになります。
接続
３番目は切断です。２番目の操作と逆になります。 となりあった２つのノードを選択しこの処理を行ったときの例を示します。
切断
４番目も切断です。１つのノードだけを選択して行います。 その場所で切断されますがノードの位置は変わらないので、２つのノードが同じ位置に重なっている状態になります。 切断後に選択して移動してみると分ります。
切断
オープンパスの両端を接続するとクローズパスになり、クローズパスを一度切断するとオープンパスになります。 オープンパスをさらに切断すると２つに分かれた部品ができます。これは複合パスというもので次のページで説明します。
切断
ノードの形
次の３つのボタンノードはノードの形を指定するためのものです。 １つのノードに対して操作することも、いくつかのノードを同時に操作することもできます。選択されているノードに対して行われます。
１番目はノードを角にするボタンです。 ノードを選択しボタンを押すと、そのノードから出ている２つの方向線は別々に動かせるようになります。 ボタンを押した直後は表示での違いはほとんど分りません。ノードの表示が□から◇に変わってはいますが気づきませんね。
角にする
２番目はノードを滑らかにするボタンです。 そのノードから出ている方向線は一直線になり、一方の向きを変えると他方も一緒に動くようになります。方向線のないノードに対して行うと、方向線が追加され滑らかになります。
滑らかに
３番目は方向線を対称にするボタンです。 そのノードから出ている方向線は一直線で、左右同じ長さになります。
左右対称
セグメントの形
次の２つのボタンセグメントはセグメントの形を指定するためのものです。 セグメントを指定するには隣り合う２つのノードを選択します。 複数のセグメントについて同時に指定することもできます。
１番目はセグメントを直線にします。 隣り合った２つのノードを選択しこのボタンを押すと、その間の方向線とハンドルは無くなりセグメントは直線になります。
直線にする
２番目はセグメントを曲線にします。 隣り合った２つのノードを選択しこのボタンを押すと、その間のセグメントに方向線とハンドルが追加されます。この後でハンドルを動かすことで曲線にできます。
曲線にする
パスの変換
次の２つのボタン変換は変換のためのものです。
１番目は基本図形などをパスに変換するボタンです。「パス」メニューの「オブジェクトをパスに変換」と同じです。 長方形をパスに変換した例を示します。
変換
２番目はパスのアウトライン化を行うボタンです。「パス」メニューの「ストロークをパス変換」と同じです。 一本の線の情報が縁の情報に変わります。
アウトライン
ハンドルの表示
このボタンハンドルは操作ではなく、状態を表しています。
ボタンが押された（へこんだ）状態のとき、選択したセグメントの方向線とハンドルが表示されます。へこんでいない状態のときはしハンドルが表示されません。
ハンドル
