元件动画

元件动画可以实现复杂的动画效果,每一个元件都是一个独立的完整动画,元件在“舞台”上运动的同时,元件内部的动画也可以同时播放,元件可以重复使用。


如图,点击“素材库”,在“舞台”上添加一个车轮的图片素材

选中车轮素材,右键→“转换为元件”,即将车轮元素属性转换为元件

双击“舞台”上的车轮,进入元件编辑页面

在时间轴50帧位置右键→“插入帧”

在任意有帧的位置右键→“插入关键帧动画”

点击选中最后有帧位置(此处为第50帧),在“属性面板”下调整元件属性“Z轴旋转角度”为“360”度,点击“播放”可观察车轮出现自转一周的动画效果

点击“舞台”回到“舞台”编辑页面

点击“预览”发现元件动画可重复不断地播放

元件也可重复使用。例如在“元件面板”下找到车轮元件,鼠标可将其选中并拖拉至“舞台”

元件可配合舞台操作进行复杂的动画设置。如下图,在“素材库”中添加进一个汽车图片素材至“舞台”,选中汽车图片,右键→“排列”→“移至底层”

调整“舞台”上原本的两个车轮元件位置、大小,使其对齐覆盖汽车图片上的两个车轮

点击“预览”,出现汽车轮胎转动的动画效果

在“舞台”的40帧位置,右键→“插入帧”→右键→“插入关键帧动画”

选中关键帧动画的起始帧(此处为第1帧),将汽车移至屏幕左侧

选中关键帧动画的最后帧(此处为第40帧),将汽车移至屏幕右侧

点击“预览”,观察汽车从屏幕左侧开至右侧的动画效果

观看本节视频教程:
http://cdn1.mugeda.com/course/3/3.3/3.3.8.mp4