我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地:首页 > 网络学院 > 图型图像 > FLASH > Flash制作大雪纷飞效果动画
热门文章排行
热门文章排行 Photoshop制作精美的简历封面(10-12)
在Flash课件中正确调用SWF文件(11-25)
巧用Photoshop徒手绘制扇子(10-19)
CorelDRAW12循序渐进-制作文本效果(12-29)
消除文字勾边后产生毛刺的小技巧(06-14)
精采文章排行
精采文章排行 GIF动态图片的修改(11-07)
Q版人物绘制全过程(11-07)
Flash互动电子地图制作手册——入门(11-01)
Flash 8.0前瞻——揭开8 ball的薄面(10-24)
土人AS入门教程对象篇(10-24)
技术专题推荐
网管论坛交流
 

Flash制作大雪纷飞效果动画 

作者:佚名   来源:Linux 宝库   点击:   日期:2006-11-25


-->
其实这种实例已经非常多了!不过因为前几天下了一场雪,而且现在也是冬天了!我还是期盼着再来一场啊!所以给喜欢的朋友介绍一下制作雪的方法。动画中鹅毛般的雪花悠悠而落,相当逼真。本教程通过简单的AS复制雪花并控制它们的运动,形成大雪纷飞的效果。

  老规矩,首先看动画效果吧!





下面介绍一下制作的步骤:


  1.打开我们经常使用的Flash mx 2004,新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为450px x 240px,背景为#00105A,帧频为18fps。



  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“雪片”的图形元件,点选“椭圆”工具,在“雪片”元件的编辑场景中按Shift键拉出一个直径为5像素的圆,再用“箭头”工具稍微调整一下,画一个雪片的形状。(当然你可以画的更好啊!呵呵)



  3.新建一个名为“雪花运动”的影片剪辑元件,将“库”面板中的“雪片”元件拖入该层的场景中。点选“雪片”层的第40帧按下F6键插入关键帧,接着右键单击第1帧选择“创建补间动画”命令,再点选第20帧再插入一个关键帧。


  4.右键单击“雪片”层,在弹出的菜单中选择“添加引导层”命令为“雪片”层建立一个引导层,如图2所示。在引导层里画一条曲线,将第1和第40帧的“雪片”元件吸附在曲线的左端,第20帧的“雪片”元件吸附在曲线的右端。下面三个图分别演示了在第1帧、20帧、40帧雪片的位置。(制作技巧提示:如果你觉得不好调整可以放大比例啊!比如400%、800%等!)





  5.回到“场景1”,把库中的“雪花运动”元件拖入到场景中,点选第3帧按下F5键插入帧。点选场景中的“雪花运动”元件,在“属性”面板里给影片剪辑“雪花影片”取个实例名“snow”。



  6.在“场景1”中新建一个图层,改名为“action”,分别点选层中的第1、2、3帧按F7键插入空白关键帧,这时你也可以把图层1改名为“snow”,按F9键打开“动作”面板,输入如下代码:



  第1帧中的代码如下:


// 变量flakes用来控制雪花的数量,即密度
// _visible属性隐藏母本
n = 1;
flakes = 100;
snow._visible = 0;


  第2帧中的代码如下:


i = 1;
while (i<=flakes) {
    //控制雪花飘落速度
    this["snow" add i]._y += Math.random()*2+2;
    i++;
}
if (n == flakes) {
    n = 1;
} else {
    // Math.random()方法取0到1之间的随机数
    ssize = Math.random()*50+30;
    // 复制雪花
    duplicateMovieClip("snow", "snow" add n, n);
    // 控制雪花飘落范围
    this["snow" add n]._x =  Math.random()*500;
    // 雪花随机变换大小
    this["snow" add n]._xscale = ssize;
    this["snow" add n]._yscale = ssize;
    n++;
}


  第3帧中的代码如下:


// 返回到第2帧播放
gotoAndPlay(2);


  效果到这里就完成了。代码中的this对象的作用是引用影片剪辑实例。





文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论

   相关文章:
·消除文字勾边后产生毛刺的小技巧 · 解决COREDRAW9与双核CPU冲突的技巧 5
·CorelDRAW入门与进阶实例:8.2椭圆按钮制 ·CorelDRAW印前分色新手上路
·IllustratorCS制作刺绣效果 ·CorelDRAW使用技巧-如何在CorelDRAW中虚

   文章评论:(条)
  
 请留名: 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。