009-layer-animation-letter.slider - Jssor Slider Composer Tutorial

009-layer-animation-letter.slider - Jssor Slider Composer Tutorial

1. Open /jssorservice/009-layer-animation-letter-before.slider/=edit

2. Set Split Text.

Select the Text Layer, click Split Text toolbox item. Set Split Text value to letter.

3. Set Letter X Property (Motion Point 1).

Select the first MotionPoint, Set Letter X value to 100.

4. Set Letter X Property (Motion Point 2).

Select the second Motion Point, Set Letter X value to 0.

5. Drag Timeline Pointer along the timeline to preview animation.

6. See result /jssorservice/009-layer-animation-letter.slider/=edit

Create Slider Set Slider Layout Layer Animation (Move) Insert Motion Point Move Motion Point Move Layer Resize Layer Manage Layers Layer Animation (3d) Layer Animation (Split Text) Layer Animation (Repeat) SVG (Mask) Panel Layer Effect (Gooey) Panel Layer Effect (Neon) Panel Layer Effect (Distort) Layer Animation (Fade) Layer Animation (Scale/Zoom) Layer Animation (Rotate) Layer Animation (Blur) Layer Animation (Color) Layer Animation (Clip) Layer Animation (Letter Spacing) Layer Animation SVG - Path/Text (Dash) Layer Animation SVG - Path (Path) Layer Animation SVG - Textpath (Letter Start) Options (Slideshow)