flash动画制作成品_Flash如何制作沿曲线移动的箭头动画

e2e0f3829d1dd114482524fbbd49ee7f.png

箭头动画是制作一些流程类动画经常会用到的效果,主要用到的是动作补间动画,这里就简单讲一下使用Flash软件如何制作沿着曲线移动的箭头动画效果。

FLASH制作循环移动的箭头动画-百度经验​jingyan.baidu.com

适用软件:Animate CC及其它Flash软件

制作步骤:
1.这里用的是Flash CS6软件,打开Flash软件,新建Flash文件,可以选择Actionscript3.0或者Actionscript2.0。

66df82c09bf987c0668420bc1e44b8e4.png

2.在工具栏找到铅笔工具

c9ce0a03502c6b18e99feb27fcde8ff4.png

3.设置铅笔模式为平滑

266e48d23a76226b504c57a72f03e789.png

4.在舞台上绘制一条曲线,如图所示

8ee752c2f1a2ad0d47ad112462238161.png

5.使用矩形工具,绘制一个箭头,如图所示

f56cdab35da0e50fbd9726c32cb10942.png

6.新建一个图层,将曲线复制一个放到新的图层中,注意要原位粘贴(ctrl+shift+v)

111285fd28d99d88a2e0c3c2258dbed3.png

7.对曲线层进行锁定,更容易进行其它操作

ff053e41bf9d66fe65385f5f70edd4c7.png

8.选择下面图层的箭头和曲线,右键选择转换元件,或者使用快捷键f8,将曲线和箭头转换为图形元件

c5c24e69ade82a1dbef6e4a9fda04785.png

d54ee6a81d3e589b6ac939ce7f9cf80c.png

9.双击元件进入编辑状态,并选择箭头转换为图形元件

4ab6f52d0f4aa8340f4cb84db5e5b648.png

d5d211e0e33a009e69570df0e8954e8e.png

10.选择箭头元件,右键选择分散到图层。

b4104a6069954faab363bfba9eb46b69.png

1cc1a65b3af98029c1a8eead47a7778c.png

11.现在曲线单独在一个图层,使用鼠标右键选择这个图层,选择选择引导层

e2fd6ac5d56b8ccc02760985cbb137ee.png

0452e6e4341eaea4af8a768084a3a60d.png

12.现在使用鼠标拖动箭头图层,直到变成如图所示效果,这一步操作可能需要多次尝试才可以成功。

b2fd0459eba18c13e9d1b59df3491a26.png

362c7d589c09a07aa350a60dc731fd92.png

13.现在使用曲线制作箭头沿曲线移动的引导层动画,总帧数为120帧

FLASH如何使用动画形式之引导层动画​jingyan.baidu.com

e692f17f0721251524764fb724d5c9fd.png

14.注意这里的引导层动画中补间属性里要选择调整到路径

874e3bdcf0a5b7ed43e81828f4eecefc.png

15.回到主场景,延长时间轴到120帧,也就是在120帧处右键选择插入帧或者使用快捷键f5

e8986cc96c4c0df31b54846cb9fc9a11.png

16.现在的动态效果如图所示

57055bcbf88825e9cfdd1ab5f7a73559.gif

17.因为总帧数是120帧这里复制出19个同样的元件,并放到一个位置,依次从上到下设置它们的播放第1帧从120,114,108....1开始播放,具体操作为用鼠标点击一个箭头,然后在属性面板中设置如图

88f2d05bde02ce4b641d28da0f5ab920.png

18.全部设置好后的效果如图所示

142ae1b8ad1ef16ded07cc8a4d146781.png

19.现在就得到了沿曲线不断移动的箭头动画效果了

913feb73c8719fd66180d52825a80382.gif

如果有相关的FLASH或者Animate操作及代码方面的问题可以私信或留言,尽力解答!

如果感觉我们的文章很有用,记得分享给朋友或同学,让更多人方便的学习到实用的Flash知识。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值