Slider Maker

Create layer animation - Jssor Slider Tutorial


1. Create 'tutorial06.slider'.

Open tutorial05.slider, click File -> Save As menu to save it as tutorial06.slider to your workspace.


2. Insert motion point.

Right-click (right mouse button click) on the frame at '1s', click 'Insert Motion Point' in the popup menu.



3. Set motion properties.

Select motion point P1, set motion property X to -300.
Select motion point P2, set motion property X to 200.



4. Set motion properties for the begining motion point of the second layer.

Select the begining motion point of the second layer, set motion property Y to -50.



5. Insert motion points and set motion properties of the second layer.

Insert a motion point at 1s. Insert a motion point P2 at 2s.
Select motion point P2, set motion property Y to 205.

Optionally, set Ease of Y property to Out Elastic.



6. Save your slider.

Click File -> Save menu to save your slider.



7. View your slider.

Click View menu to view your slider.
View example tutorial06.slider.