![95d0a570d318f5869cc194cb07a27d48.png](https://i-blog.csdnimg.cn/blog_migrate/f281e5a0c0734aa6d0456c84d386cf2f.jpeg)
FLASH比较常用于制作各种流程演示,特别是流向类比如水流、电流、信息流等,在这里讲一下如何制作基本的流程动态效果。主要知识点:补间动画
适用软件:Animate CC或其它FLASH软件
制作方法:
1.打开软件,新建AS3文档。低版本可以选择AS2或其它文档。
![0b8c2df4c54f4386817bfbae1d06ab57.png](https://i-blog.csdnimg.cn/blog_migrate/9797dcdc5b4474d25d4925e79ef520a1.jpeg)
2.在舞台画一个蓝色矩形,宽为40像素,高为20像素。
![1dc8788eaa4fd007a2c044fe6875fb9a.png](https://i-blog.csdnimg.cn/blog_migrate/50f740788ce07d76b080c4631950eb08.png)
3.复制一个矩形,改为灰色,注意位置与第一个矩形对齐
![55468c2c12a7ddaca12f8ec8eaeaad2d.png](https://i-blog.csdnimg.cn/blog_migrate/6767314ffd2d8887a0dc339a148181c3.png)
4.继续复制几组,如图所示
![e2aed12088b64c7e7f7156167cb5bfe1.png](https://i-blog.csdnimg.cn/blog_migrate/dc64d35fe9d8e2d9429eda6544280ab7.png)
5.选择所有的矩形转换为图形元件。
![afd3d3b537fabdcb5345c079effef1cb.png](https://i-blog.csdnimg.cn/blog_migrate/62bed10368169f59b979921fce871633.png)
6.继续转换图形元件为图形元件。
![a47e1048e2acae380e3fd53b444002a3.png](https://i-blog.csdnimg.cn/blog_migrate/c15a941dc380e492f09bad6fae5e989d.png)
7.双击进入编辑状态,制作补间动画,在第30帧,将元件向右移动80像素。然后创建补间动画。
![8e455d10a54d9b8717f637756c0c0e58.png](https://i-blog.csdnimg.cn/blog_migrate/23f58109f79572bcf0f34f2fb72833e9.png)
![c4915b41876da18cb88f1d4d11a83f16.png](https://i-blog.csdnimg.cn/blog_migrate/4ba7e9fbbb0970f4cab938f8c2b8c61c.png)
8.现在的效果如动图所示:
![9fee20f075491987f5581618bec0c588.gif](https://i-blog.csdnimg.cn/blog_migrate/c4ba8cf1bffed7a6d3815e1551857813.gif)
9.返回舞台,新建图层后,绘制一个矩形,注意范围。最后把矩形图层右键变为遮罩层。
![e1e193429388da7457723fe1af06a54d.png](https://i-blog.csdnimg.cn/blog_migrate/7c768f01bb26b08b819e3839ff3f6d7f.png)
![605d44593da582d3e364c8a3945794f3.png](https://i-blog.csdnimg.cn/blog_migrate/69a04ba184c47eea67fba65fe4944f7d.png)
10.好了,流程动态效果就制作好了,如图所示
![db9733078571b8884afddbe6815a31a9.gif](https://i-blog.csdnimg.cn/blog_migrate/1a73c55ba2d4c004e17d5b080b41334c.gif)
如果有相关的FLASH或者Animate操作及代码方面的问题可以私信或留言,尽力解答!
如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。