第七讲多媒体软件方案的构思与脚本的编写、Flash平台部分

第七讲多媒体软件方案的构思、脚本的编写与Flash平台晏明2011年11月修改多媒体软件方案的构思与创作脚本的编写如何编写,以下结合前几届同学的范例来学习，第一个例子是：“杭州师范学院广播台网站设计策划”。晏明2011年11月修改作品定位广播台网站的功能定位（1）网站资源：广播台网站的资源一方面来自广播台自身的节目安排、点歌曲目、成员介绍，另一方面来自学校的各类活动、获奖情况。（2）功能：提供前台和后台。前台主要供一般用户使用，有：主页、节目介绍、点歌平台、活动掠影、成员风采、投稿箱、BBS，7个项目。后台主要供管理员使用，实现对数据的查询和更新。需要更新的数据都是从数据库读出的。晏明2011年11月修改基本方案要点广播台网站的技术解决方案（1）通过和广播台工作人员的交流，了解需求后，我们选择的软件是：操作系统：WindowsXP；语言：JavaScript；动态程序：ASP；数据库：ACCESS。（2）该网站由学生自主开发，采用个性化设计方法。（3）网站的安全性措施，采用现在比较流行的加密解密技术进行防黑、防病毒。晏明2011年11月修改具体制作：网站的版块：包括：主页、节目介绍、点歌平台、活动掠影、成员风采、投稿箱、BBS共七个。各网页的整体构架排布，设计好具体内容的安放地点。各界面的背景图像设计和内部的一些图像设计；制作统一的个性小图标或小动画，用于标记无序列表、链接等；声音采集：背景音乐、按钮声音等，选轻音乐较好；设计网页标题动画：格调应清新恬淡，这里图片素材选取和处理很重要，然后配之以适当的动画，与主题相衬。动画大小：785×150左右；设计动画按钮：各种链接的按钮，声音文件的播放器。(详细见文档)晏明2011年11月修改多媒体作品（课件）设计方案其中有：教学目标、教学重难点、学生分析、掌握知识、理解能力等等。(详细部分见文档)晏明2011年11月修改开发工具选择与制作要点多媒体作品计划用Flash做课件，内容是一堂大家在C语言中学过的冒泡排序算法课，（详细的课堂内容见同文件夹内冒泡排序的“课程设计”），制作重点放在举例演示如何排序的过程上。晏明2011年11月修改课件的主要内容包括：1、课程介绍与算法的说明2、例子模拟算法全过程3、源程序讲解这里例子模拟是重点，计划通过一个固定的数组来模拟排序的详细经过，如果时间允许，想实现通过用户输入来确定被排序的数组的数，达到灵活性更高。另外考虑将源程序放在排序例子演示的旁边，并通过颜色变化来提示学生现在是在执行哪一个语句，这样更有利于学习，理解算法的同时理解程序的具体实现。晏明2011年11月修改作品开发、制作流程晏明2011年11月修改三.“微机组成与组装模拟实验脚本”文档见附件四.“详细的作品设计--光合作用”文档见附件晏明2011年11月修改多媒体集成开发工具Flash平台简介Flash是一种创作工具，可用来创建诸如从简单的动画到复杂的交互式Web应用程序（如在线商店）之类的任何作品。通过添加图片、声音和视频，可以使您的Flash应用程序媒体丰富多彩。Flash包含了许多功能，如拖放用户界面组件，将ActionScript添加到文档的内置行为，以及可以添加到对象的特殊效果。这些功能使Flash不仅功能强大，而且易于使用。在Flash中创作时，在Flash文档（即保存时文件扩展名为.fla的文件）中工作。在准备好要部署Flash内容后，可以发布它，同时会创建一个扩展名为.swf的文件。FlashPlayer（在下一部分中描述）运行SWF文件。。晏明2011年11月修改FlashPlayer可运行创建的应用程序，在默认情况下，随Flash一起安装。FlashPlayer确保在最大范围内（各种平台、浏览器和设备上）能够以一致的方式查看和使用所有FlashSWF文件。Flash动画的制作步骤如下：（1）建立舞台和设定场景启动Flash，一个新的影片窗体立刻出现在屏幕上，这就是一个新的舞台。利用主（标准）工具栏上的“新建”按钮或选择“文件”|“新建”菜单命令都能达到同样目的。晏明2011年11月修改新打开的影片窗体会自动命名为“影片X”（X为1～N，随打开次数而异），作业完成保存到磁盘时可以将“影片X”改名为自己选定的指定名称。选择“修改”|“影片”菜单命令，弹出“影片属性”对话框。注意到编者修改了对话框中的舞台尺寸（Flash的舞台预置尺寸是800px×600px）。根据需要可以改变帧频亦即动画的播放速率、舞台尺寸、动画内容与打印纸或舞台的匹配、背景颜色与标尺的单位等。一个动画往往有许多幕场景，选择“插入”|“场景”菜单命令可以插入场景。选择“修改”|“场景”菜单命令可以打开“场景”对话框。晏明2011年11月修改图7.0晏明2011年11月修改图7.1晏明2011年11月修改由图可知，该动画共有十幕场景。利用“场景”对话框右下角的“添加场景”、“复制场景”和“删除场景”按钮，能够方便地追加、复制和删除场景，双击“场景”对话框中的场景名称就可以重命名场景名称，推拉选中的场景名称可以改变场景的先后排列次序。影片窗体的右上角有两个按钮，分别用来编辑场景和编辑组件，先后按下这两个按钮可以看到各自的弹出菜单。据此可以了解该动画的全部场景和使用的组件。进而选择弹出菜单上的场景或组件名称，就能对相应的场景或组件进行调整或编辑加工。晏明2011年11月修改（2）制作动画成员和建立组件图库动画中大量使用的背景、道具和角色不外乎是各种图形和图像（位图），这些图形既可以在影片窗体的编辑区域中绘制，也可以由其他的向量图形软件制作（须保存为Flash动画软件能够识别的图形格式），而后由Flash动画软件的“文件”|“导入”菜单命令导入，并在影片窗体的编辑区域中进一步加工。“文件”|“导入”菜单命令还能用来导入图像（位图）、MOV视频文件（QuickTime格式）、MP3和WAV声音文件等。晏明2011年11月修改影片窗体的编辑区域中绘制的图形可以使用“插入”|“转换成组件”菜单命令转换为组件，也可以使用“插入”|“新建组件”菜单命令并在组件编辑窗口里绘制新的组件图形存放在图库里。由“文件”|“导入”菜单命令导入的图像（位图）、MOV视频文件（QuickTime格式）、MP3和WAV声音文件等还会自动地存放到组件图库里。利用Flash动画软件提供的组件图库中的组件和自己绘制的图形组建了自己的组件图库。Flash动画软件为用户自制的组件图库提供了方便的管理功能，图库的窗体下框设有四个图形按钮，分别是新建组件、新建目录、属性和删除等，用于组件图库的管理操作。晏明2011年11月修改图7.2晏明2011年11月修改图7.3晏明2011年11月修改如果要在组件图库中分门别类地管理组件，只要在库中追加文件夹，并把相应的组件拖动到追加的文件夹之下即可。如果一个动画中的背景、道具和角色都是来自组件图库中组件的实例，则不管使用多少个实例，动画文件的尺寸都不会变大。在组件图库的预览窗口中，用鼠标选择组件并拖动到影片窗体的编辑区域中，该组件的实例就可以使用了。（3）设定动画效果和预览动画动画效果的设定应根据故事板的内容和情节变化的需要，还要考虑Flash动画制作软件是否支持这种设想中的效果实现。①FrameByFrame动画（帧动画）晏明2011年11月修改FrameByFrame动画是最普通的常规意义的帧动画，该类动画的画面是一幅幅单独描绘制作的，串联后实现的动画效果变化细腻，有极好的观赏价值，但是巨大的描绘工作量约束了该类动画片的生产。利用Flash动画制作软件的影片窗体，可以将每个画面划分成若干个图层，根据动画效果的要求，逐一在每个图层上绘制图形或上色，并规定各画面出现在屏幕上的时间，由此而制作出符合故事板内容和情节变化要求的动画效果。现在有0～9十个数字的图形文件，选择“文件”|“导入”菜单命令导入这十个数字的图形文件，如图7.4所示。晏明2011年11月修改图7.4晏明2011年11月修改在“导入”对话框中选择第一个文件，单击对话框的“打开”按钮，出现对话框。紧接着选择“是”按钮，0～9十个数字的图形文件就被导入影片窗体，进而选择“窗口”|“图库”菜单命令，并在弹出的“图库”窗体中修改每一个组件的名称，如图7.5所示。由图可知，导入的十个数字图形文件分别作为关键帧画面出现在影片窗体里，图层画格中的小黑点反映了这一事实。单击播放控制栏上的播放按钮，可以看到影片窗体中的数字由0逐一地变化到9。在每一个关键帧画面的画格上单击鼠标右键，并选择弹出菜单中的“插入帧”命令选项，为每个关键帧画面添加两个同样的帧画面。晏明2011年11月修改图7.5晏明2011年11月修改再一次播放该动画，可以发现数字的变化变慢了，动画的播放时间变长了。继续在追加了帧画面的影片窗体里追加关键帧画面，并从“图库”窗体中选择0～9十个数字的图形文件组件，分别把它们拖动到编辑区域里，且在拥有十个数字的关键帧画面后面各追加三个帧画面。从第一幅关键帧画面开始，放大每一幅关键帧画面中的实例数字图形的帧画面，直到最后一幅关键帧画面。选择“文件”|“另存为”菜单命令，并在弹出的“另存为”对话框的“文件名”栏中键入“数字影片”四个字，进而单击该对话框中的“保存”按钮，对话框消失，重现的影片窗体被命名为“数字影片”，如图7.6所示。晏明2011年11月修改图7.6晏明2011年11月修改再一次播放该动画可以看到修改后的效果。至此，该动画已被保存为“数字影片.fla”文件。选择“文件”|“导出影片”菜单命令，并在弹出的“导出影片”对话框的“文件名”栏中键入“数字影片”四个字，选择“保存类型”为Flash播放文件(*.swf)，进而单击该对话框中的“保存”按钮，出现“输出Flash播放器”对话框，如图7.7所示。根据需要进行必要的设置，然后单击该对话框的“确定”按钮，该动画被输出成“数字影片.swf”文件。后缀为swf的文件是Flash动画电影文件，swf是Flash动画电影文件的默认格式，使用Flash软件提供的StandalonePlayer就能播放后缀为swf的Flash动画电影文件。晏明2011年11月修改图7.7晏明2011年11月修改根据需要，可以在“导出影片”对话框的“保存类型”的下拉列表中选择需要保存的电影文件格式，如AVI、MOV、GIF等，然后输出生成为对应格式的动画电影文件，再将这些文件使用于需要的展示中。如果选择“文件”|“发布设置”菜单命令、“文件”|“发布预览”菜单命令或“文件”|“发布”菜单命令，则可以为当前制作的Flash动画出版成网页的形式进行设置、预览和出版。播放中的网页形式的Flash动画如图7.8所示。②动作渐变动画动作渐变动画是Flash特有的渐变动画中的一种形式，它适用于群组组件、文字块和来自图库的组件。晏明2011年11月修改图7.8晏明2011年11月修改该动画形式的特点是除了关键帧画面以外，中间帧画面是自动生成的。制作者只须定义首尾两个关键帧画面和动画效果变化的画面数（时间长度），中间帧画面全部由Flash动画软件系统自动生成并提供。生成的Flash动画文件的文件尺寸小，制作效率高。以“老鼠坐飞机”场景为例，如图7.9所示。由图可知，该场景只有1个图层，包含的对象是老鼠和飞机，开始画面是老鼠和飞机位于画面的左下角，动画效果是老鼠坐在飞机上，慢慢地移动到画面的右上角。反映动画变化全过程与老鼠和飞机最终位置的画面（使用了洋葱皮工具）。晏明2011年11月修改图7.9晏明2011年11月修改图7.10晏明2011年11月修改加工制作时，选择“修改”|“场景”菜单命令，命名该场景为“老鼠坐飞机”。接着在时间面板的第1画面处插入关键帧画面，把老鼠安置在飞机上（老鼠和飞机两个实例都来自于共享图库的组件），放在画面的左下角。然后在第29画面再插入关键帧画面，使用第1画面同样的对象，但把老鼠和飞机移动到画面的右上角。再用鼠标选择第1画面，并在该图层的第1画格处