Skip to main content
Skip table of contents

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

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.