0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Affinityの選択範囲に関するTips

Last updated at Posted at 2025-11-27

ベクター図形の外側を塗りつぶしたい

以下のPhotoshopハウツー動画を参考に、Affinityで海岸線をベクター図形で描いてその外側を塗るにはどうしたらよいかという質問がRedditに上がっていた。

ベクター図形の外側を塗りつぶすには、Affinityの「マスクの反転」…ベクターか、ピクセルか。の記事でも紹介した、キャンバス全体の四角形からベクター図形を型抜きする方法を使えばよい。

今回はその別解とも言える、ベクター図形を選択範囲にし、反転させ、塗りつぶしレイヤーを使う方法を紹介する。

仮に雲形を海岸線としよう。
af_pixsel1.png

いったん海岸線を何色でもよいので塗りつぶす。
af_pixsel2.png

海岸線を選択し、ピクセル→ピクセル選択範囲→レイヤーから。
af_pixsel3.png

海岸線の輪郭とその内側が選択される。
af_pixsel4.png

続けて、ピクセル→ピクセル選択範囲→反転。
af_pixsel5.png

これで海岸線の外側が選択できた。
af_pixsel6.png

ピクセル→新規塗りつぶしレイヤー。
af_pixsel7.png

スウォッチから黒を選ぶと、黒で塗りつぶされる。
af_pixsel8.png

レイヤーパネルでオーバーレイを選択すると、動画のように海岸線の外側の色を濃くすることができた。
af_pixsel9.png

作業が終わったら、海岸線の内側の塗りを透明にする。
af_pixsel10.png

選択範囲で境界線を描きたい

Photoshopを使っている人はAffinityでも選択範囲で境界線を描きたいという希望があるようだ。
Xの投稿でも選択範囲で境界線を描く機能が無いとか、こうやればいいといったものがいくつも見られる。
この記事でも一案を示したい。
ポイントは選択範囲をアウトラインで境界線化することと、塗りつぶしレイヤーを使うことである。

長方形選択ツールや楕円形選択ツールなどで選択範囲を作る。
af_pixsel11.jpg

ピクセル→ピクセル選択範囲→アウトライン。
af_pixsel12.png

描きたい境界線の幅を半径で指定する。
行揃えは、外側・中央・内側から選べる。
af_pixsel13.png

適用を押して確定し、ピクセル→新規塗りつぶしレイヤー。
あとはスウォッチなどを使って好きな色に塗るだけである。
af_pixsel14.jpg

選択範囲をベクター図形化する

記事を公開してすぐに内容を追加するのもどうかと思うが、選択範囲をベクター図形にするにはというRedditの質問。

選択範囲を新規塗りつぶしレイヤーで塗りつぶした後、ベクター→画像トレースを使えばよいと。
確かに、Affinity by Canvaではこの技が使えるのであった。参考まで。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?