编辑器的时间轴是幻灯片动画生命周期的直观表示。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/slider-timeline-6.jpg)
内容
- 列表显示
- 时间轴持续时间
- 预览时间表
- 重命名图层
- z-index /堆叠顺序
- 动画制作
- 附加控制
- 相关话题
- 进度条
- 幻灯片进度
- 幻灯片动画
- 图层动画
1.列表视图
单击这些图标可以打开或关闭,以显示/隐藏所有图层或基于其垂直对齐显示/隐藏行。仅用于管理员编辑目的。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/list-view-6.jpg)
2.时间轴持续时间
时间线的总持续时间最初是在“滑块设置”->“默认值”中最初定义的,然后在“幻灯片设置”->“进度”中单独设置。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/slider-timeline-duration-6.jpg)
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/slide-timeline-duration-6.jpg)
然后,可以使用鼠标左右拖动以下屏幕快照中所示的块,在时间轴中对其进行调整。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/drag-timeline-6.jpg)
也可以通过单击时钟图标,然后编辑其百分比来调整持续时间。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/reset-timings-6.jpg)
3.预览时间表
要预览时间线,请单击“播放”图标
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/preview-timeline-6.jpg)
或用鼠标拖动“空闲”块
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/preview-animation-6.jpg)
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/drag-preview-1-6.jpg)
4.重命名图层
双击时间轴中的图层文本以将其重命名
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/rename-layers-6.jpg)
也可以通过在编辑器的顶部中心编辑其标题来重命名图层
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/layer-renaming-6.jpg)
5.层z-index /堆叠顺序
相互拖动时间轴中的图层以调整其z索引/堆叠顺序。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/stacking-order-1-1-6.jpg)
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/stacking-order-2-6.jpg)
6.动画
每个图层都有一个“入”和“出”动画,也可以有其他“关键帧”动画。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/layer-animations-6.jpg)
然后,这些动画将显示在时间轴中,如下面的#1(动画输入),#2(关键帧动画)和#3(动画输出)所示。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/start-move-end-5.jpg)
用鼠标拖动动画块以在时间轴中调整动画的起点,如下面的屏幕快照所示。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/timeline-position-6.jpg)
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/timeline-position-2-5.jpg)
并通过拖动块的终点来编辑动画的持续时间
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/animation-duration-5.jpg)
最后,单击下面的屏幕快照中所示的箭头图标,以切换在幻灯片更改之前图层是否随动画离开视线,还是图层随“等待”直到时间轴完成才正式消失。
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/snap-to-end-1-5.jpg)
7.附加控件
上下拖动时间线窗口或使用时间线的垂直滚动条显示更多图层
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/drag-timeline-window-5.jpg)
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/timeline-scroll-vertical-5.jpg)
并使用时间轴的水平滚动条来管理较长的时间轴
![[Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。 [Slider Revolution 6]编辑器的时间轴是幻灯片动画生命周期的直观表示。](https://aladd.net//wp-content/uploads/2020/05/timeline-scroll-horizontall-5.jpg)