ホームページ制作 名古屋

問い合わせ先


インクスケープ(Inkscape)のフィルとストローク

 

フィルはパスで囲まれた面、ストロークはフィルの輪郭線

インクスケープなどのベクターツールでは、紙に直接絵を描くのと違い点の座標と座標を概念的に結びます。
そのため拡大や縮小をしても図形が粗くなりません。
当コラムではInkscapeの図形を構成するフィル(面)とストローク(輪郭線)の解説をします。

フィルとストロークに色を塗る

インクスケープ(Inkscape)のフィル(面)とストローク(線)02

ペンツールを使って適当にパス図形を描きます。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)01

図形を選択し、「オブジェクト」-「フィル/ストローク」をクリックします。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)04

フィル/ストロークメニューウィンドウがひらきます。
「フィル」タブ-「単一色」をクリックします。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)05

フィルはパスで囲まれた面全体のことです。
フィルが一色で塗られました。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)06

今度は「ストローク」タブ-「塗りなし」をクリックします。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)07

図形の枠線が消えました。ストロークはフィルのまわりの輪郭線です。

目次にもどる

ストロークのスタイル

インクスケープ(Inkscape)のフィル(面)とストローク(線)08

続いて「ストロークのスタイル」タブをクリックし、幅の数値を4.0にしてみます。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)09

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

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)10

線種の一覧から点線を選んでみます

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)11

ストロークが選んだ形状の線に変わりました。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)12

結合の種類には「角結合」「丸結合」「斜結合」の3種類があります。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)13

パスが折れている部分の形状がこんなふうに違います。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)14

端の種類は「角」「丸」「四角」の3種があります。

 

インクスケープ(Inkscape)のフィル(面)とストローク(線)15

ストロークの先端部分の形状が変わりました。
角にするとパスの終点(ノード)のところでストロークも終わります。それ以外は自動的に補間してくれます。

目次にもどる

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