flash小游戏及flash片头等等的flash资源源码都是新丁flash资源网为大家提供娱乐和学习以及为相关flash工作者提供方面之门!
  首页 | 片头欣赏 | Banner 欣赏 | Flash 特效 | 网站欣赏 | 技术文档 | 视频教程 | 网页模板 | flash小游戏 | 源码下载 | 相关下载 | 声音下载 | 
  flash实例应用   您当前的位置是:首页 >> 技术文档 >> flash实例应用 >> 详细内容
Flash创意特效--风中有朵雨做的云
加入时间:2007-9-19  浏览:33   录入:启能Flash资源网   来源:网络
【实例说明】

  下雨是一种常见的自然现象,本例模拟下雨的动画,雨滴从云层落下,在地面形成水洼。下雨的动画可以应用于某些动画或MTV中体现意境。本例的最终效果如图1-95所示。

  

  

图1-95 最终效果图

  【设计要点】

  使用“椭圆工具”绘制云及水洼;使用“直线工具”绘制雨点;使用图层创建影片剪辑;更改透明度体现纵深感。

  【步骤】

  (1) 启动Flash MX 2004,选择菜单栏中的“修改”|“文档”命令,打开“文档属性”对话框,设置场景大小为400×200px,“帧频”为12,单击“背景颜色”框,然后在弹出的颜色样本中单击黄色样本。如图1-96所示。

  (2) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框,在该对话框中输入元件名称“云”,并选择“图形”行为。单击“确定”按钮。单击工具箱中的“椭圆工具”按钮,在舞台上画3个互相交叠的无边框的椭圆,制作云的图形,颜色设置为黑色。如图1-97所示。

  

  

图1-96 “文档属性”对话框

  

图1-97 制作云

  (3) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框,在该对话框中输入元件名称“雨点”,并选择“图形”行为,单击“确定”按钮。单击工具箱中的“直线工具”按钮 ,在场景中画3条相互平行的短直线,颜色为白色。如图1-98所示。

  (4) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框,在该对话框中输入元件名称“水洼”,并选择“图形”行为,单击“确定”按钮。单击工具箱中的“椭圆工具”按钮,在场景中画如图1-99所示的水洼,颜色设为黑色。

  

  

图1-98 雨点

  

图1-99 水洼

  (5) 选择“插入”|“新建元件”命令,打开“创建新元件”对话框,在该对话框中输入元件名称“落雨”,并选择行为为“影片剪辑”,单击“确定”按钮。如图1-100所示。

  (6)单击两次“插入图层”按钮 ,插入两个图层。单击“图层1”的第1帧,选择菜单栏中的“窗口”|“库”命令,打开库,然后将图形元件“雨点”从库中拖动到舞台上。如图1-101所示。

  

  

图1-100 创建新的影片剪辑

  

图1-101 加入图形元件“雨点”
(7) 右击“图层1”的第10帧,在弹出的快捷菜单中选择“插入关键帧”命令,建立一关键帧,如图1-102所示。然后将图向右下移动一段距离。单击第1帧处的图形元件,再单击工具箱中的“任意变形工具”按钮 ,然后单击要放大的文字对象,再单击工具箱下部的“缩放”按钮 ,沿对角方向拖动角手柄使文字缩小。在“属性”面板中,在“颜色”下拉列表框中选择Alpha,并设置其值为“0%”。

  (8) 右击“图层2”的第5帧,在弹出的快捷菜单中选择“插入关键帧”命令,插入一个关键帧。然后选择菜单栏中的“窗口”|“库”命令,打开库,将图形元件“雨点”从库中拖动到舞台上。在“属性”面板中,在“颜色”下拉列表中选择Alpha选项,并设置其值为“15%”。然后将图形元件往右下移动一段距离。右击“图层2”的第10帧,在弹出的快捷菜单中选择“插入关键帧”命令,插入一个关键帧。并设置图形对象“雨点”的Alpha值设为50%。然后将图形对象“雨点”往右下移动一段距离。如图1-103所示。

  

  

图1-102 “图层1”的制作

  

图1-103 “图层2”的制作

  (9) 在“图层3”的第10帧处插入一个关键帧并将元件“雨点”的Alpha值设为100%,然后将图形部件往右下移动一段距离。在“图层3”的第11帧处插入一个关键帧并插入图形元件“水洼”,然后将图形部件适当缩小。如图1-104所示。

  (10) 在“图层3”的第15帧处插入一个关键帧并将元件“水坑”的Alpha值设为0%,然后将图形元件“水洼”放大。结果如图1-105所示。

  

  

图1-104 “图层3”的制作

  

图1-105 影片剪辑元件的制作

  (11) 单击舞台上方的 按钮返回场景编辑区。单击第1帧,然后加入图形元件“云”和3个影片剪辑“落雨”。单击“文本工具”按钮,输入文字“风中有朵雨做的云”。如图1-106所示。

  

  

图1-106 “场景1”的制作

  (12) 按Ctrl+Enter键显示效果,按Ctrl+W键恢复编辑状态。

  【注意事项】

  雨可使用淡灰色或中灰色线,可依据背景颜色而定。为了尽量真实,需要做出远近透视的纵深感,所以一个较好的方法是用多层来表现。在速度上要掌握“近快远慢”的原则。

关于我们 | 联系方式 | 广告赞助 | 免责声明 | 站点留言 | 友情链接 | 推荐站点
Copyright 2007-2008 新丁flash资源网 All Rights Reserved
本站版权所有 新丁flash资源网 保留所有权利 未经许可请勿任意转载或复制使用 
请使用1024*768分辨率浏览本站以达到浏览新丁flash资源网的最佳视觉效果
新丁flash资源网中所有的解压密码均为:www.qnflash.com
粤ICP备08010396号