Director讲座.docx

上传人:b****6 文档编号:6525807 上传时间:2023-01-07 格式:DOCX 页数:34 大小:1,010.65KB
下载 相关 举报
Director讲座.docx_第1页
第1页 / 共34页
Director讲座.docx_第2页
第2页 / 共34页
Director讲座.docx_第3页
第3页 / 共34页
Director讲座.docx_第4页
第4页 / 共34页
Director讲座.docx_第5页
第5页 / 共34页
点击查看更多>>
下载资源
资源描述

Director讲座.docx

《Director讲座.docx》由会员分享,可在线阅读,更多相关《Director讲座.docx(34页珍藏版)》请在冰豆网上搜索。

Director讲座.docx

Director讲座

Director讲座

(一)

MacromediaDirector可以说是目前世界上最好的多媒体开发工具,优秀的多媒体光盘绝大多数是用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导入文件对话框

选择存放图片的文件夹,假如我们需要导入文件夹中的全部文件,就先点按钮“AddAll”,所有文件都会出现在列表框中,然后按“Import”按钮,这时又出现一个定义图像颜色的选项框,设置按图3所示,点OK,图片全部导入。

图3图像颜色选项框

然后,在InternalCast(内部演员)窗口可以找到这些“演员”如图4所示。

图4演员窗口中的图片

步骤二、设置舞台背景

从菜单中选择Modify>Movie>Properties命令来设置舞台的大小及背景颜色,根据多数电脑的配置,可在

项将舞台设置为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帧,在InternalCast窗口找到一组由不同白云构成的一组连续图片,共有24张,先选中第一个,再按Shift键用鼠标点最后一个,这样将一组演员全部选中,如图7所示。

图7选中一组连续图片

从菜单中选Modify>CasttoTime,就将一组图片演员按顺序全部放入通道1的连续帧中,如图8所示。

图8一组“白云”出现在编排表及舞台中

可以看见,在编排表的演员通道1上产生了动画条,它是由刚才选中的一组图片按先后顺序排列组合而成,我们通过拖动播放头,能浏览左边舞台(Stage)上白云在大地上翻滚的动画。

因为此为背景动画,所以因占据整个画面,我们可用鼠标拖动图片组四周的小方框,调整动画的尺寸和位置,如图9所示。

图9在舞台上拖大动画背景

我们已有了一组“白云翻滚”的动画,但长度只有24帧,感觉太短,现在我们来复制一段动画,先在编排表上选中动画条,按Ctrl+C拷贝段动画,再选中同一通道的第25帧,按下Ctrl+V,就将动画粘贴到第25至48帧之间,如图10所示。

图10复制动画序列

这样动画就加长了一倍,但第25帧至第48帧的动画条实际上是重播第1帧至第24帧动画,我们播放时也会发现,在从第24帧到第25帧时,动画不连惯。

现在我们先选中被复制的动画条,然后执行Modify>ReverseSequence命令,将复制的动画序列反转,这样第24帧与第25帧画面就是一样的,而第48帧与第1帧一样,全部播放就会产生白云飘来飘去的动画效果。

在电影中默认的播放速度是每秒15帧,为了延长播放时间,我们双击节奏通道的第1帧,在弹出的节奏调节框中Tempo项调为10fps(每秒10帧),如图11所示。

图11调节动画播放速度

现在点工具栏中的播放按钮,就可看到白云在大地上飘浮的动画。

2、流动的星河

白云飘过这后,背景将切换成不断向左流动星空背景。

我们先在InternalCast窗口找到星空图片,将它拖到通道1第49帧,在出现的动画条上选中开始帧即第49帧,将星空图片向右拖,并使它的左边界与舞台的左侧比齐。

由于星空图片比舞台要长一倍,所以为了方便制作,我们将舞台左下角的数字改为50%,舞台显示就比例缩小一半,这样就把舞台周围的工作区也显示出来,如图12所示。

图12加入星空背景

接着选中动画条的结束帧即第76帧,在舞台上将星空图片向左拖,使其右边界与舞台的右侧对齐,这样就自动产生了从左往右移动的关键帧动画,如图13所示。

图13让星空背景运动

提示:

由于整个动画有一百多帧,我们可以随时用鼠标拖动结束帧向右拉长动画条。

另外,如果希望在移动的星空中看到有星星闪烁的效果,可在星空图中剪切一颗小星星作为独立的演员,然后将小星星加入到舞台中,并在编排表中把小星星动画条的长度从默认的28帧缩短为2帧(或1帧),这样看到小星星就会就会因为显示时间很短而产生一闪而过的效果。

现在按快捷键Ctrl+Alt+P,就可预览已完成的背景动画。

好了,暂时结束我们的动画创作,在下一讲中,我们将学习在Director8中如何让演员淡入淡出;在运动中改变演员的物理性质(如大小、旋转等);还有创建“电影循环”的技巧...,另外我们将会把电影文件放在网上,如果需要,可访问我们站点,到“作品选载”专栏下载。

本文刊于《新潮电子》2000年第11期宇风多媒体供稿

Director8讲座

(二)

在上期的讲座中,我们已学习了动态背景的制作,本期将请动画的主角——“地球”、“太空人”、“和平鸽”出场

一、地球渐现

步骤1:

在InternalCast窗口中找到地球图片,将它拖到编排表第40帧上的一条通道上,如图1所示。

图1将地球拖入编排表

这时地球出现在舞台的中间,地球看上去象是画在不透明的白纸上,如图2所示。

图2地球出现在舞台上

相关知识:

墨水(Ink)模式和混合效果

在Director电影中,所有的演员(Cast)都是用一种特定类型的墨水模式显示的,默认的墨水模式是Copy,这是一种不透明的效果,适合显示矩形图形,并且有最快的显示速度,而对非矩形则会将其白底也被显示出来(如图2舞台中的地球)。

另一个常用的墨水效果是Matte,它能将不规则演员的外面的白色部分屏蔽掉,这样,边界内部的东西就被显示,而外边的则显示其后面的图像(如图2舞台中的动态背景)。

其它十几种墨水模式就不再介绍,大家只要一一测试,就能弄清它们的特点。

通过墨水效果的右侧下拉框可改变混合百分比(在图2右侧的面板可找到),它使演员产生一种变淡效果,即把本身的颜色和下层演员的颜色按一定比例进行混合后再显示。

步骤2:

选中此动画条,在PropertyInspector面板(如还未打开,请选择Window>Inspector>Property)选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键,直接拖长,中间的关键帧就会移动位置),在PropertyInspector面板墨水效果是Matte,将透明度改为50%,如图6所示。

图6变谈的地球

提示:

为了让地球第70帧之后都以同样状态出现在动画中(最后整个动画长度为120帧),可以先按住Alt键,再用鼠标拖动第70帧向右移至第120帧,就会复制第70帧并在第120帧产生新的结束帧。

二、飞向太空

步骤1:

在InternalCast窗口中找到“太空人”,将它拖到编排表第70帧上的一条通道上,如图7所示。

图7“太空人”上台

步骤2:

选中此动画条,在PropertyInspector面板点墨水(Ink)效果下拉按钮,从中选Matte,然后选中第26帧,在舞台上,将“太空人”拖小并移动到右上角的地球上,如图8所示。

图8“太空人”的出场位置

步骤3:

再选中第90帧,按下快捷键Ctrl+Alt+K,即在此处插入了关键帧,然后在舞台上将“太空人”拖向左下方,如图9所示。

图9移动“太空人”

步骤4:

再选中第95帧,按下快捷键Ctrl+Alt+K,插入关键帧,然后在舞台上将“太空人”向左上拖一点,并在PropertyInspector面板的旋转栏是输入-30,就能使“太空人”在着陆后产生反弹并逐渐转动的动画,如图10所示。

图10旋转“太空人”

步骤4:

按住Ctrl键,用鼠标将第97帧向右拖动至第100帧,选中第100帧,在舞台上将“太空人”向左下方移动一点距离,在工具栏点旋转工具

,然后用鼠标在舞台上将“太空人”顺时针旋转适当角度,如图11所示

图11用旋转工具继续旋转“太空人”

三、和平鸽

步骤1:

先在编排表上选中某个空演员通道,在InternalCast窗口找到由鸽子的不同飞行姿势组成的一组连续图片,先选中第一个,再按Shift键用鼠标点最后一个,这样将一组演员全部选中,然后从菜单中选Modify>CasttoTime,可将一组飞鸽图片按顺序放入刚才选中的通道中,如图12所示。

图12将飞鸽图片系列加入编排表

步骤2:

选中此动画条,在PropertyInspector面板的墨水效果下拉框中选Matte,就可去掉飞鸽外缘的白色区域,如图13所示。

图13除去飞鸽的白色背景

步骤3:

在选中飞鸽动画条后,按Ctrl+X,将它剪到系统的剪切板中。

然后在InternalCast窗口选一个没有演员的空单元,按Ctrl+V,将剪切板中的飞鸽动画信息粘帧到选中单元中,这时弹出一个建立电影循环的对话框,在输入框中给飞鸽的电影循环另外命名为bird,如图14所示。

图14给电影循环命名

提示:

在生成飞鸽电影循环后,InternalCast窗口中的飞鸽图片组不能删除,否则飞鸽电影循环(bird)将失去作用。

步骤4:

在InternalCast窗口找到飞鸽的电影循环(bird),将它拖到一个演员通道的第95帧,选中这个开始帧,在舞台上将飞鸽移到画面左侧,如图15所示。

图15将飞鸽电影循环拖入编排表,然后在舞台上它的安排出场地点

步骤4:

在通道中将bird动画条的结束帧拖至120帧,选中结束帧,在舞台将和平鸽拖到右边的舞台外,让和平鸽飞离画面,如图16所示。

图16确定飞鸽在编排表的离场帧以及相应在舞台上的位置

四、配上声音

声音是多媒体的一个重要方面,它能更大限度地影响展示效果,本动画实例将为画面加上相配的背景音乐,我们首先在工具栏按下导入按钮

,在出现的导入文件对话框中选择我们需要的声音文件,最后按Import,InternalCast窗口就出现了声音演员,将它拖到声音通道。

由于声音播放条默认的长度是28帧,而我们希望在120帧的电影中都能听到此音乐,所以要将声音条拖长,如图17所示。

图17加入声音并拖动结束帧

现在动画部分就制作完毕,按下播放键就可欣赏“电影”了。

当然这还是普通的“电影”,只能从头到尾的线性观看,下期我们将为电影加上行为,使之成为能交互控制的“电影”。

本文刊于《新潮电子》2000年第11期宇风多媒体供稿

Director讲座(三)

在前两期的讲座中,我们已经制作了一个可以线性播放的电影,但这还远远末发挥Director的强大功能,一个好的多媒体作品,除了需要有丰富的视觉和听觉表现外,最重要的还需要创建人机交互。

交互电影正是Director的特色,只有让使用者真正的参与到电影的播放过程中,才是一个好的作品。

Director独特之处就是Lingo编程。

使用Lingo语句,可以为多媒体作品增添交互控制,从而大大地扩展了多媒体的功能。

但是要熟练运用Lingo控制动画可是一个漫长的过程,特别是对没有编程基础的朋友。

但用Director8完全不用为此担心,她为我们提供了轻松实现交互的捷径。

在Director8中,系统提供了的BehaviorLibrary(行为库),库中有成百个行为。

行为库将一些常用的Lingo功能模块集成在一个库中,使用行为库可以节省编程时间,同时使得程序更加高效而规整。

此外,还可以使用BehaviorInspector(行为监测器)来进行无脚本编程,从而创建交互动画。

在BehaviorInspector中,系统已经将很多常用的交互方式作成了模块,用户只需要简单的鼠标选择就可以完成复杂的Lingo程序。

下面我们将实际利用这两类方法为前两期制作的动画建立交互。

一、e化多媒体

步骤1、输入文字:

在编排表(SpaceScore)窗口,用鼠标选中通道5的第100帧。

然后点右上方工具条中的

,打开TextWindow窗口,在其中输入“宇风多媒体”,设置字号、颜色等文字属性,再用鼠标按住

(DragCastMember),就可将“宇风多媒体”拖到舞台,如图1所示。

图1将文字拖拽到舞台,编排表上会显示对变应的动画条

步骤2、设置精灵属性:

在顶部工具栏点按钮

,打开PropertyInspector,在

栏点开墨水(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,然后将窗口中的“GotoURL”选项拖放到舞台中的“宇风多媒体”文字上面,随即会弹出Parametersfor“GotoURL”对话框,在文本框中输入要访问的网址。

如图5所示。

图5给“宇风多媒体”加上网址

在电脑已上网的条件下运行动画,点击画面中的“宇风多媒体”,就会打开游览器窗口并显示相应的页面。

这样就实现了多媒体作品的E化,当代多媒体的特征就是和网络成为一体。

二、给帧加上行为

上面的行为加在舞台元素(精灵)上,我们希望动画在运行时首先停在第1帧,就可给这帧加上行为。

现实方法是:

将Library窗口的HoldonCurrent拖到行为通道的第1帧,如图6所示。

图6让电影停在第1帧的方法

同样,将HoldonCurrent拖到行为通道的结束帧,即第130帧,这样电影播放完时就会停在这帧的画面上。

三、在演员窗口设置按钮的行为

步骤1、准备按钮:

首先制作或导入几个用于控制电影播放的按钮,如图7所示。

图7演员窗口中的按钮

步骤2、设置跳转行为:

选中名为“播放”的按钮,点工具条上的

,打开行为编辑器(BehaviorInspector),点其窗口上方的

,从下拉项中选AddBuilt-InCastMemberBehavior,即给演员成员增加行为,在Events窗口点

,从下拉菜单中选mouseUp(鼠标松开),然后在Actions窗口点

,从下拉菜单中选Navigation>GotoFrame,弹出SpecifyFrame对话框,在GotoFrame中输入2,即跳到第二帧,如图8所示。

图8编辑鼠标松开时的行为

相关知识:

行为可感知外界的信息并做出相应的响应。

行为是事件(event)和动作(action)的组合,程序响应用户的动作产生事件。

这些外界信息包括鼠标的活动,如鼠标点击按钮或移开按钮等各种变化。

而动作会执行特定的任务,如跳转到某帧、发出声音、改变播放速度等。

在行为编辑器(BehaviorInspector)中,

用来增加行为,

则用于删除被选项。

顶部的窗口用来选择或增加行为;Events窗口用来增加事件;Actions窗口则用来设置事件对应的动作。

步骤2、加入音效:

在Events窗口点

,从下拉菜单中选mouseDown,即为鼠标按下时的事件。

然后在Actions窗口点

,从下拉菜单中选Sound>PlayCastMember,出现选择声音演员对话框,下拉列表中包括演员窗口的全部声音,如图9所示。

图9选择鼠标按下时的声音

选择其中合适作点击声音的演员,则当按钮被按下时就会发出这个声音。

如图10所示。

图10播放声音

步骤3、设定鼠标形状:

当用户将鼠标移动到指定的按钮上时,将鼠标指针更改为其它的形状显示,从而提示用户该处存在着交互。

为了实现该功能,可在Events窗口点

,从下拉菜单中选mouseEnter,即为鼠标进入时的事件。

然后在Actions窗口点

,从下拉菜单中选Cursor>ChangeCursor,这时会弹出一个选择鼠标形状的窗口,从下拉列表中选择Finger(手形),即可改变鼠标进入时的形状。

如图11所示。

图11当鼠标进入时改变鼠标形状

步骤4、还原鼠标:

在Events窗口点

,从下拉菜单中选mouseLeave,即为鼠标离开时的事件。

然后在Actions窗口点

,从下拉菜单中选Cursor>RestoreCursor,即可让鼠标离开指定的按钮时恢复默认形状,以提醒用户已离开交互区域。

如图12所示。

图12当鼠标离开时复原光标

步骤5、还可用上面的方法设置另外几个按钮演员,Events窗口的选项可以一样,Actions窗口的选项可根据需要设置,这里就不再讲述具体过程。

步骤6、加入编排表:

在InternalCast窗口找到已设置了行为的按钮,将它们分别拖到空通道的第1帧,并将它们的结束帧拖长到第130帧,然后在舞台上将按钮放置在右下角,如图13所示。

图13当鼠标指向按钮时变成手形

按Ctrl+Alt+P运行电影,动画首先显示第一帧画面,用鼠标指向按钮,光标变成手形,点击就可控制电影播放。

好了,终于完成了可交互的电影,当然要想随心所欲地控制电影,比如写电影脚本、设计director游戏,还是要学习Lingo语言,并在实践中运用。

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 表格模板 > 合同协议

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1