Director讲座.doc

Director讲座（一）Macromedia Director可以说是目前世界上最好的多媒体开发工具，优秀的多媒体光盘绝大多数是用Director开发的。不论你是多媒体设计专家，还是教育家、工程师以及艺术工作者，你都会发现Director是一套非常理想的创作工具。使用Director不但可以创作多媒体教学软件，而且可以创建活灵活现的Internet游戏、多媒体的互动式简报等。Director最初是一个动画制作软件，后来添加了Lingo编程语言，该语言的诞生为Director动画加上了交互性。从此Director逐渐被用在多媒体的创作上，现在Director已经发展到了8.0版本，功能比以前更加强大了，使用起来也更加方便了，更让众多（特别是对Lingo语言头痛的）朋友高兴的是：通过使用Behaviors（行为）编辑器，或设置好的Behaviors库，就可轻松实现各种交互功能。如果你用Authorware做多媒体，很快就会发现其动画能力的不足：即只能让元素改变位置，而不能改变大小、方向、透明度等物理属性。在Director中，这些都可方便地实现，当然完全用Director做多媒体，不管是难度还是所费的时间都要超过Authorware。因此有人就用Director做动画（现在又多了个Flash可供选择），然后在Authorware中调用，这算是一个比较经济的方案。本文将以一个名为“生存空间”的动画为例，讲解如何进行动画创作及有关知识，然后还要给动画加上交互控制，在我们正式制作之前，最好构思一个简单的脚本，想好这个作品的主题，布局，镜头、画面的变换等等， 再进行创作。就样就能事半功倍高效地完成任务。我们在“生存空间”中要展示的画面是：在大地背景上飘浮着白云的，然后，画面过渡出现地球，地球从画面中心移动到右上角，背景变为动态的星空图，一个太空人由小变大，从遥远的地球飞向过来，然后跳跃着停在左下位置，一只和平鸽飞越画面.，如图1所示。图1 “生存空间”中的一个画面。下面我们将分步骤完成这个动画的制作过程。步骤一、 创建图形演员Director被称为“大导演”，在电影中出现的动画、声音、图像、文字，甚至不可见的行为都称为“演员”，我们所要做的就是：用Director将这些“演员”整合到一起，成为一个精彩的交互动画。演员可以在内部制作产生，也可从外部导入，本动画中出现的“白云飘浮”及“飞鸽”是两组连续的图片，可先找到相应的电影片断（一般是AVI或MOV格式），然后通过premiere等软件的编辑（VCD格式的可用超级解霸），将其分解成图片组保存起来。太空人、地球及生存空间是三张图片，我们可在素材库中（或用图片扫描等方式）得到，再通过Photoshop等图象软件处理（如将太空人周围的背景除去），这些过程就不做介绍，完成后，将它们保存在同一文件夹中。现在，运行Director8，在顶部的工具栏点导入按钮，出现导入文件对话框，如图2所示。图2 导入文件对话框选择存放图片的文件夹，假如我们需要导入文件夹中的全部文件，就先点按钮“Add All” ，所有文件都会出现在列表框中，然后按“Import”按钮，这时又出现一个定义图像颜色的选项框，设置按图3所示，点OK，图片全部导入。图3 图像颜色选项框然后，在Internal Cast(内部演员)窗口可以找到这些“演员”如图4所示。图4 演员窗口中的图片步骤二、设置舞台背景从菜单中选择ModifyMovieProperties命令来设置舞台的大小及背景颜色，根据多数电脑的配置，可在项将舞台设置为800X600，另外，将背景设为黑色，如图5所示。图5 电影属性设置框在属性设置框中，是设置舞台位置的选项，可选择一个自已习惯的位置，当然也可不考虑它，因为在新版中，可用鼠标随意移动舞台。其它选项都不必改变。点保存按钮，将电影文件命名为space.dir。提示：在制作过程中要经常按保存文件按钮，以防止电脑死机或断电造成的数据丢失。相关知识：编排表在Director中制作动画关键是要会使用编排表（与Flash中的时间轴类似），为了能随心所欲地指挥“演员”表演，我们首先要熟悉编排表的组成，如图6所示。图6 编排表图解可看到在编排表中有：1.节奏通道：可改变电影的播放速度，并能控制各帧的播放。2.调色板通道：可将电影的系统调色板改为其他调色板，也可自定义调色板。3.过渡效果通道：可在帧之间产生变化效果，其自带的效果与Authorware中的相同。4.声音通道：用来放置演员窗口的声音文件，在编排表的两条声音通道中可同时播放两个声音文件。5.行为通道：可放置帧的行为脚本，即用Logo语言控制电影移向那一帧。6.播放头：指示在动画中显示的是哪一帧。在不受行为控制的情况下，播放头随着动画从左向右的同步移动。7.演员通道：显示动画层的地方。在同一时刻，一条通道只能由一个动画条占据，是动画制作的主要场所。8.动画条：可显示演员的持续时间及状态。9.关键帧：动画条中的小圆圈是关键帧，只有在关键帧才能定义演员（动画对象）的属性。在动画条前后两端的帧分别称为开始帧和结束帧。编排表模仿了动画编排的形式，以帧为单位按时间顺序从左至右显示电影画面。帧可以理解为电影中随时间变化的一个画面。我们可以发现在编排表中有各种类型的通道，其中上部除行为通道以外都属于效果通道，下部为演员通道，最多可有1000条，也就是说可以有多达1000名“演员”同时表演，这里是控制电影的主要场所。演员通道和Flash、DreamWeaver中的层是一个概念，每个演员通道都有序号，1号演员通道在最底层。在我们马上要做的“生命空间”动画中有个镜头，“太空人”从“地球”中飞向“星空”，“太空人”就在最上层，所以我们能看到完整的形象，而“地球”被“太空人”动态遮挡，“星空”分别被“地球”和“太空人”遮挡一部分画面。利用不同的演员通道，我们可以轻松地制作各种复杂的动画。在这我们可以把演员通道看成是相互堆叠在一起的透明纸，你可以透过上层的空隙看到下边的画面。步骤三、制作动态背景 1、让白云飘起来先在编排表上选中演员通道1的第1帧，在Internal Cast窗口找到一组由不同白云构成的一组连续图片，共有24张，先选中第一个，再按Shift键用鼠标点最后一个，这样将一组演员全部选中，如图7所示。图7 选中一组连续图片从菜单中选ModifyCast to Time，就将一组图片演员按顺序全部放入通道1的连续帧中，如图8所示。图8 一组“白云”出现在编排表及舞台中可以看见，在编排表的演员通道1上产生了动画条，它是由刚才选中的一组图片按先后顺序排列组合而成，我们通过拖动播放头，能浏览左边舞台（Stage）上白云在大地上翻滚的动画。因为此为背景动画，所以因占据整个画面，我们可用鼠标拖动图片组四周的小方框，调整动画的尺寸和位置，如图9所示。图9 在舞台上拖大动画背景我们已有了一组“白云翻滚”的动画，但长度只有24帧，感觉太短，现在我们来复制一段动画，先在编排表上选中动画条，按Ctrl+C拷贝段动画，再选中同一通道的第25帧，按下Ctrl+V，就将动画粘贴到第25至48帧之间，如图10所示。图10 复制动画序列这样动画就加长了一倍，但第25帧至第48帧的动画条实际上是重播第1帧至第24帧动画，我们播放时也会发现，在从第24帧到第25帧时，动画不连惯。现在我们先选中被复制的动画条，然后执行ModifyReverse Sequence 命令，将复制的动画序列反转，这样第24帧与第25帧画面就是一样的，而第48帧与第1帧一样，全部播放就会产生白云飘来飘去的动画效果。在电影中默认的播放速度是每秒15帧，为了延长播放时间，我们双击节奏通道的第1帧，在弹出的节奏调节框中Tempo项调为10fps(每秒10帧)，如图11所示。图11调节动画播放速度现在点工具栏中的播放按钮，就可看到白云在大地上飘浮的动画。2、流动的星河白云飘过这后，背景将切换成不断向左流动星空背景。我们先在Internal Cast窗口找到星空图片，将它拖到通道1第49帧，在出现的动画条上选中开始帧即第49帧，将星空图片向右拖，并使它的左边界与舞台的左侧比齐。由于星空图片比舞台要长一倍，所以为了方便制作，我们将舞台左下角的数字改为50%，舞台显示就比例缩小一半，这样就把舞台周围的工作区也显示出来，如图12所示。图12 加入星空背景接着选中动画条的结束帧即第76帧，在舞台上将星空图片向左拖，使其右边界与舞台的右侧对齐，这样就自动产生了从左往右移动的关键帧动画，如图13所示。图13 让星空背景运动提示：由于整个动画有一百多帧，我们可以随时用鼠标拖动结束帧向右拉长动画条。另外，如果希望在移动的星空中看到有星星闪烁的效果，可在星空图中剪切一颗小星星作为独立的演员，然后将小星星加入到舞台中，并在编排表中把小星星动画条的长度从默认的28帧缩短为2帧（或1帧），这样看到小星星就会就会因为显示时间很短而产生一闪而过的效果。现在按快捷键Ctrl+Alt+P，就可预览已完成的背景动画。好了，暂时结束我们的动画创作，在下一讲中，我们将学习在Director8中如何让演员淡入淡出；在运动中改变演员的物理性质（如大小、旋转等）；还有创建“电影循环”的技巧.，另外我们将会把电影文件放在网上，如果需要，可访问我们站点，到“作品选载”专栏下载。本文刊于新潮电子2000年第11期 宇风多媒体供稿Director8讲座（二）在上期的讲座中，我们已学习了动态背景的制作，本期将请动画的主角“地球”、“太空人”、“和平鸽”出场一、地球渐现步骤1：在Internal Cast窗口中找到地球图片，将它拖到编排表第40帧上的一条通道上，如图1所示。图1将地球拖入编排表这时地球出现在舞台的中间，地球看上去象是画在不透明的白纸上，如图2所示。图2 地球出现在舞台上相关知识：墨水（Ink）模式和混合效果在Director电影中，所有的演员（Cast）都是用一种特定类型的墨水模式显示的，默认的墨水模式是Copy，这是一种不透明的效果，适合显示矩形图形，并且有最快的显示速度，而对非矩形则会将其白底也被显示出来（如图2舞台中的地球）。另一个常用的墨水效果是Matte，它能将不规则演员的外面的白色部分屏蔽掉，这样，边界内部的东西就被显示，而外边的则显示其后面的图像（如图2舞台中的动态背景）。其它十几种墨水模式就不再介绍，大家只要一一测试，就能弄清它们的特点。通过墨水效果的右侧下拉框可改变混合百分比（在图2右侧的面板可找到），它使演员产生一种变淡效果，即把本身的颜色和下层演员的颜色按一定比例进行混合后再显示。步骤2：选中此动画条，在Property Inspector面板（如还未打开，请选择WindowInspectorProperty）选Sprite标签，点墨水（Ink）效果下拉按钮，从中选Matte，然后选中第40帧将其右边的透明度改为10%，如图3所示。图3 让动球透明产生以淡入效果步骤3：选中第50帧，按下快捷键Ctrl+Alt+K，即在此处插入了关键帧，将透明度改为100%，如图4所示。图4 地球完全显现步骤4：再选中第65帧，按下快捷键Ctrl+Alt+K，即在此处插入了关键帧，墨水效果还是Matte，然后在舞台上将地球拖向右上角，如图5所示。图5 地球运动的产生步骤5：按住Ctrl键，在编排表，用鼠标将第67帧拖长至70帧（这里要提醒一下，因为此动画条的中间有关键帧，如果不按Ctrl键，直接拖长，中间的关键帧就会移动位置），在Property Inspector面板墨水效果是Matte，将透明度改为50%，如图6所示。图6 变谈的地球提示：为了让地球第70帧之后都以同样状态出现在动画中（最后整个动画长度为120帧），可以先按住Alt键，再用鼠标拖动第70帧向右移至第120帧，就会复制第70帧并在第120帧产生新的结束帧。二、飞向太空步骤1：在Internal Cast窗口中找到“太空人”，将它拖到编排表第70帧上的一条通道上，如图7所示。图7“太空人”上台步骤2：选中此动画条，在Property Inspector面板点墨水（Ink）效果下拉按钮，从中选Matte，然后选中第26帧，在舞台上，将“太空人”拖小并移动到右上角的地球上，如图8所示。图8 “太空人”的出场位置步骤3：再选中第90帧，按下快捷键Ctrl+Alt+K，即在此处插入了关键帧，然后在舞台上将“太空人”拖向左下方，如图9所示。图9 移动“太空人”步骤4：再选中第95帧，按下快捷键Ctrl+Alt+K，插入关键帧，然后在舞台上将“太空人”向左上拖一点，并在Property Inspector面板的旋转栏是输入-30，就能使“太空人”在着陆后产生反弹并逐渐转动的动画，如图10所示。图10 旋转“太空人”步骤4：按住Ctrl键，用鼠标将第97帧向右拖动至第100帧，选中第100帧，在舞台上将“太空人”向左下方移动一点距离，在工具栏点旋转工具，然后用鼠标在舞台上将“太空人”顺时针旋转适当角度，如图11所示图11用旋转工具继续旋转“太空人”三、和平鸽步骤1：先在编排表上选中某个空演员通道，在Internal Cast窗口找到由鸽子的不同飞行姿势组成的一组连续图片，先选中第一个，再按Shift键用鼠标点最后一个，这样将一组演员全部选中，然后从菜单中选ModifyCast to Time，可将一组飞鸽图片按顺序放入刚才选中的通道中，如图12所示。图12 将飞鸽图片系列加入编排表步骤2：选中此动画条，在Property Inspector面板的墨水效果下拉框中选Matte，就可去掉飞鸽外缘的白色区域，如图13所示。图13 除去飞鸽的白色背景步骤3：在选中飞鸽动画条后，按Ctrl+X，将它剪到系统的剪切板中。然后在Internal Cast窗口选一个没有演员的空单元，按Ctrl+V，将剪切板中的飞鸽动画信息粘帧到选中单元中，这时弹出一个建立电影循环的对话框，在输入框中给飞鸽的电影循环另外命名为bird，如图14所示。图14 给电影循环命名提示：在生成飞鸽电影循环后，Internal Cast窗口中的飞鸽图片组不能删除，否则飞鸽电影循环(bird)将失去作用。步骤4：在Internal Cast窗口找到飞鸽的电影循环(bird)，将它拖到一个演员通道的第95帧，选中这个开始帧，在舞台上将飞鸽移到画面左侧，如图15所示。图15 将飞鸽电影循环拖入编排表，然后在舞台上它的安排出场地点步骤4：在通道中将bird动画条的结束帧拖至120帧，选中结束帧，在舞台将和平鸽拖到右边的舞台外，让和平鸽飞离画面，如图16所示。图16 确定飞鸽在编排表的离场帧以及相应在舞台上的位置四、配上声音声音是多媒体的一个重要方面，它能更大限度地影响展示效果，本动画实例将为画面加上相配的背景音乐，我们首先在工具栏按下导入按钮，在出现的导入文件对话框中选择我们需要的声音文件，最后按Import，Internal Cast窗口就出现了声音演员，将它拖到声音通道。由于声音播放条默认的长度是28帧，而我们希望在120帧的电影中都能听到此音乐，所以要将声音条拖长，如图17所示。图17 加入声音并拖动结束帧现在动画部分就制作完毕，按下播放键就可欣赏“电影”了。当然这还是普通的“电影”，只能从头到尾的线性观看，下期我们将为电影加上行为，使之成为能交互控制的“电影”。本文刊于新潮电子2000年第11期 宇风多媒体供稿Director讲座（三）在前两期的讲座中，我们已经制作了一个可以线性播放的电影，但这还远远末发挥Director的强大功能，一个好的多媒体作品，除了需要有丰富的视觉和听觉表现外，最重要的还需要创建人机交互。交互电影正是Director的特色，只有让使用者真正的参与到电影的播放过程中，才是一个好的作品。Director独特之处就是Lingo编程。使用Lingo语句，可以为多媒体作品增添交互控制，从而大大地扩展了多媒体的功能。但是要熟练运用Lingo控制动画可是一个漫长的过程，特别是对没有编程基础的朋友。但用Director8完全不用为此担心，她为我们提供了轻松实现交互的捷径。在Director 8中，系统提供了的Behavior Library（行为库），库中有成百个行为。行为库将一些常用的Lingo功能模块集成在一个库中，使用行为库可以节省编程时间，同时使得程序更加高效而规整。此外，还可以使用Behavior Inspector(行为监测器)来进行无脚本编程，从而创建交互动画。在Behavior Inspector中，系统已经将很多常用的交互方式作成了模块，用户只需要简单的鼠标选择就可以完成复杂的Lingo程序。下面我们将实际利用这两类方法为前两期制作的动画建立交互。一、e化多媒体步骤1、输入文字：在编排表（Space Score）窗口，用鼠标选中通道5的第100帧。然后点右上方工具条中的，打开Text Window窗口，在其中输入“宇风多媒体”，设置字号、颜色等文字属性，再用鼠标按住（Drag Cast Member），就可将“宇风多媒体”拖到舞台，如图1所示。图1将文字拖拽到舞台，编排表上会显示对变应的动画条步骤2、设置精灵属性：在顶部工具栏点按钮，打开Property Inspector,在栏点开墨水（Ink）效果下拉列表，从中选Matte，就可除去“宇风多媒体”的白色背景。然后在栏输入90，“宇风多媒体”即旋转90度。如图2所示。图2屏蔽文字背景并使之旋转90度注：精灵（Sprite）是指出现在舞台上的演员(Cast)。步骤3、调整动画长度及精灵的位置：选中动画条的第100帧（也就是开始帧），将“宇风多媒体”拖到舞台的右上角，这也是进场位置。然后用鼠标将动画条的结束帧拖长到130帧。如图3所示。图3文字动画的出现位置步骤4、设定运动轨迹：为了使文字动画产生先垂直向下移动，再旋转成通常的水平状态并移动到舞台中央的动画效果，可先按住Alt键，然后用鼠标向右拖拽动画条的100帧至第115帧，即可在动画条的第115帧产生关键帧，选中这帧，在舞台将“宇风多媒体”向下拖，即使文字先向下运动。按Alt键，将第115帧拖到第116帧，就可复制第115帧。如图4所示。图4 文字动画的制作技巧最后选中130帧，也就是结束帧，将文字水平放置在舞台的中央。步骤5、建立链结：点工具条上的，打开行为库，在Library窗口点，从出现的库列表中选择Navigation，然后将窗口中的“Go to URL”选项拖放到舞台中的“宇风多媒体”文字上面，随即会弹出Parameters for “Go to URL”对话框，在文本框中输入要访问的网址。如图5所示。图5 给“宇风多媒体”加上网址在电脑已上网的条件下运行动画，点击画面中的“宇风多媒体”，就会打开游览器窗口并显示相应的页面。这样就实现了多媒体作品的E化，当代多媒体的特征就是和网络成为一体。二、给帧加上行为上面的行为加在舞台元素（精灵）上，我们希望动画在运行时首先停在第1帧，就可给这帧加上行为。现实方法是：将Library窗口的Hold on Current拖到行为通道的第1帧，如图6所示。图6让电影停在第1帧的方法同样，将Hold on Current拖到行为通道的结束帧，即第130帧，这样电影播放完时就会停在这帧的画面上。三、在演员窗口设置按钮的行为步骤1、准备按钮：首先制作或导入几个用于控制电影播放的按钮，如图7所示。图7演员窗口中的按钮步骤2、设置跳转行为：选中名为“播放”的按钮，点工具条上的，打开行为编辑器（Behavior Inspector），点其窗口上方的，从下拉项中选Add Built-In Cast Member Behavior,即给演员成员增加行为，在Events窗口点，从下拉菜单中选mouseUp（鼠标松开），然后在Actions窗口点，从下拉菜单中选NavigationGo to Frame,弹出Specify Frame对话框，在Go to Frame中输入2,即跳到第二帧，如图8所示。图8编辑鼠标松开时的行为相关知识：行为可感知外界的信息并做出相应的响应。行为是事件（event）和动作（action）的组合，程序响应用户的动作产生事件。这些外界信息包括鼠标的活动，如鼠标点击按钮或移开按钮等各种变化。而动作会执行特定的任务，如跳转到某帧、发出声音、改变播放速度等。在行为编辑器（Be