welcome: please sign in
location: "ペンツールの練習"の差分
3と11のリビジョン間の差分 (その間の編集: 8回)
⇤ ← 2014-08-19 02:12:05時点のリビジョン3 →
サイズ: 6561
編集者: masahiko
コメント:
← 2014-08-19 03:03:00時点のリビジョン11 → ⇥
サイズ: 6651
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 31: 行 31:
 . ABCの順、またはCBAの順にクリックし、'''最後にもう一度、最初の点をクリック'''します。  . ABCの順にクリックし、'''最後にもう一度'''、Aの点をクリックします。
行 35: 行 35:
最初にクッリクした点には小さな□が表示されます、最後はこれに合わせてクリックすればよい。
行 37: 行 38:
クローズパスの場合は、'''最後にもう一度、最初の点をクリック'''します。
 . {{attachment:rensyu2.png}}
 . クローズパスの場合にはEnterキーを押す必要はありません。
 . 書き始めの角をもう一度クリックして、パスが閉じられた時点でパスの描画も終わります。		 オープンパス(輪になっていない端のある線)の場合です。
つながっている順にクリックするのは、１の場合と同じです。

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

 . {{attachment:path02.png}}
 . 5つの点を順にクリックします。
 . Enterキーを押します。
行 47: 行 53:
 . {{attachment:rensyu3.png}}  . {{attachment:path03.png}}
行 54: 行 60:
==== ４）曲線（ノードが３つ） ====
３つのノードからなる曲線です。
 . AからCまでと、CからEまでの２つのセグメントが滑らかにつながっています。
 . ３番の方法を続けて行うように描きます。
 . {{attachment:rensyu4.png}}		 ==== ４）曲線（ドラッグ量の練習） ====
３と同じですが、ドラッグの量を考えましょう。
 . {{attachment:path04.png}}
行 60: 行 64:
 1. AからBまでのドラッグ
 1. CからDまでドラッグ		  1. AからB方向にドラッグ
   . ドラッグ方向は曲線の向き
   . Bの位置は、次の点CよりAに近い
 1. CからD方向にドラッグ
   . ドラッグ方向は曲線の向き
行 63: 行 70:
 1. Eから進行方向へドラッグ
   . C～E間の形に合ったところでボタンを離す
行 66: 行 71:
中間のノードでのドラッグ方向が、前後で共用されます。
行 70: 行 74:
複雑な形の曲線の場合は、両端の向きだけでは調整できません。
曲線の途中にもノードをとり、ノードの位置でドラッグしながら描きます。
 * ノードの位置を青い四角で、方向線を緑で示しています。
行 71: 行 78:
 * ノードの位置を青い四角で、方向線を緑で示しています。
 . {{attachment:rensyu5.png}}		  . {{attachment:path05.png}}
行 77: 行 83:
 1. ３番目の点からドラッグ
   . 曲線の形に合ったところでボタンを離す
 1. ４番目の点からドラッグ
   . 曲線の形に合ったところでボタンを離す
 1. 端の点からドラッグ
   . 曲線の形に合ったところでボタンを離す		  1. C番目の点からドラッグ
   . BC間の形に合ったところでボタンを離す
 1. D番目の点からドラッグ
   . CD間の形に合ったところでボタンを離す
行 84: 行 88:

中間のノードでのドラッグ方向が、ノードの前後で共用され滑らかな曲線になります。
行 87: 行 94:
 . {{attachment:rensyu6.png}}  . {{attachment:path06.png}}
行 93: 行 100:
 . {{attachment:rensyu7.png}}
 . 描きやすそうな点から描き始めます。
   . A点のようにあまり曲がっていないところから始めると描きやすい。
 . どの点でも'''少しずつドラッグ'''して、確認しながら進めます。
行 98: 行 101:
 * 急カーブではその入り口と出口にあたる点（B,C）にノードを置くのがこつです。
 . カーブの真ん中にノードを置くと描きにくくなります。		 滑らかな部分は描きやすいと思います。
カーブのきついAB間は難しいかもしれません。

 . {{attachment:path07.png}}

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

 * 曲がり方の変化が大きい部分にはノードが多く必要
 * 滑らかな部分にはノードが少なくてよい

10個以内のノード数で描けます。

ペンツールの練習

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

書き方のポイント

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

練習用ファイル

次のファイルをダウンロードし保存しなさい。

練習

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

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

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

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

１）折れ線（クローズパス）

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

  • path01.png

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

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

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

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

２）折れ線（オープンパス）

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

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

  • path02.png

  • 5つの点を順にクリックします。
  • Enterキーを押します。

３）曲線（ノードは両端の２つ）

曲線を描くにはノードから方向線の方向（かつ進行方向）にドラッグします。

  • AとCがノードで、方向線を緑色で示しています。
  • Aからの進行方向を表す方向線の先端がBです。
  • Cからの進行方向を表す方向線の先端がDです。

  • path03.png

描き方

  1. AからBまでドラッグし、
  2. 続いてCからDまでドラッグします。
    • CからDへドラッグする途中でも曲線が表示されるので、目的の形に一致するところでボタンを離します。
  3. オープンパスですからEnterキーを押して終わります。

４）曲線（ドラッグ量の練習）

３と同じですが、ドラッグの量を考えましょう。

  • path04.png

描き方

  1. AからB方向にドラッグ
    • ドラッグ方向は曲線の向き
    • Bの位置は、次の点CよりAに近い
  2. CからD方向にドラッグ
    • ドラッグ方向は曲線の向き
    • A～C間の形に合ったところでボタンを離す
  3. Enterキーを押します

５）曲線（複数のセグメント）

複雑な形の曲線の場合は、両端の向きだけでは調整できません。 曲線の途中にもノードをとり、ノードの位置でドラッグしながら描きます。

  • ノードの位置を青い四角で、方向線を緑で示しています。

ノード(曲線上の点)の数が増えても描き方は同じです。

  • path05.png

描き方

  1. A点から進行方向へ少しだけドラッグ
  2. B点からドラッグ
    • AB間の形に合ったところでボタンを離す
  3. C番目の点からドラッグ
    • BC間の形に合ったところでボタンを離す
  4. D番目の点からドラッグ
    • CD間の形に合ったところでボタンを離す
  5. Enterキーを押す

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

６）角のあるクローズパス

角が１つだけあるクローズパスの例です。

  • path06.png

  • 角の点Aを描き始めにすると描きやすい。
  • A,B,Cの順にドラッグし、最後にもう一度A点でドラッグして終わる。

７）角の無いクローズパス

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

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

  • path07.png

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

  • 曲がり方の変化が大きい部分にはノードが多く必要
  • 滑らかな部分にはノードが少なくてよい

10個以内のノード数で描けます。

８）途中の角

曲線の途中に角がある例です。

  • ノードの前後で方向線の向きを変えるときはshiftキーを使います。

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

  • [添付]

描き方(1)

  1. ＡからＢへドラッグ

  2. ＣからＤへドラッグし曲線の形を合わせるが、まだボタンを離さない

  3. shiftキーを押す（これも押したままで）
  4. そのままＥの位置までドラッグ
  5. マウスのボタンを離す
  6. shiftキーを離す
  7. 最後の点からドラッグして曲線の形を合わせる
  8. Enterキーを押す

描き方(2)

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

９〜１２）いろいろな曲線

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

考え方

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

    • [添付]

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