シェイプビルダーツールで作った物や、カーブで描いたイラストなどを塗るときに便利な「ベクター塗りつぶしツール」について解説します。
ベクター塗りつぶしツール
ベクター塗りつぶしツールは、ベクタースタジオのとき、シェイプビルダーツールを長押しすると出てきます。
ここらへんの位置にあります。
例題として、線で描いた丸と四角があります。
移動ツールなどで選択するか、ベクター塗りつぶしツールで囲むようにドラッグして選択してください。
選択解除はEscキーかCtrl＋Ｄで。
もう一度選択し直したいときは、Ctrlキーを押しながら領域外をクリックし、またドラッグで囲んで選択してください。
クリックした領域を塗りながら、新しいシェイプを作ります。
シェイプビルダーツールの「追加操作」と塗りを一緒にやってる感じですね。
↑「追加操作」のアイコン。これを押したときと操作感が似ています。
ドラッグすると、そのドラッグした領域の塗りを作成します。
挿入モード
挿入モードは、オブジェクトの塗りがあるときに、塗られ方が変わります。
内側
オレンジ部分を領域として塗りました。
すると、長方形の子レイヤー（内側）として、領域部分と、それ以外の塗りレイヤーが作成されます。
ちなみに、長方形の親レイヤーは、線のみのレイヤーになっています。
中間
中間だと、子レイヤーにはならず、新しく領域部分と、それ以外の塗りレイヤーが作られます。
塗りのレイヤーを子レイヤーにするか否かですね。
ややこしいのが、「中間」の方は、丸を先に塗るか、四角を先に塗るかで結果が変わることです。
下にある方を先に塗ると、線と塗りに分かれます。
ちょっと癖が強い＆塗りがあると、連続した領域を塗ってもひとつのオブジェクトにまとめることができないので、
塗りなしの線だけの状態で塗ってくのが一番分かりやすいと思います。
塗りつぶしモード（微妙）
塗りに「不透明度」が設定されている時のみ、塗り方が変わります。不透明度100％の時は、すべて色が置き換わります。
試しに、青色50％の塗りを設定しました。
上位に追加
50％濃度の青を追加で乗せるので、元の黄色と混ざって緑っぽくなります。
注目して欲しいのはアピアランスパネルです。
「ウィンドウ」－「ベクター」－「アピアランス」から表示できます。
アピアランスは、複数の塗りや線を指定することができるパネルです。
「上位に追加」のとき、もともと指定されていた黄色の塗りの上に、新たに50％青の塗りが追加されました。
もう一回クリックすれば、もう一つアピアランスに塗りが追加されました。
クリックした回数、アピアランスに塗りが追加されていきます。
スマートリフィル
「上位に追加」と似ていますが、こちらは複数回クリックしても、アピアランスに塗りが追加されるのは１つだけです。
間違えて複数回クリックして、色が濃くなってしまうのを防げます。
ノックアウト
塗りを重ねるのではなく、半透明の色に置き換えます。
ここまで解説してきてアレなんですが、半透明の塗りってトラブルが起きやすいので、あまりオススメしません(´・ω・`)
うっかり重ねて色が変になっちゃった、とか、下の線が変に見えちゃった、色が変わっちゃった、とか。
レイヤー見ても半透明がかかっているか分からないし、アピアランスをダブルクリックして、初めて半透明がかかっているのが分かるので、問題が起きたときに原因を探しにくいです。
CMYKモードの時なんか特に、CMYKが混ざった色を薄くすると赤く色が転びやすいので、高確率で「印刷したら色が変わっちゃった！」 となります。
半透明で色を塗るの、オススメしません(´・ω・`)
できる限り避けるのをオススメします。
そういう意味で、ほぼ使わない機能だと思っていいです。
ここまで解説しといてなんですが、別の機能で代用するようにしましょう(´・ω・`)
塗るときは常に「ノックアウト」で塗るのをオススメします。
オプション－表示されている境界線まで塗りつぶし
図形が重なって、後ろの線が見えないとき。
塗る範囲を、その見えない後ろの線を含めるか否か指定できます。
ＯＮにすると、見えない後ろの線を無視して塗りつぶします。
ON/OFFお好みで。
ピンク部分まで塗るか否か。
ビットマップ塗りつぶしを設定
指定した画像で塗りつぶしをすることができます。
ビットマップ塗りつぶしと同じように、塗った後にハンドルでサイズ調整できます。
詳しい解説は「塗りつぶしツールについて②／Affinity3」で。
クリックする前に、コンテクストツールバーで画像のフィット形式を選べます。
先にフィットモードをクリックして指定してから、図形をクリックして塗ってください。
縦長の画像を塗った時はこんな感じ。
「長辺で拡大（縦横の長い方がぴったり合うように拡大）」したとき、中心を基準にはみ出た両サイドが切り抜かれます。
「短辺で拡大」や、ハンドルを使って縮小したとき、周りは繰り返し画像で塗られます。
ストレッチは縦横比無視して引き伸ばして塗られます。
ちなみに、ビットマップ塗りつぶしでは不透明度や塗りつぶしモードの設定は無視されます。
塗った後は、普通に塗りつぶしツールで編集できます。
塗りつぶしツールを使えば、ビットマップの繰り返しを「回り込み」以外に、「ミラー」「繰り返し」「ゼロ」にできます。
ベクター塗りつぶしツールは、自分で描いた線画に色を付けるのに使ったりすると便利です。
今回はペイントブラシツールでざっと書いた後、「画像トレース」でベクター化してみました。
わざわざ選択範囲を作らなくても、クリックひとつで塗ることができるので楽です。
ちなみに、画風的に線画を閉じないでイラストを描かれる方も多いと思います。
線が離れていた方が抜け感があってかわいいですもんね。
しかし、線が閉じていないと、ベクター塗りつぶしツールではうまく塗ることができません。
そんな時は、線画のレイヤーと別に、隙間をふさぐようのレイヤーを作ってください。
分かりやすく赤で、線の隙間をふさぐように書きました。
ベクターで書いている時は、ワイヤーフレーム表示でもちゃんと線の隙間がふさがっているか確認してください。
色が塗れない場合、小さなすき間が空いている可能性が高いです。
表示切替はメニューの「表示」－「モード」－「ワイヤーフレーム」－「Ｘ線」または「アウトライン」からできます。
元に戻したいときは、「表示」－「モード」－「ベクター（またはピクセル）」で。
線画とすき間レイヤーを選択した状態で「ベクター塗りつぶしツール」を使い、色を塗ります。
塗り終わったら、要らないすき間レイヤーを削除して完了です。
Affinityならベクターで描いた線画にペイントブラシで色塗りできたりするので、使いこなすと楽しいと思います。
イラストの描き方系は、また別の機会に丁寧に解説したいと思います。
少しでも参考になれば！ (=・ω・=)✨
投稿
