welcome: please sign in
location: "ペンツールの練習"の差分
29と30のリビジョン間の差分
2014-10-16 05:30:42時点のリビジョン29
サイズ: 8111
編集者: masahiko
コメント:
2014-10-16 05:32:30時点のリビジョン30
サイズ: 8192
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 187: 行 187:
  . AからBまでドラッグしたときは、次の点はC付近にとる。

ペンツールの練習

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

書き方のポイント

  • 折れ線はクリック
  • 曲線はドラッグ
  • ボタンを押す場所はいつでも線上
  • クローズパスは最初の点で終わる
  • オープンパスはEnterを押して終わる


練習

練習用ファイルのダウンロードは済んでいますか?

練習用ファイルをInkscapeで開き、 次の指示にしたがって、灰色で示された線と同じになるようにペジェ曲線を描く練習をしなさい。

  • 練習の曲線は12個あります。

  • それぞれ1筆で描くこと。

  • 一部に説明用の線が加わっているが、灰色の線だけを描けばよい。


1)折れ線(クローズパス)

折れ線を描くにはつながっている順に角をクリックしていきます。

クローズパス(閉じた線)の場合は、1周するように順にクリックします。

  • 右回りでも左回りでも、どの角から始めてもかまいません。
  • 角を順にクリックしていき1周したら、最初にクリックした角を(最後に)もう一度クリックします。

最初にクッリクした点には小さなが表示されます、最後はこれに合わせてクリックすればよい。

  • path01.png

描き方

  • ABCの順にクリックし、最後にもう一度、Aの点をクリックします。


2)折れ線(オープンパス)

オープンパス(輪になっていない端のある線)の場合です。 つながっている順にクリックするのは、1の場合と同じです。

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

  • path02.png

描き方

  • 5つの点をつながっている順にクリックします。
  • Enterキーを押します。


3)曲線(概要)

折れ線を描くにはクリックしましたが、 曲線を描くにはドラッグします。

  • ドラッグを始める位置は線上
  • ドラッグの方向は接線(進行)方向

ドラッグの向きと量を緑色の矢印で示してあります。

  • path03.png

描き方

  1. Aの矢印の根元から先までドラッグします
  2. Bの矢印の根元から先までドラッグします
  3. Cの矢印の根元から先までドラッグします
  4. Dの矢印の根元から先までドラッグします
  5. Eの矢印の根元から先までドラッグします
  6. Enterキーを押します。


4)曲線(ドラッグして曲線の形に合わせる)

描き始めのドラッグは緑の矢印で示してあります。 終わりの点でのドラッグの量を調整します。

  • path04.png

描き方

  1. Aの矢印の根元から先までドラッグします
  2. Bの点から点線の方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す
  3. Enterキーを押します

B点でドラッグを始めるときには、曲線の形は正しくありません。


5)曲線(ドラッグ量の練習)

途中にもノードがあります。 A点のドラッグは緑の矢印で示してあります。 B点、C点でのドラッグ量を調整します。

  • path05.png

描き方

  1. Aの矢印の根元から先までドラッグします
  2. Bの点から点線の方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す
  3. Cの点から点線の方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す
  4. Enterキーを押します

中間のノードでのドラッグ方向が、ノードの前後で共用されます。


6)クローズパス(ドラッグ方向とドラッグ量の練習)

途中の点でのドラッグ方向は示してありませんが、 接線(進行)方向にドラッグします。

  • path06.png

描き方

  1. Aの矢印の根元から先までドラッグします
  2. Bの点から接線(進行)方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す
  3. Cの点から接線(進行)方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す
  4. Aの点から接線(進行)方向にドラッグします
    • 描きたい曲線の形に一致したところでボタンを離す

クローズパスの場合、最後にもういちど最初の点でドラッグします。


7)角のあるクローズパス

角が1つだけあるクローズパスの場合は、 6と同様に角の点から描き始めるとよい。

途中のノードは3個程度。

  • path07.png


8)角の無いクローズパス

ちょっと複雑な曲線の例です。

角の無いクローズパスでは描きやすい部分から始めます。例えばA点。

カーブのきついBC間は難しいかもしれません。 カーブの入り口と出口にあたるB点とC点付近にノードを置くつもりで描きます。

  • path08.png

描き方

  1. A点から進行方向にドラッグします
  2. A点とB点の間の曲線上で進行方向にドラッグします
  3. B点付近で進行方向にドラッグします
  4. C点付近で進行方向にドラッグします
  5. C点とA点の間の曲線上で進行方向にドラッグします
  6. A点から進行方向にドラッグします

C点とA点の間にもうひとつノードを追加しても良い。

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


9)途中の角

曲線の途中に角がある例です。 描き方は2通りあります。

  • 描き方(1)はshiftキーを使って方向を変える方法です。

  • 描き方(2)は角までの曲線を描いたあとで、端から線をのばす方法です。
  • path09.png

描き方(1)

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

  • AからBへドラッグ
  • CからDへドラッグし曲線の形を合わせるが、まだボタンを離さない

  • shiftキーを押す(これも押したままで)
  • そのままEの位置までドラッグ
  • マウスのボタンを離す
  • shiftキーを離す
  • F点からドラッグして曲線の形を合わせる
  • Enterキーを押す

描き方(2)

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

  1. AからBへドラッグ
  2. CからDへドラッグし曲線の形を合わせる
  3. Enterキーを押す
  4. CからEの位置までドラッグ(Cの位置に表示されるから始めること)

  5. 最後の点からドラッグして曲線の形を合わせる
  6. Enterキーを押す(1つのパスになっていることを確認すること)


10〜12)いろいろな曲線

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

考え方

  • 曲線上の点では必ずドラッグする。
  • ドラッグは進行方向(接線方向)に行う。
  • 次のノードはドラッグした量の2〜3倍程度進んだあたりにとる。
    • [添付]

    • AからBまでドラッグしたときは、次の点はC付近にとる。

ペンツールの練習 (最終更新日時 2016-10-25 00:55:01 更新者 masahiko)