リファレンス

オブジェクトの編集 >> フィル/ストローク

フィル/ストローク

パレットとスウォッチ

Inkscapeではオブジェクトの塗りを「フィル」、輪郭線を「ストローク」と呼びます。 フィルやストロークの色を簡単に変更するには、 パレットやスウォッチを使います。

パレットは画面下部にあるバーで、 スウォッチはShift+Ctrl+Wで開きます。

パレットやスウォッチで表示する色リストや表示オプションは、 をクリックして変更します。

オブジェクトを選択した状態でパレットやスウォッチの色を選択すると、 次のようにフィルやストロークの色を変更できます。

左クリック オブジェクトのフィルをクリックした色に変更
Shift+左クリック オブジェクトのストロークをクリックした色に変更

オブジェクトが選択されているかどうかにかかわらず、 ドラッグで色を変更することもできます。

ドラッグ オブジェクトのフィルをドラッグした色に変更
Shift+ドラッグ オブジェクトのストロークをドラッグした色に変更

現在のところ、Inkscapeのスウォッチでは塗りのパターンを選ぶことができません。 パレット同様、単一色の色を変更することだけが可能です。

フィル/ストロークの塗り

「フィル/ストローク」のダイアログは、次のいずれかの方法で開けます。

  • メニューから「オブジェクト > フィル/ストローク」
  • オブジェクトを選択し、右クリックメニューから「フィル/ストローク」
  • Ctrl+Shift+F

「フィル/ストローク」の最初のタブでフィル、 次のタブでストロークの塗りの設定ができます。

ダイアログ左上のアイコンで、フィルの種類を選択します。

塗りなし
単一色
線形グラデーション
放射グラデーション
パターン
塗りをアンセット(塗りを継承可能にするため未定義にする)

グラデーションやパターンについては、別の章で説明するためここでは説明を省略します。 また、色選択の方法は次の章で説明します。

ダイアログ右上の2つのアイコンは、 パスが交差したときの塗り方を指定します (このアイコンはフィルのタブにしかありません)。

塗りのルール: evenodd
パスの自分自身との交差またはサブパスがフィルに穴を形成
塗りのルール: nonzero
サブパスが逆向きでない限りフィルが塗られる

実際に塗り方がどう違うのか、星形を変形した図形と渦巻で見てみましょう。

色の指定

Inkscapeでは、色の指定方法は次の4種類をサポートしており、 指定方式をタブで選んで色指定します。

  • RGB
  • HSL
  • CMYK
  • ホイール

RGBは、 R (赤)、G (緑)、B (青)、A (不透明度) の値をそれぞれ0〜255の範囲で指定する方法です。 Inkscapeは、内部的にはこのRGB形式で情報を保存しています。 HSLやCMYKで指定した場合にはRGB変換した近似値が保存されるため、 再度指定画面を開いたときに同じ値が入っているとは限りません。

値を変更は、次の3つの方法があります。

  • それぞれの色のバーをクリック
  • 数字を入力欄に直接入力
  • 数字入力欄の右側についている矢印ボタンで増減

どのタブを開いているときでも、 RGBは右下の「RGBA」の欄に16進数で指定できます。

HSLは、 H (色相)、S (彩度)、L (明るさ)、A (不透明度) の値をそれぞれ0〜255の範囲で指定する方法です。

CMYKは、 C (シアン)、M (マゼンタ)、Y (黄)、K (黒)、A (不透明度) の値を0〜100の範囲で指定する方法です。 印刷業界でよく使われています。

直観的にわかりやすいのが、ホイールによる指定です。 周囲の輪にある線をドラッグして色を指定し、 中央の三角内にある丸の位置で明るさを指定します。 不透明度はホイールの下にある入力欄で0〜255の範囲で値を指定します。

スポイトツール

色指定のダイアログではスウォッチやカラーパレットから色を選択することはできませんが、 スポイトツールを使えばキャンバス上の色を拾って指定することができます。 スポイトツールはツールボックスから選択するか、 ショートカットキーのF7またはDでスポイトツールを選択します。

スポイトツールでキャンバス上のオブジェクトをクリックすると、 クリックした位置の色がフィルに指定されます。 Shift+クリックするとクリックした位置の色がストロークに指定されます。



ドラッグすると円が表示され、その円の中の平均色がフィルに指定されます。 Shift+ドラッグで平均色がストロークに指定されます。

クリック地点の色をフィルに指定 クリック
クリック地点の色をストロークに指定 Shift+クリック
ドラッグ範囲の平均色をフィルに指定 ドラッグ
ドラッグ範囲の平均色をストロークに指定 Shift+ドラッグ

ストロークのスタイル

ダイアログの3番目のタブでストロークのスタイルを変更できます。

「幅」を変更すると、ストロークの幅(太さ)が変更できます。

「結合」では、角をどのように描画するかを次のいずれかを選択して指定します。

角結合 丸結合 斜結合

角結合を選択したときには、「角結合の限界」を指定します。 ここでは鋭角になって角が長くなったとき、 太さの何倍の長さまで角として表示するかを指定します。 限界を越えた長さとなったときには、斜結合として表示されます。

「端」では線の端をどのように描画するかを次のいずれかを選択して指定します。

四角

「点線」では線の種類を指定します。 点線の右側の数字では、 点線パターンの開始位置を指定します。 数値を調整することにより、たとえば次のように点線の位置を調整することができます。

0.00 0.50 1.00

ストロークには、始点、中間、終点にそれぞれマーカーを指定できます。 中間マーカーを指定すると、始点/終点以外のすべてのノードにマーカーがつきます。 マーカーを使うと、たとえば次のような線が作れます。

  • 始点マーカーに「DistanceIn」、終点マーカーに「DistanceOut」を指定。
  • 中間マーカーに「Scissors」を指定。

ただし、ストロークの線を変更してもマーカーの色は変わりません。 マーカーの色をストロークの色に合わせるには、 エフェクトの「Color Markers to Match Stroke」を使用します。

また、ストロークの太さを変更するとマーカーのサイズも自動的に変更され、 ダイアログからはサイズを変更することができません。 ストロークのサイズを変更するには、XMLエディタからSVGを直接変更する必要があります。 XMLエディタを使ったマーカーのサイズ変更方法は「XMLエディタ - 編集例」 を参照してください。

自作したマーカーを追加することもできます。 マーカーの追加方法は、「カスタマイズ - マーカー」を参照してください。

選択ツールのコントロールバーの次のアイコンで、 図形をサイズ変更したり変形したりしたときにフィルやストロークをどうするかを指定できます。

オブジェクトの拡大縮小時に、ストローク幅も同じ比率で拡大縮小
矩形の拡大縮小時に、丸められた角の半径も拡大縮小
オブジェクトの変形に従って(フィルまたはストロークの)グラデーションを変形
オブジェクトの変形に従って(フィルまたはストロークの)パターンを変形

不透明度

「フィル/ストローク」ダイアログでは、 オブジェクトごとに次の3種類の不透明度を指定できます。

  • フィルの不透明度
  • ストロークの不透明度
  • マスター不透明度

実際にそれぞれの不透明度を変更してみると、次のようになります。

フィルの不透明度:255
ストロークの不透明度:255
マスター不透明度:100%
フィルの不透明度:255
ストロークの不透明度:255
マスター不透明度:70%
フィルの不透明度:255
ストロークの不透明度:180
マスター不透明度:100%
フィルの不透明度:180
ストロークの不透明度:255
マスター不透明度:100%
フィルの不透明度:180
ストロークの不透明度:180
マスター不透明度:100%

ストロークの不透明度を低くすると段がついたようになって見えるのは、 オブジェクトの境界線がストロークの中心線となっているので、 ストロークの内側半分はフィルと重なって色が濃くなるためです。

ぼかし

「フィル/ストローク」ダイアログの下の方にある 「ぼかし」では、そのオブジェクトに対するガウスぼかしを指定できます。 値は0〜100の間で指定し、 0を指定するとぼかしなし、100を指定するとぼかしが最大となります。

ぼかしなし
5%
10%
30%
50%
80%
100%