Shadows and glow

Rendering effects can be used to add various layer effects, such as drop shadows and glows.

Shadows

Shadow filter sdw creates a drop shadow effect, which can be applied to text and image layers. The effect parameters include:

  • x and y drop shadow offset

  • b specifies the blur radius of the shadow

  • c specifies the shadow color

  • o allows to modify the shadow opacity without having to adjust the color alpha channel manually.

For example:

https://fx.images.drivecommerce.com/api/v1/drive/image/?layer&src=BOX1000X500CF0F0F0FF&layer&fnt=f:NotoSans-Bold.ttf;s:100;a:c;va:c&txt=Hello\\sWorld&size=1000,500&fx=sdw(x:10;y:10;b:5;c:000000;o:0.5)

image-20241130-055039.png

https://fx.images.drivecommerce.com/api/v1/drive/image/?layer&src=coffee&sz=1000,500&fx=sdw(x:10;y:10;b:5;c:000000;o:0.5)

image-20241130-055309.png

Inner shadows

Inner shadows isdw create a shadow effect along the inner edges of the layer, rendering inside the image rather than outside, as with drop shadows.

The effect parameters include:

  • x and y drop shadow offset

  • b specifies the blur radius of the shadow

  • c specifies the shadow color

  • o allows to modify the shadow opacity without having to adjust the color alpha channel manually.

For example: https://fx.images.drivecommerce.com/api/v1/drive/image/?layer&src=coffee&sz=1000,500&fx=isdw(x:10;y:10;b:10;c:000000;o:0.5)

image-20241130-060106.png

Glow

Glow effect glw is similar to the drop shadow effect, however it produces a glow that is composited using a screen operation with the underlying image; that is, the glow will brighten the area outside of the layer.

The effect parameters include:

  • x and y glow offset

  • b specifies the blur radius of the glow

  • c specifies the glow color

  • o allows to modify the glow opacity without having to adjust the color alpha channel manually.

For example:

https://fx.images.drivecommerce.com/api/v1/drive/image/?layer&src=coffee&sz=1000,500&fx=glw(x:10;y:10;b:10;c:ffff00;o:0.5)&bgc=323234

image-20241130-060244.png

Inner glow

The inner glow effect iglw is similar to the inner shadow effect, however it produces a glow that is composited using a screen operation with the underlying image; that is, the glow will brighten the area inside of the layer.

The effect parameters include:

  • x and y glow offset

  • b specifies the blur radius of the glow

  • c specifies the glow color

  • o allows to modify the glow opacity without having to adjust the color alpha channel manually.

For example:

https://fx.images.drivecommerce.com/api/v1/drive/image/?layer&src=coffee&sz=1000,500&fx=iglw(x:10;y:10;b:10;c:ffff00;o:0.5)&bgc=f0f0f0

image-20241130-060504.png