分享

flash下雨效果的两种制作方法

 鬼舞十七 2014-02-16
 
 

支你一招:让flash地址永远有效 - 迎春 -

flash下雨效果的两种制作方法
作前准备:准备一张带水域的、规格为550×400图片,经过制图软(ps、fw)处理后保存到指定的文件夹待用。   

   制作步骤

    (一)鼠标法

  1.启动FLASH8 软件。

       2.确立文档属性 设置动画尺寸为550×400,背景颜色黑色,其它默认,点击确定,进入场景1。如图1所示:

 

图1

    3.创建影片剪辑

    (1)选择“插入-新建元件”,建立一个名为“雨点1”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。

    (a)选择下层第一帧,导入已准备好的背景图片,规格为550×400,全居中。右键该实例,将其转化为图形元件,在第20帧插入帧。上锁。

    (b)选择上层第一帧,用线条工具画一条斜线,规格约5×25,颜色浅灰,笔触高度为1,摆放位置在背景的上端,右键该实例将其转换为图形元件。如图2所示:

图2

在第20帧插入关键帧,将该实例按斜线方向移到背景的下端。点击第一帧,创建本区域间的补间动画。如图3所示:

图3

    最后删除背景图层,或删除该图层的背景实例。

    (2)选择“插入-新建元件”,建立一个名为“雨点2”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。

    (a)选择下层第一帧,从库中拖出背景图形元件到舞台,全居中。在第25帧插入帧。上锁。

    (b)选择上层第一帧,从库中拖出雨点图形元件,将其等比放大,规格约7×35,摆放位置在背景的上端。如图2所示。在第25帧插入关键帧,将该实例按斜线方向移到背景的下端。点击第一帧,创建本区域间的补间动画。如图3所示。删除背景图层,或删除该图层的背景实例。

    (3)选择“插入-新建元件”,建立一个名为“下雨”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择该图层第一帧,分别将雨点1和雨点2影片剪辑无规则地摆放在舞台中,(摆放一定数量后,你可以复制-粘贴n次),最终规格约为600×800。如图4所示:


图4

    (4)选择“插入-新建元件”,建立一个名为“涟漪1”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择该图层第一帧,用椭圆形工具在舞台托一个无填充色的横向椭圆形,规格为30×10,颜色浅灰,笔触高度1。全居中。右键该实例将其转换为图形元件。如图5所示:

图5

在第20帧插入关键帧,选中该实例,并将其等比放大为60×20,并设置其Alpha为0%,全居中。点击第1帧,创建本区域间的补间动画。如图6所示:

图6

    (5)选择“插入-新建元件”,建立一个名为“涟漪2”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择该图层第10帧,插入空白关键帧,用椭圆形工具在舞台托一个无填充色的横向椭圆形,规格为20×7,颜色浅灰,笔触高度1。全居中。右键该实例将其转换为图形元件;在第30帧插入关键帧,将该实例等比放大约为50×17,并设置其Alpha为0%,全居中。点击第10帧,创建本区域间的补间动画。

    4.组织背编辑场景 返回场景1,添加三个图层,共四个图层,自上而下命名为背景、涟漪、下雨和边框。

    (1)选择背景图层第一帧,从库中拖出背景图形元件到舞台,规格550×400,全居中。上锁。

    (2)选择涟漪图层第一帧,分别从库中拖出涟漪1、涟漪2影片剪辑若干,并将其分布在水域的各个角落,调整其大小、位置和Alpha参数。如图7所示:


图7

    (3)选择下雨图层第一帧,从库中拖出下雨影片剪辑放置在背景的下端,并覆盖背景。上锁。如图7所示(蓝线部分):


    (4)选择边框图层第一帧,导入或制作一个边框,规格为550×400,全居中。上锁。

    6.本作业完成后时间轴显示如图8所示:

flash下雨效果的两种制作方法 - 迎春 -

图8

  7.测试存盘

 

    (二)脚本法

  1.启动FLASH8 软件。

    2.确立文档属性 设置动画尺寸为550×400,背景颜色黑色,其它默认,点击确定,进入场景9。如图1所示:

 

图9

    3.创建影片剪辑

    选择“插入-新建元件”,建立一个名为“雨滴”的影片剪辑元件,点击确定,进入元件编辑区。添加三个个图层,共四个个图层。自下而上分别命名为背景、涟漪、雨滴、as。

    (1)选择背景第一帧,导入以准备好的背景图片,规格为550××400,全居中。右键该实例,将其转化为图形元件,在第20帧插入帧。上锁。

    (2)选择雨滴第一帧,用线条工具画一条斜线,规格约8×34,颜色浅灰,笔触高度为1,摆放位置在背景的上端,右键该实例将其转换为图形元件。如图10所示:

图10

在第10帧插入关键帧,将该实例按斜线方向移到背景的下端。点击第一帧,创建本区域间的补间动画。如图11所示:

图11

在第11帧插入空白关键帧,再在第20帧插入帧。上锁。

    (3)选择涟漪图层第10帧,插入空白关键帧,用椭圆形工具在雨滴下方托一个无填充色的横向椭圆形,规格为15×5,颜色浅灰,笔触高度1。右键该实例将其转换为图形元件。如图12所示:

图12

第20帧插入关键帧,将该实例等比放大为60×20,并设置其Alpha为0%。点击第10帧,创建本区域间的补间动画。如图13所示:

图13

    (4)选择as图层第20帧,插入空白关键帧。右键该空白关键帧,打开动作面板,在as编辑区输入停止指令:stop();

    测试满意后,删除背景图层,或删除该图层的背景实例。

本环节的时间轴,如图14所示:

图14

    4.组织背编辑场景 返回场景1,添加三个图层,共四个图层,自上而下命名为背景、下雨、边框和as。

    (1)选择背景图层第一帧,从库中拖出背景图形元件到舞台,规格550×400,全居中。在第60帧插入帧。上锁。

    (2)选择下雨图层第一帧,从库中拖出雨滴影片剪辑到舞台,测试并调整其位置(因为影片注册点不同,在舞台上的位置也不同),并在属性面板填写其“实例名称”为“下雨”。在第60帧插入帧。参考位置,如图15所示:


图15
(3)选择as图层第一帧,右键该空白关键帧,打开动作面板,在as编辑区输入如下语句:

c=0;

在第2帧插入空白关键帧,右键该空白关键帧,打开动作面板,在as编辑区输入如下语句:

//欢迎您的光临!;
function ee(){
duplicateMovieClip("下雨",c,c);
setProperty(c, _x,random(550));
setProperty(c, _y,random(400));
updateAfterEvent();
c++;
if (c>300) {
clearInterval(kk);
}
}
kk=setInterval(ee,30);
//祝您成功!;

在第60帧插入帧。上锁。

    (4)选择边框图层第一帧,导入或制作一个边框,规格为550×400,全居中。在第60帧插入帧。上锁。

    6.本作业完成后时间轴显示如图16所示:

 
图16 

  7.测试存盘

    *说明: 

    1.鼠绘效果和脚本效果各有千秋,鼠绘下雨更能发挥个人的主观能动性,根据需要而调整;脚本下雨形象逼真,程序简便。

    2.脚本下雨涟漪的位置是受脚本限制的,可能有的水域见不到,要想遍布水域的各个角落,则须建立涟漪影片剪辑后再随意添加。 

  最终效果显示:

 


http://hsb345./domName/hsb345/201291719151067645.swf

 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多