Director笔记演示课件制作详细小结.docVIP

Director笔记课件制作详细总结 2010-08-06 11:20:35| 分类：  HYPERLINK /wayen_cong/blog/ \l m=0t=1c=fks_084067087082087075087086085095085080087065080086087074080 \o 默认分类 默认分类 | 标签： |字号大中小 订阅 Director制作多媒体教学课件（总结）一、 规划课件框架一般的多媒体教学课件所需辅助教学功能无非加入一些文字、图片、视频、动画、交互来起到辅助文字阐述内容的作用。在这里简单以一个以文字（名词解释）、图片、视频为辅助的多媒体教材的制作为例，说明如何使用director制作一个简单的多媒体课件，也作为对前一段所做工作的一个简单总结。首先要规划课件的框架结构。在这里我用到的稿本是一个比较规矩的三级目录结构的文字稿本，简单描述一下：稿本共三章，每章分三节，每节有三讲内容，每讲内容对应一篇文字，其中包含超链接，跳转到名词解释、图片、视频等内容辅助说明对应本讲的具体内容。二、 准备相应素材依据稿本内容，搜集所需的名词解释、图片、视频等素材。我用到的是jpg格式图片和mpeg格式的视频。在素材准备阶段还要准备好界面所需的图片，要保留设计界面所用的psd文件，保存分层信息，以备在界面改动时所用。有些界面上的元素还需要分层输出，如按钮等。三、 制作程序框架建立工程文件，并进行设置。新建一个director工程文件，设置窗口大小为800*600（我做的课件参照的制作标准要求为800*600），背景色设置为适当颜色，尽量和自己设计的程序的背景图片的主色调一致，Movie面板中设置stage size为800X600，channels为150，color为#000000。设置程序窗口居中显示，无边框，无标题栏，通过将属性面板中display template的location选项中centered勾选，取消resizable勾选，设置titlebar options下的四个多选项全都取消选取可实现。在这里还可以设置打包输出后可执行程序的图标。这样就设置好了一个全屏为黑色背景，窗口无边框，大小为800*600的舞台。导入事先制作好的背景和按钮等图片。将事先设计好的程序背景和按钮图片导入，注意若有图片包含白色区域时，要将trim white space选项取消勾选，否则会将图中白色区域作为透明处理，除非你想要这种效果。我在设计背景时将背景和上面的文字按钮分别输出，也就是说背景上不含有文字，这样可以实现背景图片的重复使用，减少主程序体积，同时，也利于日后的内容修改，我可以单独修改任何一个文字按钮或其它内容而尽可能减少对其它内容的影响。由于director中的文字无法做出阴影等效果，我在PS中制作它们，并以png格式输出为图片，并导入到DR中使用，这样可以带有阴影或描边等效果，同时也可以保留透明度等信息，实现和背景的完美融合。由于在各个章节目录页面上，章节标题的文字要做为按钮使用，所以在从设计的psd文件输出png文件时，每个文字标题需要输出两个文件，分别表示按钮的正常和高亮状态。要保持图片大小相同，文字位置一致，只有效果不同，这样才可以避免出现mouseover时文字高亮出现错位的情况。输出这些按钮的过程是个重复而枯燥的过程。在这里就涉及到了一个文件命名的问题，为了统一，同时为了便于将来编写代码时便于引用spirte的名称进行批量操作或循环操作，作为标题按钮用的图片要按照一定规范进行命名。因为我的稿本是三级目录结构，我就使用三位数字分别表示三级层次，文件名统一以tt开始，表示这些是标题文字，如第一章标题使用“tt100”表示，第一章第一节“tt110”，第一章第一节第一讲“tt111”对应的高亮图片在后面加一个a进行区分，如“tt100a”、 “tt110a”、 “tt111a”，这样导入后就不需再改cast member名称，可以直接放到舞台上用，并通过变量引用sprite名称进行编程。界面图片导入后，需要把每章的具体内容的文字拷贝到cast中，作为一个个单独的cast member ，命名时与对应的那一讲的标题文字的数字一致，在前面再加上字母txt来区分，如“txt111”。在时间线上将演员按照稿本的框架结构进行布局。在每个界面最后一祯的script层加入一个hold on current frame的behavior，使程序能停在每一级界面上。在每个界面第一祯处添加一个marker，命名与标题文字的命名保持一致，为“t100”等。第一级界面标记为“start”。四、 进行程序功能设计为文字按钮添加behavior添加鼠标效果：先写一个名为Cursor