注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

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

2014-01-08 14:18:06|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

支你一招:让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.16789.net/domName/hsb345/201291719151067645.swf

 迎春欢迎你的光临-

点击进入动画制作天地点击进入电脑技术学堂  

图片、文章/编辑、整理:迎春

加强交流 增进友谊

http://ycyx88888.blog.163.com/

文章导读
 迎春欢迎你的光临-
经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 P-S滤镜 常用工具 兴趣爱好 人体世界
制作软件 电脑知识 精品素材 醒世读物 小品相声
超级题库 视频录制 音乐录制 国学故事 创意网站
透明F-S 姓氏起源 有声读物 靓丽欣赏 动画实战
装饰素材 阅读欣赏 幽默笑话 兴趣客栈 迷人音乐
中科教程 pCS5全集 U-5教程 会声会影 成语故事
古代诗词 高手进阶 懒人动画 有待添加 有待添加
 迎春欢迎你的光临-

  评论这张
 
阅读(279)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017