如何使用flash制作下雨动画

合集下载

flash教程_下雨

flash教程_下雨
3.1.1 雨
【绘制雨】
步骤2:遵循雨的运动规律绘制直线,(可先绘制雨的一部分,如红框内, 然后复制出其他部分并进行调整)。
绘制雨
2006
9
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.1 雨
【绘制雨】
步骤3:全选所有直线按“F8”键转换成图形元件,命名为“雨”。 步骤4:按“F6”键在关键帧后添加2个关键帧。
实践目的2 制作出符合运动规律雨的 动画
2006
6
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.1 雨
【实践】
在了解了雨的运动规律后,制作一个雨的动画 。首先遵循雨的运动规 律绘制直线 ,然后绘制涟漪并复制排列,最后添加背景。
2006
7
第3章 自然现象及特效
<第1节雨雪效果制作>
直线来代替雨滴

2006
22
第3章 自然现象及特效
<第1节雨雪效果制作>
结束
2006
23
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.1 雨
【绘制涟漪】
步骤4:依此类推,再添加一个新图层,并在3个图层后添加空白帧若干。
制作补间动画
2006
15
第3章 自然现象及特效
<第1节雨雪效果制作>
3.1 雨雪效果制作
3.1.1 雨
【绘制涟漪】
步骤5:新建“图层4”,并在上面随意新建一个图形元件,剪切上一步绘制 好的3个图层,替换到新建元件中 。
3.1 雨雪效果制作

FLASH动画设计讲解实例193

FLASH动画设计讲解实例193

实例 193 场景动画——下雨本实例将介绍下雨的场景动画。

1. 案例设计分析 ‰ 设计思路下雨是最常见的场景动画之一。

本实例为了更清楚地展示下雨的效果,选择一张海面图。

将雨形象化, 以线条表现雨丝,当雨丝落入水中,溅起波纹,波纹逐渐扩散。

‰ 案例效果剖析本实例制作的下雨动画效果如图 193‐1所示。

下雨效果图 193-1 效果展示2. 案例技术要点本实例中主要用到的功能及技术要点如下。

z 补间形状动画:使用补间形状动画制作雨丝下落及制作水纹扩散的动画的动画。

z 停止脚本:在关键帧中添加脚本“stop();”停止播放。

3. 案例制作步骤源文件路径 素材路径 视频路径 难易程度源文件\第 10 章\实例 193 下雨.fla 素材\第 10 章\实例 193\背景.jpg 视频\第 10 章\实例 193 下雨.mp4 ★★★01 新建一个空白文档,并新建“下雨”影片剪辑元件,选择 (线条工具),设置笔触颜色和填充颜色均为白色,在舞台中绘制线条,如图 193-2所示。

02 在第 25 帧处插入关键帧,将线条向左下角移动。

在第 1~25 帧之间创建补间形状动画,如图 193-3所示。

图 193-2 在舞台中绘制线条图 193-3 创建补间形状动画03 在第 26 帧和第 45 帧处插入空白关键帧。

在第 45 帧处按F9 键打开“动作”面板,在“动作”面板中输入脚本“stop();”。

04 新建“图层 2”图层,在第 26 帧处插入空白关键帧。

选择 (椭圆工具),在线条的下方绘制椭圆。

在第 45 帧处插入关键帧,选择 (任意变形工具)将其放大,如图 193-4所示。

05 在第 45 帧处打开“颜色”面板,设置笔触颜色为Alpha值为 5%的白色,在第 26~45 帧之间创建补间形状动画,如图 193-5所示。

图 193-4 选择任意变形工具将其放大图 193-5 创建补间形状动画06 新建“底图”图形元件,将“库”面板中的“背景.jpg”素材图像拖至舞台中。

flash制作下雨动画

flash制作下雨动画
i++;
} // end while
}
oபைடு நூலகம்ClipEvent (enterFrame)
{
var i = 1;
while (num >= i)
{
_root["xiayu" + i]._x = _root["xiayu" + i]._x -1
_root["xiayu" + i]._x = random(550);
_root["xiayu" + i]._y = -random(400);
_root["xiayu" + i].dir = -random(50);
_root["xiayu" + i].v = random(210) + 102;
{
_root["xiayu" + i]._y = 0;
} // end if
i++;
} // end while
}
Flash简单制作下雨动画
1、创建文档,背景为黑色。其他的默认。
2、创建一个mc(哈哈,你别问我什么是mc,是影片剪辑呀!),在第一帧画一个雨点,一个就够了。雨点的样子你总可以画吧?
3、回到场景,打开库,给它取个标识符叫xiayu ,(哦?不知道怎么加标识符?哈,打开库面板,右键点一下,有个属性,连接:为Actionscript导出,打上勾,在标识符旁边输入xiayu,呵呵)。把雨点拖到场景中。(就这么简单)。
4、选中mc,打开动作面板。将下面的AS添加到动作面板的编辑区,记住哟,一定要加在mc上,别弄错了哟。

用ACTIONSCRIPT动作脚本制作FLASH下雨特效

用ACTIONSCRIPT动作脚本制作FLASH下雨特效
二、认识和理解动作脚本术语
和任何脚本撰写语言一样,flash动作脚本既有和其他语言相同之处,比如数据类型、关键字、运算符、表达式、函数、变量等等,但也有自己的独特专用术语,它本身具有独特的专业含义,只有准确地理解术语,才能读懂语句,真正地理解脚本的含义,逐步构建自己编写动作脚本的基础。
1、动作:是在播放SWF文件时指示SWF文件执行某些任务的语句。
5、实例:实例是属于某个类的对象,类的每个实例均包含该类的所有属函数。
7、实例名称:实例名称是脚本中用来表示影片剪辑和按钮实例的唯一名称,
关键词:flash;AS脚本;下雨特效
一、引言
flash是Macromedia公司推出的一种优秀的交互式动画制作软件,具有体积小、互动性强、兼容性好的特点,一直受到动画制作者的青睐。如今,因特网上已具有成千上万个flash站点,让人尽情地享受这种多媒体技术所带来的动感,flash动画势必将成为未来网页的一大主流。在flash动画制作过程中,AS动作脚本扮演着一个重要的角色,动作脚本是flash动画中使用的程序脚本,通过动作脚本,可以对动画进行高级的逻辑控制,能实现时间轴的特殊效果,能帮助用户按照自己的想法更加准确地创建电影。效果更加精彩纷呈,但是如何能掌握好flash动作脚本制作技术,已经成为广大学习者迫切需要解决的问题。本文通过制作下雨特效实例,让读者了解和掌握一些动作脚本的运用。
2、类:类是可以创建与定义新类型的数据类型,若要定义类,需在外部脚本文件中使用class关键字。
3、构造函数:构造函数是用于定义类的属性和方法的函数。
4、事件:事件是SWF文件播放时发生的动作。例如,在加载影片剪辑,播放头进入帧,用户单击按钮或影片剪辑,或者用户按下键盘上的键时,会产生不同的事件。

多种下雨场景——Flash动画全制作

多种下雨场景——Flash动画全制作
ro.t c M ve (y ” ” u + h n u se — ota ah o i ”u , y ” se d , h n t

下方 向拖 动 一 段 距 离 。 在 第 一 至 五 帧 时 间轴 添 d + , u + {xl0 t. n o 一 :0 0Mahr dm 0一l0 a 0, —: y 加 形 状 变 化 . 斜 雨 飘 落 效 果 。 着 在 第 六 帧 按 4 0 Ma . n o ) _ sae6 ,_ sae6 ]; 为 接 5 t r d m(, xcl:0 ycl:0 ) ha
快捷 键 F 7插 入 空 白关 键 帧 。 对 应 第 五 帧 斜 线 在 的末 端 绘 制 一 个 白 色 椭 圆 圈 . 同 样 在 第 十 四 帧 l 1
/从 库 中附 加 “ ” 片 剪 辑 。 设 置 附 加 / 雨 影 并
按 F 6插 入 关 键 帧并 将 白 色 椭 圆 圈 拖 大 。 中 间 影 片 剪 辑 的 X Y坐 标 。即 随 机 设 置 在 点 ( 10, 在 , 一0 时 间轴 添 加 形 状 变 化 .形 成 涟 漪 散 开 的 动 画 效 0 至 ( 0 4 0) 域 的 某 个 位 置 。 时将 横 纵 缩 ) 9 0。5 区 同
果 。 了 更 加 生 动 , 新 增 图层 2添 加 另 一 个 涟 放 比例 设 置 为 6 。 为 再 0
漪 。最后在第 十五 帧按 F 7插 入 空 白关 键 帧 , 添
加 删除影片剪 辑代码 :
x yi i ud= st t vlx y ,1; a e ne a(i u ) l r a /每 一 毫 秒 执 行 一 次 xau函 数 . 即 每 一 / i y
将 标 识 符 设 置 为 “u 。 v ”

电闪雷鸣、小雨纷飞的效果,Flash制作方...-电脑资料

电闪雷鸣、小雨纷飞的效果,Flash制作方...-电脑资料

电闪雷鸣、小雨纷飞的效果,Flash制作方...-电脑资料作者: 闪速极光修复: 猫大哥 flash版本: flashMX掌握了FLASH的基础知识,你就需要学习一些FLASH的技巧,今天我就来说说电闪雷鸣、小雨纷飞的效果,。

点击这里下载源文件第一步:来制作下雨的MC,新建一个MC (ctrl+F8),起名叫”雨点元件”,在这我们只做出一个雨点元件,如图1然后在适当帧处插入一关键帧(根据你想让雨点下落的速度或是高度来确定)本例在10帧插入了一个关键帧,将雨点向下移动了300左右象素.然后做”形状间补”动画,如图(2)为了达到逼真效果.雨点下落后有飞溅起的小雨点.我们在后面插入一此逐帧动画.(你也可以不用作这步)这是本例做好一个雨点下落后有飞溅效果的时间轴.如图3.图(3)的飞溅效果,请参考源码,这里不做阐述。

做好了这个下雨的MC,再新建一个MC,起名叫”形成下雨”,将”雨点”MC放入一个新的MC中,我们要开始写代码了;给下”雨点”MC起实例名“a_mc”,添加一层,起名叫AS层,如图4将AS层上的第二帧,第三帧处插入关键帧.放置”雨点”的图层第三帧插入帧就可以了.如图5接下来,在AS层的第一帧写代码:(选中第一帧,按下F9)i = 0;setProperty("_root.a_mc", _visible, 0);//设置不可见第二帧写代码if (i<50) {//设置雨点数duplicateMovieClip("a_mc", "a_mc" add i, i);//复制setProperty("a_mc" add i, _x, random(500));//设置X坐标setProperty("a_mc" add i, _y, random(100));//设置Y坐标i = i+1;//自加1} else {i = 0;//初始化变量}第三帧写代码:gotoAndPlay(2);//回第二帧以上代码基本上可当公式用,复制语句的应用是很广的,电脑资料《电闪雷鸣、小雨纷飞的效果,Flash制作方...》(https://www.)。

FLASH怎么制作雨滴坠落并炸开的动画?

FLASH怎么制作雨滴坠落并炸开的动画?
查看详情
1、打开FLASH软件,新建FLASH文档;
2、关闭笔触,颜色填充选择适当颜色; 3、绘制雨滴,并且修改雨滴的形状;
4、添加关键帧,修改雨滴形状;
5、在关键帧处添加形状补间动画; 6、添加图层2把图层1的帧复制到图层2上,然后调整位置; 7、测试影片,导出影片,格式GIF,绘制完成。
注意事项: 注意关键帧的选取,测试影片,调整关键帧位置。
本篇文章是向脚本之家的朋友分享flash制作一个提示变形动画方法教程制作出来的动画效果非常不错操作简单适合新手来学习喜欢的朋友可以过来学习一下
FLASH怎 么 制 ቤተ መጻሕፍቲ ባይዱ 雨 滴 坠 落 并 炸 开 的 动 画 ?
用FLASH软件模拟雨滴形成。用到形状补间
Macromedia Flash Pro(动画制作软件) V8.0 简体中文绿色注册版 类型:动画制作 大小:47.6MB 语言:简体中文 时间:2014-06-26

Flash中的雨滴制作过程

Flash中的雨滴制作过程
flash中“雨滴效果”是怎么制作的?
※思路: 先画一滴从下落再到散开的雨滴,然 后持续不断地将这个雨滴复制到画面上,从而 产生下雨的效果.
步骤:
1.打开Flash MX 2004,新建文档,设置文档大小550*400像素,帧 频设为30FPS,背景设为黑色.
2.按ctrl+F8新建一电影剪辑元件,在该元件中绘制一滴从下落再到散开的雨滴 (形状渐变和动作渐变均可).最后一帧加帧代码stop();.
注解:
1.function rain(){...},自定义函数rain()。 1.var i = Math.floor(100*Math.random()); 随机产生0~100的整数,该整 数用于设置所复制的雨滴的实例名和层次。 2.接下来在自定义rain()函数中进行雨滴的复制,并随机地设置所 复制的雨滴的x坐标、y坐标、雨滴的x轴和y轴的等比例随机缩放、 透明度。 3.“setInterval(rain,20);”语句含义是每隔20毫秒(1 秒=1000毫秒)执行一次rain()函数,从而产生下雨 效果。
3.按ctrl+L打开库,选中刚建立的电影剪辑,按右键选择"链接",在接下来弹出 的"链接属性"对话框中,将标识符设为drop,并勾选"为动作脚本导出"和&#帧,按F9打开动作脚本编辑窗口, 输入以下代码:
function rain(){ var i = Math.floor(100*Math.random()); _root.attachMovie("drop","drop"+i,i); var a = Math.floor(30*Math.random()+71); var b = Math.floor(60*math.random()+41); with(_root["drop"+i]){ _x = 550*Math.random(); _y = -100*Math.random(); _xscale=a; _yscale=a; _alpha=b; } updateAfterEvent(); } setInterval(rain,20);
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。


操作步骤
1、启动Flash CS5软件,新建一个Flash文档,在【文档属性】里设置【帧频】
值为“25”,修改【尺寸】为:“720px(宽)×576px(高)”,【舞台】:灰(为了区别舞台和雨的白色)。

2、新建【图层1】,命名为【BG】,在时间轴第1帧,先导入背景图片。

如图1
所示。

图1
3、新建【图层2】,命名为【前奏】。

这里先画出一滴雨的动画,选择【插入】
——【创建新元件】,名称为【雨滴】,类型为【图形】。

如图2所示。

图2
4、制作雨落下动画。

先毛笔画出雨滴的形状,为了方便做补间,右键【转化为元件】,如图3所示。

图3
第1帧为雨滴起始点,在第15帧时右键【插入关键帧】,设为结束点。

打开【绘图纸外观轮廓】,参照起始点的位置设定结束点的位置,如图4所示。

右键【创建传统补间】,即可实现雨落下的动画,如图5所示。

图4 图5
5、制作水圈散开动画。

在第16帧右键【插入空白关键帧】,参照雨滴结束点位置画出起始点水圈,同样为了方便做补间,右键【转化为元件】,如图6所示。

图6
在第35帧时右键【插入关键帧】,水圈放大1500%,设为水圈消失点。

如图7所示。

图7
右键【创建传统补间】,即实现水圈变大的动画。

如图8所示。

图8
在第27帧右键【插入关键帧】,这时把第35帧的【属性】→【色彩效果】中Alpha值改为0,实现水的淡出,如图9所示。

图9
这样,一滴雨水落下的动画完成,按Enter键反复观看修改动画效果直至节奏顺畅。

6、接下来做前奏的雨,前奏雨要从少到多,先一滴,两滴,再慢慢多起来.flash 点击回到主场景。

如图10所示。

图10
把库里面的元件【雨滴】拖入到场景中,为方便观察动画效果,先暂时把场景的时间轴拉至100帧,后如有需要可以无限制延长。

如图11所示。

图11
7、第1帧有一滴雨,在第16帧右键【插入关键帧】,复制一层雨滴,原图层黏贴,然后移动雨滴至合适位置,二滴雨落下。

如图12所示。

图12
同理,在第31帧右键【插入关键帧】,复制两层雨滴,原图层黏贴,然后移动雨滴至合适位置,六滴雨落下。

如图13所示。

图13
以此类推,在后面关键帧的位子右键【插入关键帧】,复制黏贴使雨滴越来越多。

8、新建【图层3】,命名为【前层】。

同【前奏】一样,把库里的【雨滴】元件拉入场景中,复制黏贴很多层移动到适当的位置,形成前层的大雨,如图14所示。

图14
9、因为雨是同时落下,为了把雨错开。

全选【转换为元件】,双击进入元件,在元件内制作雨错开的动画,如图15所示。

图15
10、为方便观察制作,先将所有图层延长至300帧,后有需要可无限延长。

新建图层【2】【3】【4】,将图层【1】的雨分摊至四个图层里,每个图层顺序错开,这样就有四股雨错开落下,同时更改个别雨滴的【属性】→【循环】→【第一帧】,即起始帧的数字,也可以使同层雨中落下的顺序错开,如图16所示。

图16
※这里注意场景的变化,之前是在大场景里做动画,这里转入到元件里做了。

如图17所示。

(为了方便大场景里各个层动画的移动,以后最好都先建成元件,再在元件里做动画。


图17
11、前层的雨制作完成,回到主场景,制作中层的雨。

在主场景新建【图层4】,命名为【中层】。

因为中层雨比前层的要细要淡,所以中层雨的透明度,即【属性】→【色彩效果】中Alpha值改为80,如图18所示。

如【前奏】制作雨的过程一样,制作一滴中层雨【雨滴2】的动画,如图19所示。

图18
图19
12、回到主场景,在库中把元件【雨滴2】拉入场景中,同前层雨一样,复制黏贴很多层移动到适当的位置,形成中层的大雨,如图20所示。

图20
13、同【前层】的雨一样,为了把雨错开。

先全选【转换为元件】,双击进入元件,在元件内制作雨错开的动画。

将所有图层延长至300帧,后有需要可无限延
长。

同样将雨分摊至四个图层,同【前层】雨一样,每个图层顺序错开,这样就有四股雨错开落下,更改个别雨滴的起始帧的数字,也可以使同层雨中落下的顺序错开,如图21所示。

图21
14、中层的雨制作完成,回到主场景,制作后层的雨。

制作方法同前层中层一样。

在主场景新建【图层5】,命名为【后层】。

因为后层雨比前层中层更要淡,所以后层雨的透明度,即【属性】→【色彩效果】中Alpha值改为30,如图22所示。

跟【前奏】和【中层】制作雨的过程一样,制作一滴后层雨【雨滴3】的动画,如图23所示。

图22
图23
15、回到主场景,在库中把元件【雨滴3】拉入场景中,同前层和中层雨一样,复制黏贴很多层移动到适当的位置,形成后层的大雨,如图24所示。

图24
16、同【前层】和【中层】的雨一样,为了把雨错开。

先全选【转换为元件】,
双击进入元件,在元件内制作雨错开的动画。

将所有图层延长至300帧,后有需要可无限延长。

同样将雨分摊至四个图层,每个图层顺序错开,这样就有四股雨错开落下,更改个别雨滴的起始帧的数字,也可以使同层雨中落下的顺序错开,如图25所示。

图25
17、回到场景,至此下雨的动画完成。

如图26所示。

按Ctrl+Enter键测试影片,反复观看动画效果并根据雨的动画规律进行调整。

图26
项目思考
对于下雨的动画,除了上面直接加补间的方法,还有一种传统画法,即两张原画
帧,中间加动画帧。

如图27所示。

直接加补间的方法只适合flash软件制作,而传统方法更能理解动画的运动规律。

图27。

相关文档
最新文档