トップ > 知っておきたい機能 > 複製と生成 >
塗りつぶし(類似色の連続領域の形状でパスを生成)

塗りつぶしツールを使ってみよう

では、塗りつぶしツールを使ってみましょう。 まずは、いくつかのシェイプを用意します。

上図のように7つの矩形のシェイプを作成します。 左から、ストロークのみの矩形、重なり合っているストロークのみの2つの矩形、隣り合う水色・緑色・黄色のフィルのみの3つの矩形、青色から白色へのグラデーションのフィルとストロークを持つ矩形、の7つです。

なお、背景が市松模様なのはドキュメントのプロパティダイアログの "格子柄の背景" をオンにしているためです。 透明部分であることをわかりやすくするために市松模様にしてみました。

では説明を続けます。 まずは、塗りつぶしツールに切り替えましょう。

上図のように画面左部にあるツールボックスから塗りつぶしツールを選択します(またはキーボードのU(またはSHIFT+F7キー)を押します)。

続いて、塗る色を指定する必要があります。 今回は赤色で塗ってみましょう。 画面下部のカラーパレットから赤色を指定します。

上図のようにカラーパレットの赤色を、マウスの左ボタン()でクリックします。

上図のようにツールコントロールの右端にあるカレントスタイルのフィルが赤色になります。

これで塗りつぶす準備が整いましたので実際に塗ってみましょう。 まずは、何もない場所を塗ってみます。

上図のようにシェイプが置かれていない何もない場所をマウスの左ボタン()でクリックします。

上図のように何も変化はありません。 理由は、画面下部の通知エリアに表示されています。

上図のように通知エリアに "領域は境界線で囲まれていません。塗りつぶしできません。" と表示されています。 つまり、塗りつぶしが失敗したということです。

塗りつぶしが失敗したのは、塗りつぶす領域が無限に広がっているためです。 Inkscapeでは、ページはあくまでも目安であり、ページの外にもオブジェクトを配置することができます。 そのため、塗りつぶしがページの境界で止められる、という仕様にはなっていません。

結果、クリック地点から同色をたどった領域が無限に広がることになりエラーが発生しました。 このように、囲まれていない領域を塗りつぶすことはできません。

では次に、一番左のストロークのみの矩形のフィルを塗ってみましょう。

上図のようにストロークのみの矩形の内側をマウスの左ボタン()でクリックします。

上図のようにフィルが赤色で塗られます。 ただし、本当にフィルが赤色に塗られたわけではありません。 赤色のフィルを持つ新たなパスが作成されています。

また、よく見ると赤色の周囲に隙間が見えます。 Inkscapeの塗りつぶしは、キャンバス上に現在表示されている画像で色が判別されるためです。 つまり、表示倍率が低いと隙間が多くなり、表示倍率を上げると隙間は少なくなります。

ではここで、赤色で塗られた領域が新たなオブジェクトであることを確認してみます。 選択ツールに切り替えて移動してみましょう。

上図のように新たなオブジェクトを移動します。 ストロークのみの矩形は何も変化していないことがわかります。

ではここで、赤色で塗られたオブジェクトを削除します。

上図のように赤色で塗られたオブジェクトを削除します。 削除したら再び塗りつぶしツールに切り替えましょう。

では続いて、表示倍率を上げずに隙間を少なくする方法を説明します。 画面上部のツールコントロールにある "拡縮量" を調整することで隙間を減らすことができます。

上図のように画面上部にあるツールコントロールの拡縮量を 1.5px に変更します。 では、もう一度、ストロークのみの矩形のフィルを塗ってみましょう。

上図のようにストロークのみの矩形の内側をマウスの左ボタン()でクリックします。

上図のようにフィルが赤色で塗られます。 また、隙間が少なくなっていることがわかります。 これは、領域が 1.5px だけ広げられたためです。

では次に、矩形の交差部分を塗ってみましょう。

上図のように矩形の交差部分をマウスの左ボタン()でクリックします。

上図のように交差部分が赤色で塗られます。 もちろん、実際に塗られたわけではなく新たなオブジェクトが作成されています。 このように、異なるオブジェクトで囲まれた領域も塗ることができます。

では、元に戻しましょう。 画面上部のプルダウンメニューの"編集(E)" -> "元に戻す(U)"を実行します(またはキーボードのCTRL+Zを押します)。

上図のように元に戻ります。

では次にストロークの部分を塗ってみましょう。

上図のようにストローク部分をマウスの左ボタン()でクリックします。

上図のようにストロークが赤色で塗られます。 このように、ストローク部分も塗ることができます。 なお、作成された図形の赤色の部分はフィルであり、ストロークは持っていません。

では、元に戻しましょう。 画面上部のプルダウンメニューの"編集(E)" -> "元に戻す(U)"を実行します(またはキーボードのCTRL+Zを押します)。

上図のように元に戻ります。

では続いて、複数の領域をまとめて塗る方法を説明します。 ALTキーを押しながら塗りつぶしたい領域を全て通過するようにマウスの左ボタン()でドラッグします。

上図のように塗りつぶしたい領域を全て通過するようにドラッグします。 赤色の矢印はドラッグの動きを表しています。

上図のように3つの領域が赤色で塗られます。 このようにALTキーを押しながらマウスの左ボタン()でドラッグすることで、複数の領域をまとめて塗ることができます。

なお、マウスが通過したにも関わらずストローク部分が塗られていないのは、ドラッグ開始位置の色と異なるためです。 ドラッグ開始位置が透明色だったため、黒色であるストロークは塗りの対象とはなりませんでした。