トップ > 知っておきたい機能 > パス関連 >
線を引いて新規パスを作成する

鉛筆ツールでのパスの作成

まずは、鉛筆ツールでのパスの作成について解説します。 鉛筆ツールは、フリーハンド線を引くためのツールです。 マウスカーソルの動きに沿って線が引かれるため、マウスカーソルが蛇行すれば引かれる線も蛇行します。

なお、フリーハンド線だけでなく、クリック位置とクリック位置を結ぶ直線を引くこともできます。

では、実際に鉛筆ツールでパスを作成してみましょう。

上図のように画面左部にあるツールボックスから鉛筆ツールを選択します(またはキーボードのP(またはF6キー)を押します)。

では、まずは直線を引いてみましょう。 直線はクリックで引くことができます。 始点と終点をマウスの左ボタン()でクリックします。

なお、2回目のクリックで操作が確定しますので、Enterキーを押して確定するというような操作は不要です。

上図のように(1)・(2)の2箇所でクリックします。

上図のようにクリック位置をつなぐ直線が引かれます。 といっても、初期設定では見ての通り線は見えません。 バウンディングボックスと両端のハンドルが見えているだけです。 なぜなら、初期設定ではフィルが黒色でストロークはアンセットになっているためです。

線が見えるようにフィルを削除し、ストロークを黒色に設定しましょう。

上図のようにフィルを削除し、ストロークを黒色に設定します。

上図のように直線が引かれていることが確認できます。 このように、直線を引く場合はクリックで操作します。

続いてはフリーハンド線を引いてみましょう。 フリーハンド線はドラッグで引くことができます。 始点から終点へマウスの左ボタン()でドラッグします。

なお、ドラッグを終えると操作が確定しますので、Enterキーを押して確定するというような操作は不要です。

上図のように描きたい形状にドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のようにドラッグした場合にはマウスカーソルの動きに沿ったフリーハンド線が引かれます。 ペンタブレットやタブレットPCのようにペン入力できるならキレイ線を引けますが、マウス操作ではこのようにブレて蛇行した線になります。

なお、引かれたフリーハンド線は、先ほどの直線とは別のパスです。 現状、直線のパスとフリーハンド線のパスの2つのオブジェクトがキャンバス上に存在する状態です。

では続いて点を打ってみましょう。 鉛筆ツールには、直線・フリーハンド線を引くだけでなく、点を打つ機能も用意されています。

上図のようにCTRLキーを押しながらマウスの左ボタン()でクリックします。

上図のように点が打たれます。 小さくて見づらいですが、直径3ピクセルの円形の点です。

今度はCTRL+SHIFTキーを押しながらマウスの左ボタン()をクリックしてみましょう。

上図のようにCTRL+SHIFTキーを押しながらマウスの左ボタン()でクリックします。

上図のように大きな点が打たれます。 SHIFTキーも同時に押すことで、標準の2倍の大きさの点が打たれます。

なお、これらの2つの点はパスではありません。 これらの2つの点はパスではなく、円のシェイプです。 鉛筆ツールはパスを作成するためのツールですが、点を打つ操作ではパスではなく円のシェイプが作成されます。

では次に、シェイプを有効にして直線を引いてみましょう。

上図のように画面上部にあるツールコントロールでシェイプに "円/弧" を指定します。

では、始点と終点をマウスの左ボタン()でクリックします。

上図のように(1)・(2)の2箇所でクリックします。

上図のようにクリック位置をつなぐ直線が引かれますが、線の形状が少し今までとは違っています。 始点と終点は線が細いですが、中間地点では線が太くなっています。

これは、シェイプに "円/弧" を指定にして線を引いたためです。 実は、この線は円を伸ばした形状、つまり楕円で描かれています。

Inkscapeには『パスエフェクト』と呼ばれる機能があり、パスにリアルタイムで様々な視覚効果を与えることができます。 シェイプを有効にして線を引くと『パスに沿うパターン』という種類のパスエフェクトが自動的に追加されます。

ペンツールでのパスの作成

続いて、ペンツールでのパスの作成について説明します。 ペンツールは直線や曲線を引くためのツールで、鉛筆ツールとは異なり3点以上を結ぶ線を引くことができます。

つまり、鉛筆ツールのように2回目のクリックやドラッグ終わりで操作が確定することはありません。 線を引き終わるには明示的な操作が必要です。 Enterキーを押すか、マウスの右ボタン()のクリックで確定します。

なお、ペンツールでは、クリックとドラッグを組み合わせて線を引くこともできます。 では、実際にペンツールでパスを作成してみましょう。

上図のように画面左部にあるツールボックスからペンツールを選択します(またはキーボードのB(またはSHIFT+F6キー)を押します)。

まずは、クリックの操作のみで線を引いてみます。 線をつなげたい場所をマウスの左ボタン()でクリックし、最後にEnterキーで確定します。

上図のように(1)・(2)・(3)の3箇所でクリックし、最後にEnterキーを押します。

上図のようにクリック位置をつなぐ直線が引かれます。 このように、直線を引く場合はクリックで操作します。

では次に、ドラッグの操作も組み合わせてみましょう。

上図のように(1)の位置をマウスの左ボタン()でクリックし、続いて少し下方の(2)の位置からマウスの左ボタン()で右方向へドラッグし、最後に少し上方の(3)の位置をマウスの左ボタン()でクリックし、最後にEnterキーで確定します。 赤色の矢印はドラッグの動きを表しています。

上図のようにクリック位置をつなぐ曲線が引かれます。

なお、引かれた曲線は、先ほどの直線とは別のパスです。 現状、直線のパスと曲線のパスの2つのオブジェクトがキャンバス上に存在する状態です。

ではここで、ドラッグの方向と引かれた曲線の関係について説明しておきます。 つまり、どういう操作をしたら、どういう線が引かれるのかについての解説です。

ペンツールのままでは説明しにくいのでノードツールに切り替えます。

上図のように画面左部にあるツールボックスからノードツールを選択します(またはキーボードのN(またはF2キー)を押します)。

上図のように表示が変化し、3つのノードとノードをつなぐ2つのセグメントが表示されます。 見て分かる通り、クリック位置とドラッグ開始位置の計3箇所にノードが作成されています。

注目すべきは、ドラッグ開始位置に作られた2つ目のノードです。 このノードの両側の線は、左から入って右へ抜けています。 右方向へドラッグしたため、その方向へ線が伸びているということです。 つまり、線を伸ばしたい方向へドラッグする必要があるということです。

では、ペンツールの説明に戻ります。 ここからは線引き中に行える特殊な操作について説明します。

上図のように画面左部にあるツールボックスからペンツールを選択します(またはキーボードのB(またはSHIFT+F6キー)を押します)。

では、クリックで線を引いてみます。 ただし、確定はしません。

上図のように(1)・(2)の2箇所でクリックし、確定はせずにいてください。

上図のように線引き中は、すでに引かれた線は青色で、これから引かれる線は赤色で描かれます。

現在、Inkscapeは3つ目のクリックまたは確定を待っている状態です。 この状態では、キーボードのカーソルキー(↑↓←→)を使って、最後に追加されたノードを移動させることができます。

では、キーボードのカーソルキーの上(↑)を押してください。 キーを押している間、2つ目のノードが上方へ移動します。

上図のように2つ目のノードが上方へ移動します。 このように、キーボードのカーソルキー(↑↓←→)を使って、最後に追加されたノードを移動させることができます。

では次に、キーボードのDeleteキーを押してみてください。

上図のように2つ目のノードが削除されます。 このように、キーボードのDeleteキーで最後に追加されたノードを削除することができます。

では最後にキーボードのEscキーを押してください。

上図のように線引きが中止されます。 もちろん、パスは作成されていません。