Drop Shadow
Draws a directional hard shadow behind the image
intermediate
Since P00
Input Ports
Image
影を付けたい画像
Output Ports
Image
影付き画像
Parameters
| Name | Type | Default | Description |
|---|---|---|---|
| Direction | Enum | `DownRight` | 影を伸ばす方向です |
| Distance | Int | `1` | 影をどれだけずらすかです |
| Spread | Int | `0` | 影シルエットをどれだけ膨らませるかです |
| Spread Mode | Enum | `Radial` | 広がりを全方向に出すか、選んだ方向側だけに出すかを切り替えます |
| Shadow Color | Color | 半透明の黒 | 影の色です。アルファも含みます |
| Alpha Threshold | Float | `0.5` | この値以上の透明度を影を落とす領域として扱います |
| Padding | Int | `0` | 出力画像の外側に足す透明余白です |
| Shadow Only | Bool | `false` | 元画像を重ねず、影だけを出力します |
どういう時に使う？
- ドット絵のキャラやアイテムに、右下の影を付けたい時
- 1px だけ横や下にずらして、片側エッジ影のように見せたい時
Outlineではなく、方向を持った影を付けたい時
注意
- これはぼかしシャドウではなく、ハードエッジの影です。
distance = 1で、片側のエッジ影に近い見た目を作れます。spreadを増やすと、影の塊が太くなります。spread_mode = 全方向は影の周囲へ均等に広がります。spread_mode = 方向限定は選んだ方向の半平面/象限側だけへ広がるので、逆側へのはみ出しを抑えられます。shadow_only = trueにすると、元imageを重ねずに影だけ確認できます。directionは 8 方向から選びます。9 分割や複雑な rim light は将来の拡張対象です。
Usage Examples
- キャラの右下に 1px の影を付ける
- UI アイコンを少し浮かせたように見せる
spreadを増やして、太めのベタ影を作るshadow_onlyで影だけ別レイヤーとして使う