分享

[原创]]flash动画制作之沿引导线运动动画 实例:公转

 昵称9324327 2016-02-25

相关文章:
1.flash动画制作之逐帧动画 实例:背斜成谷,向斜成山
2.flash动画制作之补间动画 实例:断层
3.flash动画制作之沿引导线运动动画 实例:公转
4.flash动画制作之补间形状 实例:月亮的圆缺变化


沿引导线运动的小球


先制作一个小球移动的动画:
1.用工具面板上的椭圆工具按住shift键绘制一小圆,选择一径向渐变的填充颜色填充小圆,绘制出一小球
2.在时间轴面板上选择第一帧,鼠标右键点击,在弹出菜单上选择“创建传统补间”
3.在时间轴第60帧,(多少帧自己定,帧数越多,动画速度越慢,越少,则越快)鼠标右键点击,在弹出菜单上选择“插入关键帧”
4.将第60帧的小球向右拖动到新的位置
5. 测试动画

2011-6-19 10-27-21.png

效果如下:
小球直线.gif


结果,小球向右作直线运动。如果我们想让小球作曲线运动,动画怎么制作呢?按如下步骤:

1. 完成以上做小球直线运动的动画各步骤
2011-6-19 10-14-09.png

2. 在时间轴面板上选择小球直线运动所在图层,然后新建一图层,(时间轴面板上有个新建图层的按钮)使其在小球运动图层的上一图层,在该图层上用铅笔等画线工具绘制一曲线
2011-6-19 10-28-44.png


3.在时间轴面板上选择曲线所在图层,鼠标右键点击,在弹出菜单上选择“引导层”,使曲线变成引导线

2011-6-19 10-29-07.png

4.用鼠标左键按住小球直线运动所在图层稍向上拖动,使其被引导。
2011-6-19 10-29-30.png

5.选择第一帧,拖动小球到引导线的第一个端点,选择最后一帧,拖动小球到引导线的第二个端点。

2011-6-19 10-30-01.png

2011-6-19 10-30-18.png

6.测试动画

效果如下:
小球曲线无线.gif


发现一个问题,刚才绘制的曲线在测试完成的动画中没有显示,怎么办呢?下面来解决:


1.引导线图层上面新建一图层,将引导线图层上的曲线复制,粘贴(粘贴到当前位置)到该图层(说明:引导线图层内容在导出的动画上不显示,若要让其显示,则需新建一图层,将引导线图层内容复制到该图层)
2011-6-19 10-32-51.png

2011-6-19 20:20:29 上传
下载附件 (16.34 KB)


2.测试影片

效果如下:
小球曲线有线线在上.gif

测试后的动画中出现了线条,但是曲线在小球上面,如果我们想让曲线在小球下面,如何操作呢?解决办法如下:


1.将引导线图层上面的图层即曲线所在图层选中,向下拖至小球运动图层下面,并稍向左拖动,使其成为普通层,不被引导线引导。


2011-6-19 10-33-38.png




2.测试影片


效果如下:


小球曲线有线线在下.gif



[ 本帖最后由 kexiaohong 于 2011-6-29 06:00 编辑 ]

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多