塗りつぶしツールで色の連続を塗る塗りつぶしツールを使ってみようまとめ塗りつぶしツールで色の連続を塗るこの記事では、塗りつぶしツールについて紹介します。Inkscapeの塗りつぶしツールは、GIMPなどのペイント系ソフトウェアの塗りつぶしツールとは動作が大きく異なります。実際に塗りつぶすのではなく、その形状の新たなパスを生成する仕様になっています。何度も説明しているように、Inkscapeでは1つのオブジェクトは1つのフィルとストロークしか持てません。そのため、オブジェクトの一部の領域だけを塗りつぶすなんてことはできないのです。テキストだけは例外です。テキストは文字ごとにフィル/ストロークを持つことができます。塗りつぶしツールを使ってみようでは、塗りつぶしツールを使ってみましょう。いくつかのシェイプを用意します。上図のように7つの矩形のシェイプを作成します。左から、ストロークのみの矩形、重なり合っているストロークのみの2つの矩形、隣り合う水色・緑色・黄色のフィルのみの3つの矩形、青色から白色へのグラデーションのフィルとストロークを持つ矩形、の7つです。オンにしているためです。透明部分であることをわかりやすくするために市松模様にしてみました。塗りつぶしツールに切り替えましょう。上図のように画面左部にあるツールボックスから塗りつぶしツールを選択します(またはキーボードのU(またはSHIFT+F7キー)を押します)。続いて、塗る色を指定する必要があります。今回は赤色で塗ってみましょう。画面下部のカラーパレットから赤色を指定します。カレントスタイルのフィルが赤色になる上図のようにツールコントロールの右端にあるカレントスタイルのフィルが赤色になります。ツールコントロールの右端にはカレントスタイルと呼ばれる領域があります。カレントスタイルには、選択中のツールに設定されているフィルとストロークの情報が表示されます。カレントスタイルではフィルやストロークの設定を変更することはできません。画面左下のスタイルインジケータとは異なり、見るだけの項目です。これで塗りつぶす準備が整いましたので実際に塗ってみましょう。何もない場所を塗ってみます。何も変化はない上図のように何も変化はありません。理由は、画面下部の通知エリアに表示されています。"領域は境界線で囲まれていません。塗りつぶしできません。塗りつぶしが失敗したということです。塗りつぶしが失敗したのは、塗りつぶす領域が無限に広がっているためです。Inkscapeでは、ページはあくまでも目安であり、ページの外にもオブジェクトを配置することができます。そのため、塗りつぶしがページの境界で止められる、という仕様にはなっていません。結果、クリック地点から同色をたどった領域が無限に広がることになりエラーが発生しました。このように、囲まれていない領域を塗りつぶすことはできません。次に、一番左のストロークのみの矩形のフィルを塗ってみましょう。フィルが赤色で塗られる上図のようにフィルが赤色で塗られます。本当にフィルが赤色に塗られたわけではありません。赤色のフィルを持つ新たなパスが作成されています。見ると赤色の周囲に隙間が見えます。Inkscapeの塗りつぶしは、キャンバス上に現在表示されている画像で色が判別されるためです。表示倍率が低いと隙間が多くなり、表示倍率を上げると隙間は少なくなります。ここで、赤色で塗られた領域が新たなオブジェクトであることを確認してみます。選択ツールに切り替えて移動してみましょう。新たなオブジェクトを移動する上図のように新たなオブジェクトを移動します。ストロークのみの矩形は何も変化していないことがわかります。ここで、赤色で塗られたオブジェクトを削除します。赤色で塗られたオブジェクトを削除する上図のように赤色で塗られたオブジェクトを削除します。削除したら再び塗りつぶしツールに切り替えましょう。続いて、表示倍率を上げずに隙間を少なくする方法を説明します。調整することで隙間を減らすことができます。一度、ストロークのみの矩形のフィルを塗ってみましょう。フィルが赤色で塗られる上図のようにフィルが赤色で塗られます。隙間が少なくなっていることがわかります。拡縮量にマイナス値を設定することで、縮小させることもできます。次に、矩形の交差部分を塗ってみましょう。交差部分が赤色で塗られる上図のように交差部分が赤色で塗られます。実際に塗られたわけではなく新たなオブジェクトが作成されています。このように、異なるオブジェクトで囲まれた領域も塗ることができます。"元に戻す(U)"を実行します(またはキーボードのCTRL+Zを押します)。元に戻る上図のように元に戻ります。次にストロークの部分を塗ってみましょう。ストロークが赤色で塗られる上図のようにストロークが赤色で塗られます。このように、ストローク部分も塗ることができます。作成された図形の赤色の部分はフィルであり、ストロークは持っていません。"元に戻す(U)"を実行します(またはキーボードのCTRL+Zを押します)。元に戻る上図のように元に戻ります。続いて、複数の領域をまとめて塗る方法を説明します。塗りつぶしたい領域を全て通過するようにドラッグ上図のように塗りつぶしたい領域を全て通過するようにドラッグします。赤色の矢印はドラッグの動きを表しています。3つの領域が赤色で塗られる上図のように3つの領域が赤色で塗られます。)でドラッグすることで、複数の領域をまとめて塗ることができます。マウスが通過したにも関わらずストローク部分が塗られていないのは、ドラッグ開始位置の色と異なるためです。ドラッグ開始位置が透明色だったため、黒色であるストロークは塗りの対象とはなりませんでした。次の記事へ長くなってきましたので、一区切りします。続きは次の記事を参照ください。TOPまとめ塗りつぶしツールを使って、同色の連続を塗りつぶすことができます。本当にフィル/ストロークを塗るわけではなく、同色の連続領域と同じ形状のパスを新たに生成します。ページの境界を超えて判別されるため、囲まれていない領域を塗ろうとするとエラーとなります。塗りつぶしでは、異なるオブジェクトで囲まれた領域を塗ることも、ストロークを塗ることも、フィルとストロークをまたいで塗ることもできます。ALTキーを押しながら操作することで、複数の領域をまとめて塗ることもできます。ドラッグした範囲からドラッグ開始地点と同色が連続する領域を求めてその形状のパスを生成する※カレントスタイルのフィル/ストロークが設定される同色かどうかの判定はキャンバス上に表示されている画像で行われるため、表示倍率が低いと隙間ができやすくなります。表示倍率を上げるか、ツールコントロールの拡縮量で領域を太らせて隙間を防ぎましょう。記事がありませんTOPご利用にあたって個人情報保護に関する方針お問い合わせ。