ホームページ制作 名古屋

問い合わせ先


ストロークやオブジェクトをパス図形に変換する

 

ストローク、オブジェクト、パスの3種類の図形を使い分けよう

インクスケープ(Inkscape)の図形には大きく分けて3種類があります。
ペンツールを使ってパスを結んで描いた図形をパス図形といい、パスが結ばれておらず線だけの図形をストローク図形といいます。
オブジェクト図形は「矩形ツール」や「円ツール」を使って描いた図形です。

ストロークをパスに変換する

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する01

ペンツールを使ってストロークを描きます。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する02

パスが最後まで結ばれていないのでストローク図形です。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する03

変化をわかりやすくするため、「オブジェクト」-「フィル/ストローク」でストロークの幅を太くしておきます。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する04

ストロークの幅が太くなりましたね。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する05

ノードツールに持ち替えます。改めてストロークの変形をしてみます。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する06

画面上部の「パスのアウトラインを表示」をクリックすると、ストロークに赤色がつくので見やすくなります。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する07

ノードをドラッグするとそれに合わせてパスが変形します。これが普通のストローク図形の変形です。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する08

「パス」-「ストロークをパスに変換」をクリックします。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する09

ストローク図形だったものが、見た目通りの形のパス図形に変化しました。
パスのアウトラインが線の中心ではなく輪郭に沿っていますね。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する10

パス図形になったので、こんな風に自由に形を変えることができるようになりました。

目次にもどる

オブジェクトをパスに変換する

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する11

ツールバーから「矩形ツール」を選択します。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する12

ドラッグすると四角形が描けますね。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する13

ノードツールで選択してみましょう。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する14

パスで描いた時とはノードの位置と形が違いますね。
角を動かして変形できるのは同じです。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する15

右上の○の形のポイントを動かすと、矩形の角が丸くなります。
これは矩形ツールに限らず「オブジェクト図形」の特徴で、円形ツール・多角形ツールもそれぞれ独特の変形ができます。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する16

「パス」-「オブジェクトをパスへ」をクリックします。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する17

オブジェクト図形からパス図形に変わりました。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する18

もちろん好きな形に変形できます。

 

インクスケープ(Inkscape)でストロークやオブジェクトをパスに変換する19

パスを曲げることもできますね。
そのままの形でいいときは変換する必要はないですが、パス図形にしないと使えないデザイン機能がインクスケープにはたくさんあります。
またストロークをパスに変換すると、髪の毛など細いイラストを描くときなどに役立ちます。

目次にもどる

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