Flash制作漫天飞雪的视觉效果

所属分类: 媒体动画 / Flash教程 阅读数: 73
收藏 0 赞 0 分享

  本例讲解的是Flash制作漫天飞雪的视觉效果方法。教程制作出来的效果如鹅毛般的雪花悠悠而落,相当逼真。实例中通过简单的AS复制雪花并控制它们的运动,形成大雪纷飞的效果。下面我们先来看看效果图吧:

  效果图:

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

  2.按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“雪片”的图形元件,点选“椭圆”工具,在“雪片”元件的编辑场景中按Shift键拉出一个直径为5像素的圆,再用“箭头”工具稍微调整一下,最后形状大概如图1所示。

图1

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

  4.右键单击“雪片”层,在弹出的菜单中选择“添加引导层”命令为“雪片”层建立一个引导层,如图2所示。在引导层里画一条曲线,将第1和第40帧的“雪片”元件吸附在曲线的左端,第20帧的“雪片”元件吸附在曲线的右端。如图3所示(此图为400%显示)。

图2

图3

 

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

图4

  6.在“场景1”中新建一个“脚本”层,分别点选层中的第1、2、3帧按F7键插入空白关键帧,如图5所示,按F9键打开“动作”面板,输入如下代码:

图5

  第1帧中的代码如下:


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

  第2帧中的代码如下:


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

  第3帧中的代码如下:


复制代码
代码如下:
// 返回到第2帧播放
gotoAndPlay(2);

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

  以上就是Flash制作漫天飞雪的视觉效果,希望大家喜欢本教程!

更多精彩内容其他人还在看

flash怎么绘制一个按笔画写出来的春字动画?

flash怎么绘制一个按笔画写出来的春字动画?flash中想要制作一个写出来的文字动画小狗哦,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么定位图元? flash图元的三种定位方法

flash怎么定位图元?flash中很多朋友为了定位图元而烦恼,位置的对齐涉及到两个概念,注册点和变形点,下面我们就来看看flash图元的三种定位方法,需要的朋友可以参考下
收藏 0 赞 0 分享

FLASH怎么给透明按钮添加播放代码?

FLASH怎么给透明按钮添加播放代码?FLASH中国想要给按钮赋予一些功能,比如播放功能,该怎么办呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash怎么制作滚动的方块GIF动画?

Flash怎么制作滚动的方块GIF动画?Flash中想要制作一个动画,今天我们就来看看比较简单的实例动画,就是一个滚动的方块,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么给图片制作伸缩动画效果?

flash怎么给图片制作伸缩动画效果?flash中想要给图片添加一些动态显示效果,该怎么制作伸缩的动画效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash文件中的图片怎么替换?

flash文件中的图片怎么替换?flash文件中想要替换某一张图片,该怎么替换呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么使用绘图工具?

flash怎么使用绘图工具?flash中想要绘制图形,需要使用绘图工具,今天我们就来看看flash中绘图工具的使用方法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画月牙和云朵图形?

flash怎么画月牙和云朵图形?flash中想要画一个月亮和云朵组成的图,该怎么绘制呢?下面我们就来看看详细的画法,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么给图片添加聚光灯照射效果?

flash怎么给图片添加聚光灯照射效果?flash中想要给图片添加聚光灯效果,这样方便聚焦一个人物,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么制作一段写字动画?

flash怎么制作一段写字动画?flash中想要制作一段毛笔写字的动画,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多