- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
在本项目中,通过2个工作任务生动向读者展示常用音频格式、Flash CS支持的音频格式与编辑方法、常用视频格式、Flash CS支持的音频格式与编辑方法、FLV视频格式知识,为游戏编程建立基础。
制作有声网页按钮
制作flv播放器
制
作
有
声
网
页
按
钮
制作有声网页按钮
导入声音文件
编辑声音文件
小江是某网络公司设计师,接到主管布置的新任务,要为游戏网站设计有声网页按钮动画。要求按钮该按钮即可发出声音。
制
作
有
声
网
页
按
钮
任务一:制作有声网页按钮
由于Flash支持多种音频格式,也为展现有声动画提供需更好的平台。同时有些按钮可以提醒人们所操作的状态。因此,小江决定使用导入音频、元件来完成此任务。
任务一:制作有声网页按钮
任务
实施
制作有声网页按钮
1.新建Flash CS文档
(1)从菜单栏中选择“文件”→“新建”,在弹出的“新建文档”窗口中选择“Flash文件(ActionScript3.0)”,新建一个Flash CS文档。
(2)在窗口下方的属性面板中单击“大小”属性,在弹出的“文档属性”窗口中将舞台的宽设置为450像素,舞台的高设置为400像素。
2.导入音频文件
(1)选择菜单栏中的“文件”→“导入”→“导入到库”选项,在弹出的导入窗口中分别选择光盘路径:\ch05\任务一\11\点击.mp3和\ch05\任务一\11\滑过.mp3,选择后单击“打开”按钮将音频文件导入到Flash CS6的库面板中。
(2)选择菜单栏中的“插入”→“新建元件”选项,在弹出的“创建新元件”窗口中分别创建一个名叫“点击”和一个名叫“滑过”的影片剪辑元件。
(3)创建元件分别将库面板中的点击.mp3和滑过.mp3文件拖动到相应的影片剪辑元件中,由于音频文件没有笔触区和填充区,所以当把音频文件拖拽到元件中时,元件的编辑取不会有任何变化,但图层的时间轴中能显示出音频文件的音频波普(将图层的时间轴向后延长后可以看到完整的音频波普),如下图所示。
在库面板中新建一个名为“mp3文件”的文件夹,将导入的原是音频文件放入该文件夹中。
3.制作按钮元件
(1)新建一个名为按钮元件1的影片剪辑元件。在工具箱中选择椭圆工具后展开颜色面板,将当前笔触区颜色设置为无笔触区,选择填充区的填充类型为“放射状”并设置色标从左到右的RGB颜色编号为:#2D56FD、#01016D。然后将鼠标光标移动到元件编辑区中绘制一个直径为80的正圆形,如下左图所示。
(2)选择文本工具,在文本工具属性面板中设置文本的字体为:Monotype Corsiva、大小为:40、颜色的RGB编号为:#FFFFFF、加粗。将鼠标光标移动到数字元件的编辑区中,单击鼠标左键并在输入框中输入“1”字样。利用选择工具将文本拖动到上一步绘制的正圆形的中央,如下右图所示。
(3)利用相同方法再分别创建名为“按钮元件2”和“按钮元件3”的影片剪辑元件,在按钮元件2和按钮元件3中分别绘制与按钮元件1大小相同的正圆形,它们的填充样式分别为:
按钮元件2:填充样式为放射状、左侧色标的RGB颜色编号为#2EC93D、右侧色标的RGB颜色编号为#053F10。
按钮元件3:填充样式为放射状、左侧色标的RGB颜色编号为#FE5FFE、右侧色标的RGB颜色编号为#802B55。
绘制后使用与按钮元件1中相同的文本属性分别在按钮元件2和按钮元件3中输入“2”和“3”字样,并拖动到正圆形中央,如下图所示。
4.制作按钮各个状态的效果
(1)按钮元件在动画中有三种不同的状态,即弹起、指针经过和按下,所以要利用不同的滤镜效果为按钮元件1制作不同状态下的效果,首先先制作按钮弹起状态的效果。返回主场景,从库面板中拖动出一个按钮元件1元件。展开滤镜面板,为按钮元件1依次添加投影、发光、斜角滤镜。滤镜的参数如下:
“投影”滤镜效果:模糊X和模糊Y:10、强度:150%、品质:高
“发光”滤镜效果:模糊X和模糊Y:25、强度:120%、颜色:#4A4AFF、品质:高
“斜角”滤镜效果:阴影颜色:#000099、加亮颜色:#9FCAF4、距离:8
(2)从库面板中再拖动出一个按钮元件1元件作为指针经过状态下的按钮效果,依次为按钮元件1添加投影、发光、斜角滤镜。滤镜的参数如下:
“投影”滤镜效果:模糊X和模糊Y:10、强度:150%、品质:高、颜色:#FFFFFF
“发光”滤镜效果:模糊X和模糊Y:25、强度:120%、颜色:#FFFFFF、品质:高
“斜角”滤镜效果:阴影颜色:#FFFFFF、加亮颜色:#FFFFFF、距离:8
(3)最后从库面板中拖动出一个按钮元件1元件作为按钮按下状态的效果,依次为按钮元件1添加投影和发光滤镜,滤镜的参数如下:
“投影”滤镜效果:模糊X和模糊Y:10、强度:1
您可能关注的文档
- EDA技术教学课件 第二章 电路原理图编辑.ppt
- EDA技术教学课件 第三章 PCB的设计.ppt
- EDA技术教学课件 第四章 VHDL硬件描述语言.ppt
- ERP原理与应用(资料包)第1章.doc
- EDA技术教学课件 第一章 绪论.ppt
- ERP原理与应用(资料包)第2章.doc
- EDA技术教学课件 第五章 Quartus Ⅱ软件介绍.ppt
- ERP原理与应用(资料包)第3章.doc
- ERP原理与应用(资料包)第4章.doc
- ERP原理与应用(资料包)第5章.ppt
- Flash CS6游戏编程教程资料-项目一 初识Flash.pptx
- Flash 动画制作(CS5)《Flash CS5动画设计与制作》课程教学大纲.doc
- Flash 动画制作(CS5)Flash CS5快捷键.doc
- Flash 动画制作(CS5)Flash CS6简介.doc
- Flash 动画制作(CS5)第八章滤镜与混合模式.ppt
- Flash 动画制作(CS5)第二章图形的绘制与编辑.ppt
- Flash 动画制作(CS5)第九章骨骼动画.ppt
- Flash 动画制作(CS5)第六章基本动画制作.ppt
- Flash 动画制作(CS5)第七章层、场景和高级动画.ppt
- Flash 动画制作(CS5)第三章文本的创建编辑.ppt
文档评论(0)