2.3.8 动画:元件动画
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
本节视频教程请点击此处。
元件动画可以实现复杂的动画效果,每一个元件都是一个独立的完整动画,元件在“舞台”上运动的同时,元件内部的动画也可以同时播放,元件可以重复使用。
如图,点击“素材库”,在“舞台”上添加一个车轮的图片素材
图2.3-48
选中车轮素材,右键→“转换为元件”,即将车轮元素属性转换为元件
图2.3-49
双击“舞台”上的车轮,进入元件编辑页面
图2.3-50
在时间轴50帧位置右键→“插入帧”
图2.3-51
在任意有帧的位置右键→“插入关键帧动画”
图2.3-52
点击选中最后有帧位置(此处为第50帧),在“属性面板”下调整元件属性“Z轴旋转角度”为“360”度
图2.3-53
点击“播放”可观察车轮出现自转一周的动画效果
图2.3-54
点击“舞台”回到“舞台”编辑页面
图2.3-55
点击“预览”发现元件动画可重复不断地播放
图2.3-56
元件也可重复使用。例如在“元件面板”下找到车轮元件,鼠标可将其选中并拖拉至“舞台”
图2.3-57
图2.3-58
元件可配合舞台操作进行复杂的动画设置。如下图,在“素材库”中添加进一个汽车图片素材至“舞台”,选中汽车图片,右键→“排列”→“移至底层”
图2.3-59
调整“舞台”上原本的两个车轮元件位置、大小,使其对齐覆盖汽车图片上的两个车轮
图2.3-60
点击“预览”,出现汽车轮胎转动的动画效果
图2.3-61
在“舞台”的40帧位置,右键→“插入帧”
图2.3-62
在有帧的位置右键→“插入关键帧动画”
图2.3-63
选中关键帧动画的起始帧(此处为第1帧),将汽车移至屏幕左侧。
图2.3-64
选中关键帧动画的最后帧(此处为第40帧),将汽车移至屏幕右侧。
图2.3-65
点击“预览”,观察汽车从屏幕左侧开至右侧的动画效果
图2.3-66
本节视频教程请点击此处。
元件动画可以实现复杂的动画效果,每一个元件都是一个独立的完整动画,元件在“舞台”上运动的同时,元件内部的动画也可以同时播放,元件可以重复使用。
如图,点击“素材库”,在“舞台”上添加一个车轮的图片素材
图2.3-48
选中车轮素材,右键→“转换为元件”,即将车轮元素属性转换为元件
图2.3-49
双击“舞台”上的车轮,进入元件编辑页面
图2.3-50
在时间轴50帧位置右键→“插入帧”
图2.3-51
在任意有帧的位置右键→“插入关键帧动画”
图2.3-52
点击选中最后有帧位置(此处为第50帧),在“属性面板”下调整元件属性“Z轴旋转角度”为“360”度
图2.3-53
点击“播放”可观察车轮出现自转一周的动画效果
图2.3-54
点击“舞台”回到“舞台”编辑页面
图2.3-55
点击“预览”发现元件动画可重复不断地播放
图2.3-56
元件也可重复使用。例如在“元件面板”下找到车轮元件,鼠标可将其选中并拖拉至“舞台”
图2.3-57
图2.3-58
元件可配合舞台操作进行复杂的动画设置。如下图,在“素材库”中添加进一个汽车图片素材至“舞台”,选中汽车图片,右键→“排列”→“移至底层”
图2.3-59
调整“舞台”上原本的两个车轮元件位置、大小,使其对齐覆盖汽车图片上的两个车轮
图2.3-60
点击“预览”,出现汽车轮胎转动的动画效果
图2.3-61
在“舞台”的40帧位置,右键→“插入帧”
图2.3-62
在有帧的位置右键→“插入关键帧动画”
图2.3-63
选中关键帧动画的起始帧(此处为第1帧),将汽车移至屏幕左侧。
图2.3-64
选中关键帧动画的最后帧(此处为第40帧),将汽车移至屏幕右侧。
图2.3-65
点击“预览”,观察汽车从屏幕左侧开至右侧的动画效果
图2.3-66
5 个评论
怎样让轮子转的速度快一点 可以调吗?
你把轮子元件的时间轴调短一点,就快了。
如何停止引用元件动画
如何轮子只转一圈 就停止呢
旋转角度数值写大一点