よつばゲームズ
ノード一覧に戻る

影付け

drop_shadow

画像の背後に方向付きのハードシャドウを描きます。キャンバス外の影はクリップされます。余白が必要な場合は padding を使ってください

下書き
解説あり

入力ポート

名前型説明
画像
input
Image
必須
影を付けたい画像

出力ポート

名前型説明
画像
output
Image
影付き画像

パラメータ

名前型既定値範囲説明・選択肢
方向
direction
Enum
DownRight—

影を伸ばす方向です

  • 右下DownRight
    影を右下へ伸ばします
  • 下Down
    影を下へ伸ばします
  • 左下DownLeft
    影を左下へ伸ばします
  • 右Right
    影を右へ伸ばします
  • 左Left
    影を左へ伸ばします
  • 右上UpRight
    影を右上へ伸ばします
  • 上Up
    影を上へ伸ばします
  • 左上UpLeft
    影を左上へ伸ばします
距離
distance
Int
10–32

影をどれだけずらすかです

広がり
spread
Int
00–16

影シルエットを追加でどれだけ膨らませるかです

広がりモード
spread_mode
Enum
Radial—

広がりを全方向へ出すか、選んだ方向側だけに出すかを切り替えます

  • 全方向Radial
    影の周囲へ全方向に広がります
  • 方向限定Directional
    選んだ方向側だけに広がります
影色
color
Color
[0,0,0,0.6000000238418579]—

影の色です。アルファも含みます

アルファしきい値
threshold
Float
0.50–1 / step 0.01

この値以上の透明度を影を落とす領域として扱います

余白
padding
Int
00–32

出力画像の外側に足す透明余白です

影だけ出力
shadow_only
Bool
false—

元画像を重ねず、影だけを出力します

どういう時に使う？

  • ドット絵のキャラやアイテムに、右下の影を付けたい時
  • 1px だけ横や下にずらして、片側エッジ影のように見せたい時
  • Outline ではなく、方向を持った影を付けたい時

注意

  • これはぼかしシャドウではなく、ハードエッジの影です。
  • distance = 1 で、片側のエッジ影に近い見た目を作れます。
  • spread を増やすと、影の塊が太くなります。
  • spread_mode = 全方向 は影の周囲へ均等に広がります。
  • spread_mode = 方向限定 は選んだ方向の半平面/象限側だけへ広がるので、逆側へのはみ出しを抑えられます。
  • 出力サイズは元画像と同じで、キャンバス端からはみ出す影はクリップされます。
  • 影のための余白が必要な場合だけ padding を指定します。上下左右へ指定値分の透明余白が追加されます。
  • shadow_only = true にすると、元画像を重ねずに影だけ確認できます。
  • direction は 8 方向から選びます。9 分割や複雑な rim light は将来の拡張対象です。

使用例

  1. キャラの右下に 1px の影を付ける
  2. UI アイコンを少し浮かせたように見せる
  3. spread を増やして、太めのベタ影を作る
  4. shadow_only で影だけ別レイヤーとして使う
ノード一覧に戻る
影付け — PixPipeline ノード解説