Kritaで内部が不透明な輪郭付きスタンプブラシを作成する方法

輪郭付きスタンプには、明確に区別できる3つの領域が必要です。輪郭と中心にはどちらも表示されるピクセルがあり、周囲だけが透明です。したがって、白い中心は白く塗る必要があります。中心を空のままにすると、白いキャンバス上では塗りつぶされているように見えても、中抜きの輪郭になります。

ブラシの表現方法も重要です。GIMPの公式マニュアルでは、その違いが明確に説明されています。通常のグレースケールブラシでは白が透明として扱われますが、RGBAカラーブラシでは画像の色と透明部分が保持されます。白が完成画像の一部である場合、白黒のデザインでもカラーブラシが必要になることがあります。GIMPマニュアル：ブラシ

このプロジェクトでは、スタンプ全体に固定色を使います。ブラシ先端を作る前に、輪郭と内部の色を決めてください。これなら最初のバージョンを簡単に確認でき、基本のスタンプが機能する前に色の変更設定を加えずに済みます。

透明な背景と空のペイントレイヤーを含む、320 × 320ピクセルのRGBドキュメントを作成します。これらの寸法は作業例です。バッジの外縁がキャンバスの端に触れないよう、周囲に余白を残してください。

確実な作成方法は、濃い色の円を作り、その内側に小さな白い円を配置することです。これなら、手描きの輪郭に隙間ができて塗りつぶせない問題を避けられます。

1. 楕円形選択ツールを選択します。ツールのオプションで選択範囲の置き換えを選び、幅と高さに256ピクセルを入力して、両方の寸法を固定します。
2. 選択範囲をキャンバスの中央付近に配置します。前景色を黒に設定し、編集 → 前景色で塗りつぶしを選択します。
3. 選択を解除します。224 × 224ピクセルの円形選択範囲を新たに作り、黒い円の内側の中央に配置します。
4. 前景色を白に変更し、同じコマンドで小さい選択範囲を塗りつぶします。
5. もう一度選択を解除し、結果を確認します。

Kritaの楕円形選択ツールでは、幅と高さを固定できます。編集メニューには、現在の描画不透明度を適用せずに選択範囲を塗りつぶす前景色塗りつぶしコマンドがあります。塗りつぶす前に選択範囲が有効になっていることを確認してください。有効でない場合、コマンドはレイヤー全体を塗りつぶします。Kritaマニュアル：楕円形選択ツール、Kritaマニュアル：編集メニュー

同心円を使う場合、例として示した輪郭の太さは (256 − 224) ÷ 2 = 16 pixels です。片側が太く見える場合は、塗りつぶす前に小さい選択範囲の位置を調整します。キャラクター用の別のアクセサリーを作る場合も、基本原則は同じです。外側のシルエットを完成させ、その内側の領域を内部の色で塗ります。

円の外側が透明で、中心が白いことを確認します。ブラシに変換する前に、編集可能な画像を .kra ファイルとして保存してください。Kritaのネイティブ形式では、作業中のドキュメントのレイヤーやその他の編集情報が保持されます。Kritaマニュアル：Web向けに保存

元の画像は透明なペイントレイヤーに置いたままにします。確認用に一時的な背景を追加した場合は、スタンプをコピーする前に非表示にしてください。

1. 画像のレイヤーを選択し、キャンバス全体を選択します。
2. 画像をコピーします。
3. F5でブラシ設定エディターを開き、最初にPixelブラシエンジンのプリセットを選択します。
4. Brush Tip → PredefinedでClipboardオプションを使い、コピーした画像からブラシ先端を作成します。
5. ブラシ先端を作成するときにCreate Mask From Colorをオフにして、色を保持します。

Kritaの公式ブラシ先端チュートリアルでは、クリップボードを使う手順が説明されており、画像の色を透明部分とは別に保持するには「Create Mask From Color」を無効にするよう明記されています。マニュアルには、エディターの開き方とPixelエンジンの選択方法も説明されています。Kritaマニュアル：ハイトマップ毛筆ブラシ先端、Kritaマニュアル：ブラシの読み込みと保存

作成した定義済みブラシ先端を選択し、Brush Mode → Color Imageを設定します。このモードでは画像がそのまま使われ、黒い輪郭と白い中心が保持されます。この固定色のスタンプでは、前景色のスウォッチを変更しても画像の色は変わりません。Kritaマニュアル：ブラシ先端

OpacityとFlowをどちらも最大値に設定します。Kritaでは、Opacityはストロークの透明度、Flowは個々の描点の透明度を表します。そのため、1回クリックしたときにくっきりとした印影を得るには、両方が重要です。Kritaマニュアル：不透明度と流量

各設定のパネルで、OpacityとFlowのEnable Pen Settingsを無効にします。Kritaのプリセットチュートリアルでは、筆圧に応じた透明度の変化をなくすため、両方の設定を無効にする方法が示されています。寸法の変化が塗りつぶしの確認を妨げないよう、最初のテストではサイズも固定します。Kritaマニュアル：ブラシの読み込みと保存

まずは1回ずつクリックしてスタンプを配置します。あとでバッジを間隔を空けて並べたい場合は、ブラシ先端の印影どうしの距離を決めるSpacingを調整します。短いストロークでテストしながら値を上げ、隣り合うバッジの間に希望する隙間ができるようにします。使う予定のバッジサイズで見た目を確認して間隔を決めてください。Kritaマニュアル：ブラシ先端

プリセットを保存する前に、背景と重なりを使った確認を行います。これは、画像の色と透明度の違いを確かめるための実用的な診断手順です。

1. 中程度の明るさの青い背景を含む、別のテスト用ドキュメントを作成します。
2. その上に空のペイントレイヤーを追加し、スタンプを1つ配置します。中心は白いままで、青が透けて見えてはいけません。
3. もう1つスタンプを、最初のスタンプに一部重なるように配置します。重なった部分では、2つ目の白い中心が先に置いたスタンプの黒い輪郭を覆うはずです。
4. キャラクター画像で使う予定のサイズで結果を確認します。

中抜きのスタンプも白い背景では正しく見えることがあるため、重なりの確認が特に役立ちます。先に置いた黒い輪郭を覆えるかどうかで、中心に実際に表示される塗りがあるか確認できます。

次に確認する項目を、以下の観察結果から判断してください。

見える状態	次に確認する項目
背景が中心からはっきり透けて見える	元画像の中心が塗られているか、ブラシ先端がColor Imageモードになっているかを確認します。
バッジ全体が薄く見える	Opacity、Flow、それぞれのペン設定、テストレイヤーの不透明度を確認します。
バッジの周囲に四角い領域が見える	コピーした画像に背景が写り込んでいないか確認します。
中心は先の画像を覆うが、輪郭が不均一に見える	元画像の形状と内側の円の位置が中央にあるかを確認します。

この表は、似た見た目の原因になる設定が複数ある場合に、順番にトラブルシューティングするための目安として使ってください。設定を1つ変更するたびに新しいスタンプを配置し、前の結果と比べます。

Save New Brush Presetを選び、「輪郭付きバッジ — 白い中心」のような固有の名前を付けて保存します。ブラシ先端にはスタンプの画像が含まれ、プリセットにはその先端と不透明度や間隔などの設定がまとめられています。プリセットを保存すれば、その組み合わせを再利用できます。Kritaマニュアル：ブラシの読み込みと保存

バッジの画像も単体で必要な場合は、Store alpha channel (transparency)を有効にしてPNGを書き出します。周囲は透明のままにし、中心は塗っておきます。PNGは完全なアルファ透明度に対応しており、.kraドキュメントは編集可能な元データとして保持できます。Kritaマニュアル：*.png、Kritaマニュアル：Web向けに保存

最後に別のブラシへ切り替え、保存したプリセットを再選択して、スタンプを重ねて配置します。白い中心が先に置いた輪郭を覆い、外側が透明なままであれば、キャラクター画像で再利用する準備は完了です。

• ブラシ先端 — Kritaマニュアル
• 5. ブラシ — GIMPマニュアル
• 楕円形選択ツール — Kritaマニュアル
• 編集メニュー — Kritaマニュアル
• ハイトマップ毛筆ブラシ先端 — Kritaマニュアル
• ブラシの読み込みと保存 — Kritaマニュアル
• 不透明度と流量 — Kritaマニュアル
• *.png — Kritaマニュアル
• Web向けに保存 — Kritaマニュアル