#acl All:

== ペンツールの練習 ==

練習用ファイルを用いてペンツール(ペジェ曲線)の練習をします。

書き方のポイント
 * 折れ線はクリック
 * 曲線はドラッグ
 * ボタンを押す場所はいつでも線上
 * クローズパスは最初の点で終わる
 * オープンパスはEnterを押して終わる
----
=== 練習用ファイル ===
次のファイルをダウンロードし保存しなさい。

 . [[attachment:rensyu14.svg]]

----
=== 練習 ===

保存したファイルをInkscapeで開き、
次の指示にしたがって、灰色で示された線と同じになるようにペジェ曲線を描く練習をしなさい。
 . 練習の曲線は'''１２個'''あります。
 . それぞれ'''１筆で描く'''こと。
 . 一部に説明用の線が加わっているが、'''灰色の線だけ'''を描けばよい。
----
==== １）折れ線（クローズパス） ====
折れ線を描くにはつながっている順に角を'''クリック'''していきます。
 . {{attachment:path01.png}}
 . ABCの順にクリックし、'''最後にもう一度'''、Aの点をクリックします。
クローズパス（閉じた線）の場合は、１周するように順にクリックします。
 . 右回りでも左回りでも、どの角から始めてもかまいません。
 . 角を順にクリックしていき１周したら、最初にクリックした角を（最後に）もう一度クリックします。
最初にクッリクした点には小さな'''□'''が表示されます、最後はこれに合わせてクリックすればよい。
----
==== ２）折れ線（オープンパス） ====
オープンパス(輪になっていない端のある線)の場合です。
つながっている順にクリックするのは、１の場合と同じです。

最後に'''Enterキー'''を押して線を終わります。

 . {{attachment:path02.png}}
 . 5つの点を順にクリックします。
 . Enterキーを押します。

----
==== ３）曲線（ノードは両端の２つ） ====
曲線を描くにはノードから方向線の方向（かつ進行方向）にドラッグします。
 . AとCがノードで、方向線を緑色で示しています。
 . Aからの進行方向を表す方向線の先端がBです。
 . Cからの進行方向を表す方向線の先端がDです。
 . {{attachment:path03.png}}
描き方
 1. AからBまでドラッグし、
 1. 続いてCからDまでドラッグします。
   . CからDへドラッグする途中でも曲線が表示されるので、目的の形に一致するところでボタンを離します。
 1. オープンパスですからEnterキーを押して終わります。
----
==== ４）曲線（ドラッグ量の練習） ====
３と同じですが、ドラッグの量を考えましょう。
 . {{attachment:path04.png}}
描き方
 1. AからB方向にドラッグ
   . ドラッグ方向は曲線の向き
   . ドラッグ量ABは、曲線ACの長さの半分より短い
 1. CからD方向にドラッグ
   . ドラッグ方向は曲線の向き
   . A～C間の形に合ったところでボタンを離す
 1. Enterキーを押します

----
==== ５）曲線（複数のセグメント） ====
複雑な形の曲線の場合は、両端の向きだけでは調整できません。
曲線の途中にもノードをとり、ノードの位置でドラッグしながら描きます。
 * ノードの位置を青い四角で、方向線を緑で示しています。
ノード(曲線上の点)の数が増えても描き方は同じです。
 . {{attachment:path05.png}}
描き方
 1. A点から進行方向へ少しだけドラッグ
 1. B点から進行方向へドラッグ
   . AB間の形に合ったところでボタンを離す
 1. C点から進行方向へドラッグ
   . BC間の形に合ったところでボタンを離す
 1. D点から進行方向へドラッグ
   . CD間の形に合ったところでボタンを離す
 1. Enterキーを押す

中間のノードでのドラッグ方向が、ノードの前後で共用され滑らかな曲線になります。

----
==== ６）角のあるクローズパス ====
角が１つだけあるクローズパスの例です。
 . {{attachment:path06.png}}
 . 角の点Aを描き始めにすると描きやすい。
 . A,B,Cの順にドラッグし、最後にもう一度A点でドラッグして終わる。
----
==== ７）角の無いクローズパス ====
ちょっと複雑な曲線の例です。

滑らかな部分は描きやすいと思います。
カーブのきついAB間は難しいかもしれません。

 . {{attachment:path07.png}}

A点とB点にノードを置くつもりで、AB間から描きはじめましょう。

 * 曲がり方の変化が大きい部分ではノード間が狭く、
 * 滑らかな部分ではノード間が広くなります。

８個程度のノード数で描けます。

----
==== ８）途中の角 ====
曲線の途中に角がある例です。
描き方は２通りあります。

 * 描き方(1)は'''shiftキー'''を使って方向を変える方法です。
 * 描き方(2)は角までの曲線を描いたあとで、端から線をのばす方法です。

 . {{attachment:path08.png}}

描き方(1)

 ノードの前後で方向線の向きを変えるときは'''shiftキー'''を使います。
 shiftキーを押すとすでに描いた曲線は変えないで、次のノードの方向線だけを変えることができます。
 押す、離すタイミングに注意してください。

 1. ＡからＢへドラッグ
 1. ＣからＤへドラッグし曲線の形を合わせるが、まだ'''ボタンを離さない'''
 1. shiftキーを押す（これも押したままで）
 1. そのままＥの位置までドラッグ
 1. マウスのボタンを離す
 1. shiftキーを離す
 1. 最後の点からドラッグして曲線の形を合わせる
 1. Enterキーを押す

描き方(2)

AC間の曲線を描いていったん確定した後、C点でつなぐように残りの曲線を描きます。

 1. ＡからＢへドラッグ
 1. ＣからＤへドラッグし曲線の形を合わせる
 1. Enterキーを押す
 1. ＣからＥの位置までドラッグ(Ｃの位置に表示される'''□'''から始める)
 1. 最後の点からドラッグして曲線の形を合わせる
 1. Enterキーを押す(１つのパスになっていることを確認すること)
----
==== ９〜１２）いろいろな曲線 ====

ノードをどこに置いたらよいかも含めて考え、練習しましょう。

考え方
 * 曲線上の点では必ずドラッグする。
 * ドラッグは進行方向(接線方向)に行う。
 * 次のノードはドラッグした量の倍程度進んだあたりにとる。
  . {{attachment:rensyu10.png}}