Back to Node List

Drop Shadow

drop_shadow

Draws a directional hard shadow behind the image. Shadows outside the canvas are clipped; use Padding for extra space

Draft

Guide available

The node name and summary are available in English. Port, parameter, and article details are currently shown in Japanese.

Input Ports

Name	Type	Description
画像 input	Image Required	影を付けたい画像

Output Ports

Name	Type	Description
画像 output	Image	影付き画像

Parameters

Name	Type	Default	Range	Description / Options
方向 direction	Enum	DownRight	—	影を伸ばす方向です右下`DownRight` 影を右下へ伸ばします下`Down` 影を下へ伸ばします左下`DownLeft` 影を左下へ伸ばします右`Right` 影を右へ伸ばします左`Left` 影を左へ伸ばします右上`UpRight` 影を右上へ伸ばします上`Up` 影を上へ伸ばします左上`UpLeft` 影を左上へ伸ばします
距離 distance	Int	1	0–32	影をどれだけずらすかです
広がり spread	Int	0	0–16	影シルエットを追加でどれだけ膨らませるかです
広がりモード spread_mode	Enum	Radial	—	広がりを全方向へ出すか、選んだ方向側だけに出すかを切り替えます全方向`Radial` 影の周囲へ全方向に広がります方向限定`Directional` 選んだ方向側だけに広がります
影色 color	Color	[0,0,0,0.6000000238418579]	—	影の色です。アルファも含みます
アルファしきい値 threshold	Float	0.5	0–1 / step 0.01	この値以上の透明度を影を落とす領域として扱います
余白 padding	Int	0	0–32	出力画像の外側に足す透明余白です
影だけ出力 shadow_only	Bool	false	—	元画像を重ねず、影だけを出力します

どういう時に使う？

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

注意

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

使用例

キャラの右下に 1px の影を付ける
UI アイコンを少し浮かせたように見せる
spread を増やして、太めのベタ影を作る
shadow_only で影だけ別レイヤーとして使う

Back to Node List

Drop Shadow — PixPipeline Node Reference