变幻莫测的Flash线条动画

作者佚名技术来源服务器技术浏览发布时间 2012-07-14

　　这个变化多姿的动画是由单线条动画做成的。它利用了Flash的形变、移动动画原理及FOR循环、复制电影剪辑 duplicateMovieClip() 、旋转电影（rotation()）等行为做成的。（本例子较适合具有一定FLASH 动画制作、行为动画基础的人学习，如是新手，则要多花一点时间，但没有关系，有谁一出生就是闪客呢？

　　心动不如行动，一起来动动手吧！本例子分为如下三大步：　　一、线的变形：利用FLASH的形变动画原理。　　二、线的变色：利用FLASH的移动动画原理。　　三、设置行为：利用FOR循环、复制电影剪辑 duplicateMovieClip() 、旋转电影（rotation()）等原理。　　第一步：线的变形

　　启动FLASH MX，新建文件，按CTRL+M，将电影属性设为：（如左下图）

　　然后，CTRL+F8，新建电影剪辑，取名为line1,点OK进入电影的编辑状态，右击工作区，调出网格，并以电影的中心为中点，画一跟粗细为3（选中直线工具，在属性面板上修改），选中直线，按CTRL+T打开对象转换面板，输入45，并回车确认转换，如上右图。

　　接着，在工作区上（除直线外的任何位置）单击取消对直线的工具，将鼠标放到直线旁，变成弧形时，按住左键往左下角拖如左下图，在20、40帧按F6插入关键帧，并选中20帧上的对象，将向下弯的弧线向上拖，如右下图：

　　最后，分别选中第1、20帧，在下方属性面板的动画类型中选shape，做形状动画，至此，第一大步已做完了。

　　第二步：线的变色　　CTRL+F8新建电影，取名为line2，点OK进入，按CTRL+L打开库面板（在FLASH 5.0中可左下角书的图标，在FLASH MX打着灯笼也找不到，就记这个快捷键吧！）将line1拖出并对齐中心，在20、40帧处F6，分别将三帧上的对象的颜色改为红、绿、蓝，每一种浓度改为100%,并把20帧上的对象用变形工具拉大一点。注意：改色时一定要单击工作区上的弧线，才会出现属性面板的color选项。

　分别右击第1、20帧，选Creat Motion Tween创建移动动画，回到场景　　第三步，最为关键的一步就是设行为了：

　　从库面板中拖出line2并选中它，在属性面板中输入line

　　在Flash 5.0里是双击需要设行为的帧，而在flash MX中则直接选要设行为的帧，并打开属性面板上的Actions面板或右击要设行为的帧选Actions，也可打开，这样做就多了一步，一般不用这种方法（至少我不喜欢用）。点“+”号增加行为（在Flash MX中，其行为已分类存放，如用惯了flash 5.0的则要耐心一点去找它）

　　A、在行为面板上点“+”号，依次选择Actions-->conditions/loops-->for增加For 循环句如右上图

　　B、在行为面板上点“+”号，依次选择Actions-->Variables--->Set Variables在弹出对话框中的Variables框中输入linenew，定义一个新变量，供后面复制电影之用，在下面变量的值中输入"line" add i将line叠加起来，形成line1,line2,line3……，因为linenew="line" add i是赋值表达式，所以把该框后的表达式的框选上

　　C、在行为面板上点“+”号，依次选择Actions-->Movie Clip Control---> duplicateMovieClip如左下图

　　D、在行为面板上点“+”号，依次选择Actions-->Movie Clip Control---> SetProperty如左上图，下面是所设行为代码：

　　for （i=1; i＜100; i++） {
　　　　linenew = "line" add i;
　　　　duplicateMovieClip（"line", linenew, i）;
　　　　setProperty（linenew, _rotation, 6*i）;
　　}

　　另：Setproperty是设置电影属性的意思，它可以设置电影的大小、透明、横、枞坐标值、旋转等属性，在flash 行为中起着很大的作用。本例中的一些值，读者可自行更改调试

　　最后便大功告成了，按C

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

1 2 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: 用Flash制作夜色雨景下一篇: 有趣的Flash鼠标跟随效果

关于变幻莫测的Flash线条动画的所有评论

随机推荐