本页主题: flash飘雪制作 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

pc9g
级别: 管理员


精华: 0
发帖: 5549
威望: 3774 点
货币: 2492 骨头
贡献值: 7881 点
好评度: 386 点
在线时间:622(小时)
注册时间:2005-04-06
最后登录:2008-12-03

 flash飘雪制作

雪这个效果做法很多,从简单到复杂,从形象到逼真。本文介绍的

这个做法算是比较简单的,适合初学者学习……



这个效果做法很多,从简单到复杂,从形象到逼真。我这个做法可以算是比较简单的。

效果预览:



第一步 画雪

1>画雪
雪是白色的,所以你要在场景中画个白色的雪,至于雪的形状,实在不好描述,各位根据自己的喜好来画,像我美术不好的,画个简陋点的圆就可以了,当然你也可以画成雪花什么更好看的形状:)
2>建立雪的元件
然后选中画好的雪,按F8,将其保存为一个图片元件,并命名此元件为snow,并将此时场景中的snow元件删除

第二步 制作下雪

1>建立下雪元件
首先按Ctrl+F8新建一个电影剪辑元件,并为此命名snowing,然后进入编辑。
2>画飘雪路径
点按钮添加一个引导层,用铅笔工具,从上到下,歪歪曲曲的画一条长长的线,

这就是雪飘的路径。但是要记住从元件的中心点(如图1)开始往下画,至于怎么画?

随便画就可以了,别在这里浪费太多的时间:)


图1

3>制作飘雪1

添加一个新层命名为snowfall,然后Ctrl+L打开库,将刚才的snow元件拖入snowf

all层,将snow的编辑点对准引导线的顶端。为了在操作中不让引导线干扰,可以锁住引导层。
4>制作飘雪2
接着,去第50帧按F6建立关键帧,当然别忘了把引导层也拖到第50帧(对引导层的第

50帧按F5),将50帧上的snow元件对准引导线的尾端。
5>稍作测试
返回snowfall层的第一帧,右击鼠标选择"创建补间动画"ok,按enter看看雪飘的你满

不满意:)当然一粒(颗,片??)雪飘起来看起来会有点别扭,没关系,我们继续做下去
snowing元件完成参考图:




第三步 漫天大雪
1>建立雪花实例
回到主场景,打开库,将刚才的snowing元件拖入场景里。按Ctrl+F3打开属性面板,为其实例命名"snow"



2>as制作
新建一层命名为as,(喂喂喂,别走,不要听到as就逃嘛)
在as层第一帧写下:

var snowNum = 0; //定义雪花的数量初始值为0
snow._visible=false; //场景中snow实例的为不可见


然后到第二帧写下:

snow.duplicateMovieClip("snow"+snowNum, snowNum); //复制snow实例
var newSnow = _root["snow"+snowNum]; //把复制好的新snow名称用newSnow代替
newSnow._x = Math.random()*450; //新复制的snow实例的x坐标是0~450的一个随机值
newSnow._y = Math.random()*20; //新复制的snow实例的y坐标是0~20的一个随机值
newSnow._rotation = Math.random()*100-50; //新复制的snow实例的角度是-50~50度的一个随机值
newSnow._xscale = Math.random()*40+60; //新复制的snow实例的水平宽度比例是60~100的一个随机值
newSnow._yscale = Math.random()*40+60; //新复制的snow实例的垂直宽度比例是60~100的一个随机值
newSnow._alpha = Math.random()*30+70; //新复制的snow实例的透明度是70~100的一个随机值
snowNum++; //雪花数量加上1



接着在第三帧写下:

if (snowNum<120) { //当雪花数小于120时候
gotoAndPlay(2); //跳到第二帧
} else { //否则
stop(); //停止
}
3>完成
最后别忘了把含有snowing元件的层也拖到第三帧.OK,Ctrl+Enter测试吧。

源文件下载


PS:
如果效果不满意,可以修改第二帧中的一些属性
_x,_y是雪花起始位置
_rotation是雪花飘落的角度
_xscale,_yscale是雪花的大小
_alpha是雪花的透明度
也可以直接修改你的snowing元件中单个雪花飘落的效果
顶端 Posted: 2007-01-18 15:55 | [楼 主]
shouxiao
级别: 2


精华: 0
发帖: 7
威望: 4 点
货币: 35190 骨头
贡献值: 0 点
好评度: 0 点
朋友圈: 红心大花花猫盟
在线时间:0(小时)
注册时间:2007-01-28
最后登录:2007-01-29

 

随 机 事 件您在Pc狗狗时尚先锋回复帖子受到表彰,嘉奖1000骨头!


最后的效果的是怎么样的!我自己做的不是怎么好!!有效果吗?
顶端 Posted: 2007-01-28 10:30 | 1 楼
帖子浏览记录 版块浏览记录
Pc狗狗时尚先锋 » 网页制作


Time now is:12-04 04:09, Gzip enabled
Powered by PHPWind v6.3.2 Certificate Code © 2003-08 PHPWind.com Corporation