（1）新建文件，执行【文件】→【新建】命令或按“Ctrl+N”组合键，参照图6-56所示设置“新建”对话框，创建名为“动画设计”的文档。尺寸为670像素×420像素，分辨率为72像素/英寸，颜色模式为RGB颜色。

图6-56

（2）新建图层组和图层，单击“图层”面板底部的“创建新组”按钮，双击图层组名称命名为“文字”；按相同的方法创建“轨道”“蜗牛”图层组，如图6-57所示。

图6-57

（3）背景填入蓝色：设置前景色，R为221，G为232，B为234，按住“Alt+Backspace”组合键快速给背景图层填入蓝色，参数如图6-58所示。

图6-58

（4）编辑文字图层组：输入动画中要出现的文字，并调整字体、大小、位置，三段文字处于同一位置，但出现的时间不同，如图6-59所示。

图6-59

（5）编辑轨道图层组：单击工具栏中的“圆角矩形工具”，半径设置为50像素，分别绘制白底、阴影槽、绿条三个图层，对阴影槽和绿条添加图层样式，并复制两个短一些的绿条制作后期蜗牛爬过的痕迹，效果如图6-60所示。

图6-60

（6）编辑蜗牛图层组：执行【文件】→【打开】命令，打开素材中的形态各异的“蜗牛”文件，将不同形态的蜗牛多次复制到“动画设计”文件中的蜗牛图层组，便于制作不同帧的蜗牛状态，如图6-61所示。

图6-61

（7）执行【窗口】→【动画】命令，弹出动画制作框并生成第一帧动画，如图6-62所示。在这个制作框中单击复制所选帧，控制每一帧图层的可见性来制作动画。

图6-62

（8）在第一帧中将蜗牛图层组中的Frame2～Frame12的蜗牛图层单击，使其变为不可见的状态；同时，关闭文字图层组中的两个含“Sudden”的图层；关闭轨道图层组中的绿条图层。效果如图6-63所示。

(www.daowen.com)

图6-63

（9）制作第二帧，单击动画制作框中的复制所选帧，使第二只蜗牛呈可见状态，使其他蜗牛图层不可见并调整第二只蜗牛的位置，让图层“绿条副本”呈可见状态，其他图层保持第一帧的状态。效果如图6-64所示。

图6-64

（10）方法同上，利用不同形态的蜗牛制作艰难往前爬的过程，调整第一帧的时间为0.5秒、后面各帧的时间为0.2秒，直到第十帧蜗牛都维持较慢的速度，如图6-65所示。

图6-65

（11）制作中速移动的蜗牛：单击动画制作框中的复制所选帧开始制作第十一帧，使其他蜗牛图层不可见，使第十只蜗牛呈可见状态并调整其位置，让文字图层组中的“Su dden speed down or disconnect…”呈可见状态，关闭“Normal download speed”，其他图层保持第一帧的状态。效果如图6-66所示。

图6-66

（12）制作快速移动的蜗牛：方法同上，开启和关闭相应图层，效果如图6-67所示。

图6-67

（13）在动画制作框中单击播放键，检查动画效果是否合理，不合理可再次调整各帧的播放时间，合理就可导出GIF动画了，注意储存时找不到GIF格式，如图6-68所示。

图6-68

（14）导出GIF动画：执行【文件】→【储存为Web和设备所用格式】命令，弹出对话框，单击“存储”即可，如图6-69所示。

图6-69

（15）一个简单实用的GIF小动画就生成了，效果如图6-70所示。

图6-70