今天要分享的是如何运用Mugeda制作gif图，步骤如下：

1. http://www.mugeda.com/   打开Mugeda云端H5交互设计平台，进入设计舞台

2．在属性面板，设置舞台大小为320*240像素，舞台背景色为黑色

3.在时间轴上新建一个图层，命名文字，然后选择媒体工具里的文字工具，在舞台上输入loading，字体大小为12，颜色为#6BBBBB。如图

4.新增一个图层，命名滑块，在属性面板上点击元件，进入元件舞台，新增元件，用绘制工具里的矩形工具绘制一个黑色的长方形，在时间轴上插入20帧，右击插入关键帧动画。选中第一帧，按shift键向左移动，实现长方形自左向右运动。

5.选中时间轴上滑块的第一帧，将元件拖动到舞台，放置在文字的左侧，如图。

6.新增一图层，命名曲线1，在24帧处按住鼠标左键向下拉，选中三个图层，右击插入帧，在曲线1时间线的第7帧处插入关键帧，选中绘制工具里的曲线工具，绘制一条曲线，如图

7.新增一图层，命名曲线2，选中曲线1的第7帧，复制曲线1，回到曲线2的第一帧右击粘贴，选中右击-变形-上下翻转，调整好位置， 如图

8.新增一图层，命名曲线三，在第十帧处右击—插入关键帧，选中绘制工具的曲线工具，从右向左绘制一条曲线，如图

9.选中曲线1图层，在关键帧后右击添加进度动画，在20帧处再右击插入关键帧结束进度动画。选中曲线2图层，在在关键帧后右击添加进度动画，在15帧处再右击插入关键帧结束进度动画。选中曲线3图层，在在关键帧后右击添加进度动画，在24帧处再右击插入关键帧结束进度动画。 如图

10.动画完成，导出gif动画。路径：文件—导出—GIF动画。