Svg Layer Mask

Open /jssorservice/200-svg/201-svg-layer-mask-before.slider/=edit.

1. Prepare an Svg Panel layer and more than one child layers.

2. Right-click on a child layer, click Set as Mask on the context menu. Now the child layer becomes a mask layer.

See result /jssorservice/200-svg/201-svg-layer-mask.slider/=edit.

How a Mask Layer affact it's parent Panel Layer?

A Mask Layer determines the visibility of all other contents in it's parent Panel Layer.

The luminosity of the Mask Layer is critical factor, white means visible, black means invisible, gray means translucent. Change color of the Mask Layer from white to black to see difference.

Startup Layout Settings Options Settings Add Slide Add Layer Insert Motion Point Layer Animation Layer, Motion Point, Timeline Manage Motion Points & Frames Move Layer Resize Layer Manage Layers Layer Animation (3d) Layer Animation (letter) Layer Animation (Repeat) Svg Layer Mask Import Svg Path Edit Svg Path Panel Layer Effect (Gooey) Panel Layer Effect (Neon) Panel Layer Effect (Distort) Insert Break Point Responsive Settings Bullet Navigator Arrow Navigator Thumbnail Navigator Loading UI Enable Slideshow Shortcut Keys Tip: Adjust Speed Export Code