用木疙瘩做动画：元件动画.docxVIP

文档 文档 PAGE / NUMPAGES 文档 2.3.8 动画：元件动画 元件动画可以实现复杂的动画效果，每一个元件都是一个独立的完整动画，元件在“舞台”上运动的同时，元件内部的动画也可以同时播放，元件可以重复使用。 如图，点击“素材库”，在“舞台”上添加一个车轮的图片素材 图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