2.3.8 动画:元件动画

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

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

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

2.3-48_.png

图2.3-48

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

2.3-49_.png

图2.3-49

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

2.3-50_.png

图2.3-50

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

2.3-51_.png

图2.3-51

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

2.3-52_.png

图2.3-52

点击选中最后有帧位置(此处为第50帧),在“属性面板”下调整元件属性“Z轴旋转角度”为“360”度

2.3-53_.png

图2.3-53

点击“播放”可观察车轮出现自转一周的动画效果

2.3-54_.png

图2.3-54

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

2.3-55_.png

图2.3-55

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

2.3-56_.png

图2.3-56

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

2.3-57_.png

图2.3-57
2.3-58_.png

图2.3-58

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

2.3-59_.png

图2.3-59

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

2.3-60_.png

图2.3-60

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

2.3-61_.png

图2.3-61

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

2.3-62_.png

图2.3-62

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

2.3-63_.png

图2.3-63

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

2.3-64_.png

图2.3-64

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

2.3-65_.png

图2.3-65

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

2.3-66_.png

图2.3-66
 

4 个评论

怎样让轮子转的速度快一点 可以调吗?
你把轮子元件的时间轴调短一点,就快了。
如何停止引用元件动画
如何轮子只转一圈 就停止呢

要回复文章请先登录注册