# 进度动画 进度动画可实现绘制线条过程的效果和文字的打字机效果。 * * * * * **1. 制作图像进度动画** 如下图,在图层0的第1帧位置,鼠标点击“圆角矩形”工具在“舞台”上绘制出一个圆角矩形。 ![](https://box.kancloud.cn/e7792ba56321f7f6412451b4b9c8bea9_800x555.png) 在其“属性面板”下改变该矩形的填充色为“无色”、线条色为“黑色”。 ![](https://box.kancloud.cn/d66a9e01efd2d974267c6ac4a82b2f07_800x410.png) 继续绘制出一个圆角矩形和一个圆形,形成手机外框样式。 ![](https://box.kancloud.cn/0a29bdc91988b7d71d8fd31ff8058d9b_800x480.png) 在时间轴30帧位置右键→“插入帧” ![](https://box.kancloud.cn/9d465e38aad7558e256faee8d40b8fad_800x229.png) 在以插入帧的任意位置右键→“插入进度动画”,时间轴变成紫色 ![](https://box.kancloud.cn/fc60e198ecc9fbfba85355716d87e632_800x256.png) 点击“预览”,发现此时动画变成逐渐绘制的效果。 ![](https://box.kancloud.cn/c3ea9e11029020840b3d42031f834342_800x452.png) **2. 制作文字进度动画** 如图,点击新建一个图层,点击“文字”工具,在“舞台”上创建一个文本框,点击编辑文字内容 ![](https://box.kancloud.cn/24a488fa8798b9a7317199821f33d95b_800x517.png) 在新建图层1上的有帧位置,右键→“插入进度动画” ![](https://box.kancloud.cn/993e04b5588ba3d5bf97dd3f750946ba_800x384.png) 点击“预览”,观察字体逐字出来的动画效果 ![](https://box.kancloud.cn/ffdecb95c3b4599df43b530f754f92cd_800x469.png) 观看本节视频教程: http://cdn1.mugeda.com/course/3/3.3/3.3.5.mp4