Drop Shadow(影付け)
画像の背後に、方向付きのハードシャドウを描きます。
中級
Since P00
入力ポート
Image(画像)
影を付けたい画像
出力ポート
Image(画像)
影付き画像
パラメータ
| 名前 | 型 | デフォルト | 説明 |
|---|---|---|---|
| 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にすると、元画像を重ねずに影だけ確認できます。directionは 8 方向から選びます。9 分割や複雑な rim light は将来の拡張対象です。
使用例
- キャラの右下に 1px の影を付ける
- UI アイコンを少し浮かせたように見せる
spreadを増やして、太めのベタ影を作るshadow_onlyで影だけ別レイヤーとして使う