ホームページ制作 名古屋

問い合わせ先


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

 

ノードの種類とハンドル操作

インクスケープ(Inkscape)で描いた図形の形を編集します。
ここで押さえておきたいのが、ノードの種類とハンドル。ノードから伸びている方向を決める棒がハンドルです。
ノードにはシャープスムーズの2種類があり、必要に応じて変換しながらイラストを作っていきます。

シャープノードを編集する

img_ink_006_01

ペンツールを使ってパス図形を描きます。「ノードツール(ノードでパスを編集)」に持ち替えて図形を選択すると、図形のパスとノードが表示されます。
各ノードをよく見てみると、□と◇の2つの形状があることがわかります。

 

img_ink_006_02

ノードを動かすときは、動かしたいノードをクリックしてからすきな位置までドラッグします。

 

img_ink_006_03

選択しているノードは青色で表示されます。
□状のノードを選択し、画面上部の「選択ノードの種類をシャープに」をクリックします。

 

img_ink_006_04

選択していたノードが□→◇になりました。
□がスムーズノード、◇がシャープノードです。

 

img_ink_006_05

ノードにハンドルが表示されていない場合は、画面上部の「選択ノードのベジエ曲線ハンドルを表示」をクリックします。

 

img_ink_006_06

選択していたノードとその両どなりのノードにハンドルが表示されるようになります。

 

img_ink_006_07

ハンドルの両端には小さい○マークがあり、これをドラッグすることでハンドルの方向や長さを変えることができます。

 

img_ink_006_08

シャープノード(◇)の場合、ハンドルはノードを中心に折れ曲がり左右別々に動かせます。

 

img_ink_006_09

角度をつけてみましょう。

 

img_ink_006_10

パス表示をなくすとこんな感じに尖ったパスになっているのがわかりますね。

目次にもどる

スムーズノードを動かす

img_ink_006_11

スムーズノードに変換してみましょう。
先ほどのシャープノードを選択します。

 

img_ink_006_12

画面上部の「選択ノードの種類をスムーズに」をクリックします。

 

img_ink_006_13

選択していたノードがスムーズ(□)になりました。
スムーズノードは滑らかな曲線を描くときに使うノードで、ハンドルは左右を別々に動かすモードと左右対称に動かすモードがあります。

目次にもどる

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