ホームページ制作 名古屋

問い合わせ先


インクスケープ(Inkscape)のノードとパスを編集する

 

描いた図形のノードとパスを修正して図形を編集する

パス(ペンツール)を使って描いた図形をあとから編集する方法を解説します。
まずは名前だけ押さえておきましょう。
図形を描くときにクリックしたりドラッグした開始点をノード(イラレではアンカー)、ノードとノードを繋いでいる線をパスといいます。
パスは一見線になっていますが、実際にはノードとノードの座標をつないだ概念的なもので、色を塗らない限りは線にはなりません。

インクスケープ(Inkscape)のノードとパスを編集する01

まずはペンツールを使ってパス図形を描きます。

 

インクスケープ(Inkscape)のノードとパスを編集する02

勝手に色が塗られるかもしれませんが、見にくいのでパスだけに色を塗っておきましょう。
メニューの「オブジェクト」→「フィル/ストローク」をクリックします。

 

インクスケープ(Inkscape)のノードとパスを編集する03

右にフィル/ストロークメニューが開きました。これは図形に色を塗るためのメニューです。
「フィル」タブをクリックし、塗りをなしにします。

 

インクスケープ(Inkscape)のノードとパスを編集する04

「ストロークの塗り」タブをクリックし、「単一色」で黒色にします。黒は「RGB」タブでR・G・Bをそれぞれ0にします。

 

インクスケープ(Inkscape)のノードとパスを編集する05

「ノードツール(ノードでパスを編集)」をクリックすると、描いた図形のパスやノードを動かすことができます。

 

インクスケープ(Inkscape)のノードとパスを編集する06

こんな風にノードとパスが表示されていますね。

 

インクスケープ(Inkscape)のノードとパスを編集する07

ノードを1つずつ適当にドラッグすると、それに合わせてパスも変形します。
通常はこのようにノードを移動させて図形を変形していきます。

 

インクスケープ(Inkscape)のノードとパスを編集する08

今度はパスにポインタをのせてドラッグします。
パスを一気に好きな場所へ曲げることができました。

作成者:J-ACT Co.,Ltd.
http://j-act.jp/
Copyright(C) 2015
名古屋のホームページ制作・システム・デザイン会社J-ACT-ジェイアクト
All Rights Reserved.