![e2e0f3829d1dd114482524fbbd49ee7f.png](https://i-blog.csdnimg.cn/blog_migrate/f72e42b13856d209c71698a2d6b3e7ff.jpeg)
箭头动画是制作一些流程类动画经常会用到的效果,主要用到的是动作补间动画,这里就简单讲一下使用Flash软件如何制作沿着曲线移动的箭头动画效果。
FLASH制作循环移动的箭头动画-百度经验jingyan.baidu.com适用软件:Animate CC及其它Flash软件
制作步骤:
1.这里用的是Flash CS6软件,打开Flash软件,新建Flash文件,可以选择Actionscript3.0或者Actionscript2.0。
![66df82c09bf987c0668420bc1e44b8e4.png](https://i-blog.csdnimg.cn/blog_migrate/32c445423fbf1a2a9435e6f7ebe650d7.jpeg)
2.在工具栏找到铅笔工具
![c9ce0a03502c6b18e99feb27fcde8ff4.png](https://i-blog.csdnimg.cn/blog_migrate/516bac3dddbfcc9bed7ac1e4f340920b.png)
3.设置铅笔模式为平滑
![266e48d23a76226b504c57a72f03e789.png](https://i-blog.csdnimg.cn/blog_migrate/71ad0dc00a936971d9e25267d18ca19b.png)
4.在舞台上绘制一条曲线,如图所示
![8ee752c2f1a2ad0d47ad112462238161.png](https://i-blog.csdnimg.cn/blog_migrate/f73637f84fdbc8ee3b8441aaee6542ef.png)
5.使用矩形工具,绘制一个箭头,如图所示
![f56cdab35da0e50fbd9726c32cb10942.png](https://i-blog.csdnimg.cn/blog_migrate/029ee9e80916d1798c8fcf025cbaf4de.png)
6.新建一个图层,将曲线复制一个放到新的图层中,注意要原位粘贴(ctrl+shift+v)
![111285fd28d99d88a2e0c3c2258dbed3.png](https://i-blog.csdnimg.cn/blog_migrate/2aed8af3182052a9b3202bd038aa4232.jpeg)
7.对曲线层进行锁定,更容易进行其它操作
![ff053e41bf9d66fe65385f5f70edd4c7.png](https://i-blog.csdnimg.cn/blog_migrate/9c224d7a2474dc92f5ad09486dfdc889.png)
8.选择下面图层的箭头和曲线,右键选择转换元件,或者使用快捷键f8,将曲线和箭头转换为图形元件
![c5c24e69ade82a1dbef6e4a9fda04785.png](https://i-blog.csdnimg.cn/blog_migrate/831ef83789f63dede0ab585c4b8d50c0.png)
![d54ee6a81d3e589b6ac939ce7f9cf80c.png](https://i-blog.csdnimg.cn/blog_migrate/3c0fc7c2705762dce31da8b807ed1ede.png)
9.双击元件进入编辑状态,并选择箭头转换为图形元件
![4ab6f52d0f4aa8340f4cb84db5e5b648.png](https://i-blog.csdnimg.cn/blog_migrate/bd3ada5bb7dc779ddab47a1e6dae4c77.png)
![d5d211e0e33a009e69570df0e8954e8e.png](https://i-blog.csdnimg.cn/blog_migrate/979f0dd808402a9d268da0886c1cefa1.png)
10.选择箭头元件,右键选择分散到图层。
![b4104a6069954faab363bfba9eb46b69.png](https://i-blog.csdnimg.cn/blog_migrate/837d04a65229dc5ce3ddfcc05fc84c17.png)
![1cc1a65b3af98029c1a8eead47a7778c.png](https://i-blog.csdnimg.cn/blog_migrate/cd48a351b697133a407430a77dcd8453.png)
11.现在曲线单独在一个图层,使用鼠标右键选择这个图层,选择选择引导层
![e2fd6ac5d56b8ccc02760985cbb137ee.png](https://i-blog.csdnimg.cn/blog_migrate/1d52c6e4ff4b55d7139026956bb784f2.jpeg)
![0452e6e4341eaea4af8a768084a3a60d.png](https://i-blog.csdnimg.cn/blog_migrate/1d105b3862ce07c61e5f9dc339611cad.png)
12.现在使用鼠标拖动箭头图层,直到变成如图所示效果,这一步操作可能需要多次尝试才可以成功。
![b2fd0459eba18c13e9d1b59df3491a26.png](https://i-blog.csdnimg.cn/blog_migrate/9c9cfc29b50f3a412b559c88db278ed8.png)
![362c7d589c09a07aa350a60dc731fd92.png](https://i-blog.csdnimg.cn/blog_migrate/23b983401580ee308c45d7d00351557a.png)
13.现在使用曲线制作箭头沿曲线移动的引导层动画,总帧数为120帧
FLASH如何使用动画形式之引导层动画jingyan.baidu.com![e692f17f0721251524764fb724d5c9fd.png](https://i-blog.csdnimg.cn/blog_migrate/272cb621bc46fc36aa79c79d0f0f9ebf.jpeg)
14.注意这里的引导层动画中补间属性里要选择调整到路径
![874e3bdcf0a5b7ed43e81828f4eecefc.png](https://i-blog.csdnimg.cn/blog_migrate/b5a903a7fce1e05ab50b4977de5872b6.png)
15.回到主场景,延长时间轴到120帧,也就是在120帧处右键选择插入帧或者使用快捷键f5
![e8986cc96c4c0df31b54846cb9fc9a11.png](https://i-blog.csdnimg.cn/blog_migrate/ccd12624740e65f996ccde16b454d0fe.jpeg)
16.现在的动态效果如图所示
![57055bcbf88825e9cfdd1ab5f7a73559.gif](https://i-blog.csdnimg.cn/blog_migrate/2e252e2c9e4853f62711934cd590a239.gif)
17.因为总帧数是120帧这里复制出19个同样的元件,并放到一个位置,依次从上到下设置它们的播放第1帧从120,114,108....1开始播放,具体操作为用鼠标点击一个箭头,然后在属性面板中设置如图
![88f2d05bde02ce4b641d28da0f5ab920.png](https://i-blog.csdnimg.cn/blog_migrate/2a9ddd90563c9f1e69be349580ca192c.png)
18.全部设置好后的效果如图所示
![142ae1b8ad1ef16ded07cc8a4d146781.png](https://i-blog.csdnimg.cn/blog_migrate/a06e67d054f9759639fc0daa98d2edd9.png)
19.现在就得到了沿曲线不断移动的箭头动画效果了
![913feb73c8719fd66180d52825a80382.gif](https://i-blog.csdnimg.cn/blog_migrate/fb6986763ba03d0f966f0d985b2b1d6e.gif)
如果有相关的FLASH或者Animate操作及代码方面的问题可以私信或留言,尽力解答!
如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。