元件是一种动态素材,可以快速生成和GIF一样的动态效果。把图片、SWF 、SVG等素材进行二次编辑,添加动画效果,也可以进行组件编辑。元件有两种操作方法,一是预设元件操作,如果不满意的话可以在元件的基础上进行二次编辑调整组成新的元件。二是自定义元件操作,自己组件新元件。

一、元件操作

1.首先在动画大师编辑器中,点击右侧工具栏中选择【元件】,选择元件中的素材点击添加。

2.添加素材后,在动画大师编辑器中自定义调整素材大小和位置,然后添加设置进退场动画效果,再调整素材时长。

如果觉得素材效果与预期不符合,可以在原有的元件素材上进行二次编辑修改。操作步骤如下:
1.选中元件素材点击图标进入编辑。

2.在编辑器里选中素材调整大小位置,点击添加其他素材,调整设置动画效果,添加自定义动画,也可以添加本地图片上去,设置好后点击预览播放查看效果。

3.全部设置完成后,点击【发布到】,重命名元件,输出帧率不变(默认60 fps)。

4.点击发布后会自动跳转到动画大师编辑器,这时我们点击【元件】选择【我的】然后就会出现我们二次修改好的元件,点击添加到编辑器。

自定义元件操作步骤:
1.首先在动画大师编辑器中,点击右侧工具栏中选择【元件】,点击【创建新元件】。

2.在编辑器里先确定好画布像素大小,在素材栏里点击添加其他素材,也可以添加本地图片上去。

3.调整设置动画效果,添加自定义动画,设置好后点击预览播放查看效果。

4.全部设置完成后,点击【发布到】,重命名元件,输出帧率不变(默认60 fps)。

5.发布后会自动跳转到动画大师编辑器中,点击【元件】选择【我的】会出现新创建好的元件,点击添加到编辑器中。

接下来举个例子:模拟车子行驶的效果
1.首先打开动画大师编辑器,在工具栏里选择【元件】点击【创建新元件】,跳转到编辑器里,点击搜索添加一个【车】的素材进去,然后搜索【轮胎】素材,再点击【轮胎】添加预设动画或者自定义动画,让它动起来。

2.可以添加多个场景:
比如要添加多个场景,就点击“+”创建空白场景,然后添加其他素材,设置动画效果,再添加自定义动画。

3.或者基于上一个场景点击复制,制作出连续的剧情场。

4.点击【发布到】,重命名元件,输出帧率不变(默认60 fps)。

5.发布后会自动跳转到动画大师编辑器中,点击【元件】选择【我的】会出现新创建好的元件,选择添加到编辑器中就可以了。
(如果在第三步没有设置多个场景,这里就不会弹窗,直接添加唯一的一个到画布上。)