Your Ad Here
首页 | 编程语言 | 网站建设 | 游戏天堂 | 冲浪宝典 | 网络安全 | 操作系统 | 软件时空 | 硬件指南 | 病毒相关 | IT 认证
软讯网络 > 网站建设 > 网页制作 > 变幻莫测的Flash线条动画
【标  题】:变幻莫测的Flash线条动画
【关键字】:Flash,动画,Flash
【来  源】:网络

变幻莫测的Flash线条动画

Your Ad Here

    这个变化多姿的动画是由单线条动画做成的。它利用了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 行为中起着很大的作用。本例中的一些值,读者可自行更改调试

  最后便大功告成了,按Ctrl+Enter看看效果,如把背景改成黑色,视觉将更好,但是要把它放到有背景图的网页,可就效果不好了,如同贴在那里一样,那又怎样将其背景设为透明呢?是这样设的:

  保存并导出flash文件(为swf格式),启动Dreamweaver,插入flash并选中,在属性面板中点参数,前面输入wmode(窗口模式),后面的值输入transparent透明,点ok,按F12看看效果吧!.


快闪手册——Alt键的妙用:【上一篇】
Flash放大镜效果深入改进:【下一篇】
【相关文章】
  • Flash雪景贺卡制作
  • 用Flash制作密码保护页面
  • Flash 实现的透视效果
  • Flash 交互打字效果
  • Flash变速滑动菜单剖析
  • Flash游戏制作:贪食蛇
  • Flash游戏制作规划与流程漫谈
  • Win32教程26-启动画面
  • 在数据窗口中实现动画
  • Delphi让你发送Flash电子邮件(1)
  • 【随机文章】
  • 探索Heap Corruption
  • 艾,明天估计要晚了
  • Fireworks MX 2004 常见问题解答(2)
  • 爱自己一点
  • NVIDIA Geforce 8 系列显卡规格表
  • (转载)如何 限制速度
  • Soft-ICE 实例起步( Windows 版)
  • Web安全技术与防火墙
  • 面向过程与面向对象的区别
  • 操作系统和应用软件全面开花
  • 【相关评论】
    没有相关评论
    【发表评论】
    姓名:
    邮件:
    随机码*
    评论*
          
    |  首 页  |  版权声明  |  联系我们   |  网站地图  |
    CopyRight © 2004-2007 bbb软讯网络 All Rigths Reserved.