Outline(アウトライン)

画像の不透明部分に輪郭線を描きます。外側配置と内側配置を選べます。

中級
Since P00

入力ポート

Image(画像)

輪郭線を付けたい画像

Image

出力ポート

Image(画像)

アウトライン付き画像

Image

パラメータ

名前デフォルト説明
Width太さInt`1`アウトラインの太さです
Placement配置Enum`Outside`アウトラインを外側に置くか、内側に置くか
Color線色Colorアウトラインの色です
Alpha Thresholdアルファしきい値Float`0.5`この値以上の透明度を塗られた領域として扱います
Padding余白Int`0`出力画像の外側に足す透明余白です
Pixel Perfect Cleanupピクセルパーフェクト補正Bool`false`アウトライン帯の L 字コーナーを整理します
Cleanup Side補正する側Enum`OuterSide`元画像に接する側を補正するか、外側を補正するか
Also Clean Outer Corners外側のL字も除去Bool`false`元画像側補正を選んだ時に、外側に残る L 字コーナーも追加で除去します
Outline Only線だけ出力Bool`false`元画像を重ねず、輪郭線だけを出力します

注意

  • placement = Outside の時は、輪郭線が画像の外側へ広がるので width を増やすと出力サイズも大きくなります。
  • placement = Inside の時は、輪郭線は元画像の内側に描かれるので、padding を増やさない限り出力サイズは変わりません。
  • padding はアウトラインとは別に追加される透明余白です。
  • outline_only = true の時は、元画像部分は出力しません。
  • pixel_perfect はパス由来のベクタ補正ではなく、2 値化した画像マスクに対するラスタ補正です。
  • pixel_perfect_side = SourceSide は元画像に接する側、OuterSide はアウトライン帯の外側を基準に L 字コーナーを整理します。
  • pixel_perfect_side = SourceSide で透明穴が出るケースは、元画像色を補って自然につながるように補正します。
  • placement = Inside かつ外側補正で塗りがはみ出すケースは、塗り側も合わせて削って輪郭と整合させます。
  • pixel_perfect_also_outerSourceSide を選んだ時の追加オプションで、外側に残る L 字だけをもう一段除去します。

使用例

  1. ピクセル文字やアイコンに縁取りを付ける
  2. outline_only で、ふちだけ別レイヤーとして使う
  3. placement = Inside で、元画像サイズを保ったまま内側縁取りにする
  4. pixel_perfect を併用して 1px アウトラインの L 字を整理する
  5. padding を足して、後段の合成で切れないようにする
Outline (アウトライン) — PixPipeline ノード解説