您好!欢迎您光临下雨效果的两种制作方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>下雨效果的两种制作方法
下雨效果的两种制作方法
发表日期:2012-9-17 19:16:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 6259

 

下雨效果的两种制作方法

 

   

       教学目的:通过本节教学了解和掌握鼠标、脚本制作下雨效果的基本原理和基本方法,以及动作面板中as语句的添加与使用,进而运用鼠标、脚本制作出逼真的动画效果来。

  教学对象:本教材是针对有一定动画制作基础和对工具箱、动作面板及as语句有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

       教学要点:补间动画动作面板、脚本添加。

 

 

        作前准备:准备一张带水域的、规格为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所示:

图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.16789.net/domName/hsb345/201291719151067645.swf

 


 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167