第六章动画制作.ppt

《第六章动画制作.ppt》由会员分享，可在线阅读，更多相关《第六章动画制作.ppt（118页珍藏版）》请在三一办公上搜索。

1、多媒体技术及其医学应用,1,第六章 动画技术,多媒体技术及其医学应用,2,动画技术,第一节 动画的基础知识 第二节 动画的制作 第三节 交互动画的设计 第四节 动画技术在医学中的应用,多媒体技术及其医学应用,3,1.动画的原理及分类 2.常用动画制作软件 3.动画的设计思路4.动画基本概念界定,第一节 动画的基础知识,多媒体技术及其医学应用,4,电影胶片的原理,从表面看，它们像一堆画面串在一条塑料胶片上。每一个画面称为一帧，代表电影中的一个时间片段。这些帧的内容总比前一帧有稍微的变化，这样，当电影胶片在投影机上放映时，人的肉眼就会产生运动的错觉：每一帧都很短并且很快被后一帧所代替，运动的画面就

2、产生了。,多媒体技术及其医学应用,5,动画的原理,动画的原理和电影胶片的原理完全一样，就像一个运动的画片一样，它包含许多独立的画面，每一个画面称为一个帧，每一帧都与前一帧略有不同。这样在播放动画的时候，这些画面被连续的在屏幕上显示出来，在人眼看来，就产生了连续流畅的动画，这就是动画中常用的“帧到帧动画”。,多媒体技术及其医学应用,6,动画的分类,二维动画：又叫做平面动画，它可以通过一帧帧画面的连续变化来产生动画的效果。在二维动画制作软件Flash中，大量使用了补间动画技术，一些有规律可寻的运动和变形，只需要制作起点帧和终点帧，并对两帧之间的运动规律进行准确的设置，计算机就能自动生成中间过渡帧。

3、三维动画：又叫空间动画，它创建三维立体空间，利用三维立体模型展现物或人，并使物或人在这个空间中展开活动，它可以构造一个虚拟的世界。,多媒体技术及其医学应用,7,常用动画制作软件,Flash:Macromedia公司开发的平面动画制作软件,它制作的动画是矢量格式,具有体积小,兼容性好、直观、互动性强、支持音乐等优点。目前广泛应用与Web网站,同时也是开发多媒体应用软件和游戏的好工具。Animator:美国Autodesk开发的制作平面动画的软件,它能够进行平面图形处理和动画设计,并能进行音乐编辑合成。GIF Construction Set:加拿大Alchemy Mindworks Inc开发的

4、创建和处理Gif格式动画的软件,它将事先准备好的每帧画面组织在一起,形成GIF动画。3DS MAX:AutoDesk公司开发的三维动画制作软件，它能够使我们方便地创建各种三维模型，添加各种材质、布光等产生电影的效果。Maya:Alias公司开发的三维动画制作软件,在模型的建立、材质处理、渲染和动画特技支持方面功能非常强大。,多媒体技术及其医学应用,8,动画的设计思路,动画构思,动画作品,素材准备,工具熟悉,具体制作,菜品构思,成品菜肴,原料准备,工具选择,具体制作,菜肴制作流程图,动画制作流程图,多媒体技术及其医学应用,9,Flash主界面,标题栏,菜单栏,工具箱,工作区,舞台,图层窗口,时间

5、轴窗口,属性面板,组件面板,库,混色器面板,多媒体技术及其医学应用,10,场景,场景是Flash 提供的组织动画的工具，Flash程序运行后自动默认建立场景1，例如把第一个场景作为动画的片头，则该场景中的全部动画播放完毕后再播放下一个场景中的动画。当一个动画中包含多个场景的时候，Flash 将按照场景面板中的场景顺序播放。,多媒体技术及其医学应用,11,舞台与工作区,在Flash 中，我们把绘制和编辑图形的区域称为舞台。舞台是用户创作时观看自己作品的场所，也是对动画中的对象进行编辑、修改的惟一场所，对于没有特殊效果的动画可以在这里直接播放。舞台是一个矩形区域，可以在其中绘制和放置动画的内容。工

6、作区则是一个更大的范围，包括舞台及其周围的灰色区域。它通常用做动画的开始点和结束点，即对象进入和离开舞台的地方，其作用与现实中的舞台后台相类似。在工作区内舞台之外的内容在Flash 动画播放时是看不见的。,多媒体技术及其医学应用,12,图层,图层是一些特定对象的组合，类似于堆叠在一起的透明的玻璃画。图层有助于组织文档中的内容，它是时间轴的一部分，它按顺序一层一层相互叠加在一起，每一层中都可以包含任何数量的对象。图层分为：普通图层、遮罩图层、被遮罩图层、引导图层和被引导图层。不同类型的图层在动画制作中起到不同的作用。普通的图层的创建、添加、重命名、删除操作。,多媒体技术及其医学应用,13,时间轴

7、和帧,时间轴是Flash 动画中一个最为重要的概念,用它可以对动画的基本组成部分帧，进行编辑和控制。通过时间轴可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。此外，在时间轴窗口也可以对另外一个很重要的元素图层，进行编辑操作。组成时间轴的帧是动画的最基本构成部分，我们看到的动画不是真的在动，而是很快地播放静止的一帧的画面形成的，由于视觉暂留的作用就成为了动画。在动画制作中为了提高效率，降低文件尺寸，可以定义关键帧。关键帧是必须有创作者自己指定的，两个关键帧之间可以没有内容，在时间轴上，各种帧呈现出不同的样子。,多媒体技术及其医学应用,14,没

8、有被使用的帧被称为空帧，为了方便计数，每5帧会用灰色标明一次。有内容的帧称为实帧，呈灰色显示。关键帧上都有一个圆形，不同的是空关键帧上的圆圈是空心白背景，有内容的关键帧上是实心灰背景。两个关键帧之间，如果有中间帧的过渡动画效果，会有一个箭头标记。在我们为动画制作背景的时候，通常会需要制作一幅跨越许多帧的静止图像，这就要在这个层中将帧延伸，使添加的帧中包含前面关键帧中的图像。这些帧就叫做延伸帧。,多媒体技术及其医学应用,15,元件和实例,元件是一些可以重复使用的图像、动画或者按钮，它们被保存在库中；实例是出现在舞台上或者嵌套在其他元件中的元件；：如果把元件比作图纸，实例就是依照图纸生产出来的产品

9、。依照一个图纸可以生产出多个产品。同样，一个元件可以在舞台上拥有多个实例。对某个产品的修改只会影响这一个产品，而修改图纸，会影响到所有的产品。同样，修改了一个元件，舞台上所有的实例都会产生相应的变化。,多媒体技术及其医学应用,16,元件的分类,影片剪辑元件是一个独立小影片，它可以包含交互控制、音效，甚至能包含其他的图形、按钮和影片剪辑元件。按钮元件用于在影片中创建对鼠标事件（如单击和滑过）响应的互动按钮。制作按钮，首先要制作与不同的按钮状态相关联的图形，为了使按钮有更好的效果，还可以在其中加入影片剪辑或者音效文件。图形元件既可存放静态的图像也可存放动画，但一般情况用于存放静态的图像。当图形元件

10、用来创建动画时，动画中可包含其他的元件，但不能加上交互控制和声音效果。,回目录,多媒体技术及其医学应用,17,第二节 动画的制作,多媒体技术及其医学应用,18,绘图工具箱,多媒体技术及其医学应用,19,选择工具,选择工具 主要功能是选择物体。选择单一对象：选择选择工具，然后在欲选取的对象上单击鼠标左键。选取多个对象：方法一是按住鼠标左键，拖曳出一个矩形范围，将要选取的对象都包含在矩形范围内，这样在矩形范围内的物体都会被选中；方法二是选择对象时按住Shift 键，然后依次选取对象。选取临近对象和相似的对象：选取形状对象时，若在填充区域内双击鼠标左键，则可以将填充区域周围的线条一起选中，若在线条上

11、双击鼠标左键，则可以将颜色相同、粗细一致连在一起的线条一起选中。,多媒体技术及其医学应用,20,选择工具的辅助选项,选择工具的辅助选项里有三个按钮：捕捉、平滑和拉直。捕捉按钮和常用工具条上的捕捉按钮是一样的，按下按钮后，会启动捕捉功能。例如，在画线或移动线条的时候，一旦接近形状对象的边缘、定点，就会象磁铁一样自动被吸引过去。平滑按钮可以改变图像边界的圆滑程度，使图像变得更平滑，按下按钮的次数越多，边缘就会变得越圆滑。拉直按钮可以改变图像边界的尖锐程度，使图像变得更平直。,多媒体技术及其医学应用,21,部分选取工具,曲线是由节点与线段构成的路径，使用部分选取工具 不仅可以用来抓取、选择、移动形状

12、路径，还可以用来改变形状路径。当使用绘图工具绘制好曲线的草图后，可以使用部分选取工具进行一些必要的修改使其符合要求。部分选取工具在选中路径后，可以对其中的节点进行拉伸或修改曲线。,多媒体技术及其医学应用,22,套索工具,套索工具 的主要作用也是选择对象，与选择工具不同的是，使用套索工具可以拖曳出任意形状的选取范围，而选择工具只能拖曳出矩形的范围，因此套索工具在选取的时候有更大的伸缩性。圈选物体：选择套索工具时，按住鼠标左键不松手，在工作区里拖曳出一个选择范围，然后松开鼠标，这时在圈选范围内的对象都会被选中。辅助选项：套索工具的辅助选项上有三个按钮，分别是魔术棒、魔术棒设置以及多边形模式。,多媒

13、体技术及其医学应用,23,任意变形工具,任意变形工具 可以对图形做出各种各样的变化，如旋转、扭曲等，可以将正方形、圆等规则形状变成各种各样的形状。当然，还可以对已经分离的组合类对象创建一些很独特的效果。任意变形工具一共可以做出五种变形处理，分别是：旋转变形、缩放变形、斜切变形、扭曲变形和拉膜变形。,多媒体技术及其医学应用,24,文本工具,Flash 可以创建三种类型的文本：静态文本、动态文本和输入文本（输入文本可以将文本输入到表单或调查表中）。文本工具 无选项按钮，可在属性面板中进行相关设置。文本方向有水平和垂直两种，默认情况下，文本以水平方向创建。,多媒体技术及其医学应用,25,舞台上输入文

14、字步骤,单击工具面板中的文本工具；在需要输入文本的地方单击鼠标，这时会出现一个文本输入框；在文本输入框中输入文字；选中所输入的文字，打开属性面板，可设置所输入的文字的属性，如文字的大小、颜色以及粗斜体等。,多媒体技术及其医学应用,26,查看工具与颜色工具,移动工具，作用是移动舞台放大工具，作用是放大或缩小舞台 笔触色，作用是设置笔触（边框）颜色填充色，作用是设置填充颜色切换按钮，作用是笔触颜色和填充颜色相互交换,多媒体技术及其医学应用,27,RGB颜色系统,RGB是红色（RED）、绿色（GREEN）和蓝色（BLUE）首字母的缩写，用这三种颜色可以调制出各种各样的颜色。每一种颜色都对应一个RGB

15、代码，每一个代码分为三部分，分别代表RED、GREEN和BLUE三种颜色的深浅，每部分的最大值255，最小值0，例如25500表示为红色。,多媒体技术及其医学应用,28,混色器面板的使用,颜色除了可以在工具箱的颜色按钮上进行设置以外，还可以在混色器面板上进行。设定线条色：点击混色器上的（截图）按钮后弹出颜色选择面板。设定填充色：使用方法与设定线条色按钮相同。填充方式：填充方式是一个下拉列表，里面有5个选项：设定无填充色；使用单一颜色填充；使用线性渐变颜色填充；使用辐射渐变填充；使用位图进行填充。面板菜单：单击后弹出一个菜单，可以在RGB和HSB颜色系统间转换，也可以将自定义的颜色记录下来。RG

16、B：可以直接键入数字，进行修改。Alpha：可以设定颜色的不透明度。Alpha值为100时，完全不透明，Alpha 值为0时，完全透明。颜色选择条：用鼠标在条上任意处单击，就会选中该点的颜色。详细颜色选项：单击后会弹出一个更详细的颜色选择界面。,多媒体技术及其医学应用,29,渐变填充色的设定步骤,在调色器面板上，填充方式下拉列表里，选择“放射状”方式或者“线性”方式，专门用于调制渐变色。在面板的底部，有一个渐变颜色条，这就是现在可以得到的渐变色。色条的底部有颜色控点。每个颜色控点控制一种纯色，渐变色就是在这些控点颜色基础上做的渐变。要添加颜色控点，只需将鼠标移近色条的底部，这时光标会出现“”标

17、记，单击鼠标左键就可以添加一个颜色控点。用鼠标将控点直接拖动出面板就会删除控点。控点上面的三角形一般是空心的。当用鼠标选中控点后，三角形就会变成黑色，表明该控点是当前可用控点。通过颜色选择按钮可以选择当前控点的颜色。用鼠标可以调整颜色控点的左右位置，以调节颜色渐变的程度。当设定好一种渐变颜色后，就可以通过颜料桶工具来使用这种渐变的填充色了。,多媒体技术及其医学应用,30,将颜色记录在颜色样本面板步骤,选择填充方式，可以选择单一颜色、线性间渐变或者是辐射渐变填充方式。在颜色样本面板上选择填充颜色按钮。选择要添加的颜色。如果选择单一颜色填充，直接选择颜色和透明度即可。如果选择渐变填充，调配好渐变色

18、的搭配。单击右上角的面板菜单按钮弹出面板菜单，选择：“添加样本“命令。在颜色样本面板上可以看到新添加的颜色，成为一个小颜色块。在颜色样本面板上可以管理导入的颜色，可以单击面板菜单按钮，会弹出面板菜单，菜单的各主要选项有：复制颜色、删除颜色、保存颜色、.clr文件中导入已经定义好的颜色、将颜色样本面板上的颜色恢复到默认情况。,多媒体技术及其医学应用,31,主要菜单介绍,菜单栏,命令,文本,控制,窗口,修改,文件,编辑,视图,插入,帮助,多媒体技术及其医学应用,32,优化体积存盘导出影片,构思 搜集素材 规划设计场景 测试,工具栏设置工具面板设置工作参数的设置,动画制作步骤,多媒体技术及其医学应用

19、,33,工具栏、工具面板的设置,工具栏、工具面板以及工作区等都可以在屏幕上任意拖动，用户可以将其摆放到最适合自己操作的位置。工具面板是几个面板组合在一起放置的，这种组合可能不符合实际需要，可以对其进行重组，也可以让某个面板单独悬浮在屏幕上。默认情况下属性面板和动作面板可以叠放在工作区下方，在编辑动作脚本时如果觉得这样不方便，也可以将动作面板释放出来。通过单击各面板左上角的三角图标，就可以将动作面板折叠起来，需要的时候再单击该三角图标就可以展开。,多媒体技术及其医学应用,34,工作参数的设置,选择编辑菜单下的“首选参数”命令,则会出现参数设置面板,根据自己的使用习惯和个人爱好进行设置。,多媒体技

20、术及其医学应用,35,具体制作步骤,1构思：考虑清楚要用动画表达什么样的内容，怎么样去表达这些内容，期望达到什么样的效果；2搜集素材：把可以用到的素材都尽可能多的收集到，在后续的制作中发现没有搜集到的，再重新搜集，不过最好在事前都搜集好，这样在后续的制作中不至于因为搜集材料而打断了制作进度；3规划场景：简单的动画可能只用到一个场景，复杂的动画可能有开头场景，主体场景以及结尾场景等数目不等的场景；4设计充实场景：对各个场景进行设置；5测试：不断测试，修改，完善。,多媒体技术及其医学应用,36,作品优化原则,对于多次出现的对象，譬如相同的文字、图片等，尽量将它们转换为符号，这样可以对这些符号作多次

21、的引用而只用存储一次，减小了文件的体积；尽可能多地使用渐变命令来制作动画，因为渐变动画只需要开始和结尾两个关键帧，中间的帧是系统自动生成的，不必存储；在图形中少用特殊的线型，如虚线和花边等，尽量使用实心的线条，这样可以减小文件体积；将动画中的静止和运动的物体分开，并放置在不同的层上面；尽量少使用生僻的字体，如果为了美观，就要把它们做成图片，并且在动画中要减少文本使用的字体；,多媒体技术及其医学应用,37,作品优化原则,对物体内部填充颜色时，尽量少使用渐变色；尽量避免使用图文件，引入它们会大大增加动画的体积；当然对它们作一些处理，作为背景使用也是可以的；尽量使用成组功能，将相关的元素组合在一起；

22、输出声音文件时，尽量使用MP3格式；选择颜色时，选用WebSafe Color，避免浪费调色板的空间，而且可以得到更好的平台兼容性。,多媒体技术及其医学应用,38,逐帧动画的制作,在制作动画的时候，如果每一帧都由制作者亲自绘制，当然这样作品会很精细，能很忠实地反应制作者的意愿，达到最好的动画效果。但是这样会耗费制作者大量的时间和精力。实际工作中，通常只在某些对变换过程要求极为严格，无法通过别的方式来实现的片段，才会通过逐帧动画的方式来制作。,多媒体技术及其医学应用,39,逐帧动画的制作实例,1.新建一个文件，命名为slide.fla。选择单击“插入（I）新建元件（N）”命令，在“元件属性”对话

23、框中选“图形”，命名为create。在元件编辑窗口中，从绘图工具栏上选择矩形工具绘制一个矩形；2.绘制好create后，回到场景 1 的工作区，选择图层 1 的第1帧，从库窗口中将create拖入工作区，并放置在左侧的位置，然后在这一层的第2帧，右键单击鼠标，从弹出菜单里选择“插入关键帧”，插入关键帧。此时，第2帧里自动复制了第1帧之中的内容。在这一帧里进行修改，用选择工具选择这个箱子，拖动它向画面右侧移动一小段距离，接下来的工作和这个相似，从第3帧到第10帧都插入关键帧，而且在每一帧里都将箱子向画面右侧拖动一小段距离，直到最后在第10帧它被拖动到画面的右侧。,多媒体技术及其医学应用,40,补

24、间动画的制作,运动动画可以设置各种对象的运动和过渡，利用运动过渡，你可以设置大小、倾斜、位置、旋转、颜色、及图符和群组的透明度的过渡。合理利用这些功能，就可以创建出网页上常见的各种Flash 渐变效果。此外，如果利用路径引导层将运动动画和路径（任意形状的线条）结合起来使用，就可以创造出按照各种复杂路径移动的运动对象；运动动画的制作思路很简单：用户自己制作首尾两个关键帧，设置好运动对象在这两帧里的状态，余下的工作就交给Flash 来做，它会自动计算出中间各帧中运动对象应该处于什么状态，并显示在画面上。当然，Flash 不可能智能能动的响应我们头脑中的设想，这就要求我们合理计划地设置运动动画，或者

25、说，让Flash 由足够的信息知道我们希望它做什么以及怎么做。,多媒体技术及其医学应用,41,补间动画的制作实例,1.单击“文件（F）新建（N）”命令来建立一个新Flash 文件。系统默认文档包含一个带有一个关键帧的图层 1，下面就在这一帧开始编辑；2.在绘图工具栏上选择矩形工具，绘制小车的车体，选择椭圆工具，给小车画上两个轮子；3.选择小车（包括车体和轮子），单击“修改（M）转换为元件（C）”命令，此时会从弹出如图所示的一个对话框，选择符号类型为图形，并将其命名为car，这样，画面中的小车就变成符号car的一个实例；4.选择时间轴上的第25帧，右键单击，从弹出菜单中选择“插入关键帧”命令，插

26、入关键帧。这样将在第1帧之后插入24帧，其中第25帧是关键帧，而这24帧的内容都和第1帧完全相同；5.编辑第25帧，用选择工具选中小车，将其横向拖动到画面右侧；6.在第1帧至第24帧之间的任何一帧上单击鼠标，选择这一帧，然后在属性面板上，从补间下拉列表中选择“动作”（也可以在它们之中任何一帧上右键单击，从弹出菜单中选择“创建补间动画”）。,多媒体技术及其医学应用,42,运动动画属性面板,动画方式，其待选项有三项：运动动画、形变动画和没有动画效果；缩放（调整大小）：如果希望做出大小渐变的效果，就应该选中这个选项。否则的话，对象在运动过程中的大小保持不变，只有在播放到动画的最后一帧时，才突然进行缩

27、放；速度调整：它使得过渡动画在起始点的速度快于或慢于终止点的速度，用于加速和减速，可以通过调整滑杆来设置值：负值，使对象在起始点运动较慢，逐渐加速；正值，使对象在起始点运动较快，逐渐减速；值设置为0，运动对象的速度在整个过程中保持恒定；旋转：利用该选项可以设置运动过程中运动对象的旋转，其选项有：无、群组或图符不旋转和自动，此选项将在运动最少的方向上设置对象的旋转，顺时针旋转或逆时针旋转。当设置为旋转（无论自动还是设置了旋转方向），旋转下拉菜单后的次数选项变得可用，用户可以在这里指定整个动画中对象所需要旋转的次数；沿着路径方向：仅用于设置沿着某条路径的运动动画，决定是否使运动对象的基线在整个运动

28、过程中保持与路径的相对角度不变；同步实例：将在同一层上多个关键帧上的源于同一个符号的多个实例的起始帧进行同步；沿着运动引导层：当在运动动画中使用运动引导层时，使用该选项将使运动动画的关键帧上的对象沿着运动引导层上的路径运动。,多媒体技术及其医学应用,43,制作运动动画的限制,运动动画仅仅对某个符号的实例、实例群组或者文本框有效。换句话说，只有它们才可以作为运动动画的对象；同一个运动动画的对象，不可以存在于不同的图层里；动画应该有始有终，有起始的关键帧，也有结束的关键帧。,多媒体技术及其医学应用,44,形变动画,形变动画是Flash 中另外一个主要组成部分，它描述了在一段时间内将一个对象变形为另

29、一个对象的过程。在Flash 中，可以通过形变动画来改变对象的颜色、形状、透明度、大小和位置等。可以让Flash 把一个红色的圆变成一个蓝色的矩形，所需要的操作步骤很少，很简单。虽然Flash 通常试图以最有逻辑的方式来在两个形状之间进行过渡，并不会产生一些附属的输出，但有时（实际上是很多的时候）它会产生令人不满意的结果。因此需要对形变动画进行一些额外的控制，才能使Flash 按照用户想要的方式进行这次形变。例如，可以利用“形状暗示”在开始和结束形状中选择公共点，这些公共点在过渡中形状保持不变。这样，就可以较为精确地控制整个形变过程。,多媒体技术及其医学应用,45,形变动画实例,1.单击“文件

30、（F）新建（N）”命令来建立一个新的Flash 文件，命名为shape.fla，系统默认该文件包含一个带有一个关键帧的图层 1，下面就在这一帧开始编辑；2.从绘图工具栏上选择文本工具，在属性面板上设置文本属性，设置字体为“宋体”，字号为40，设置文本颜色为红色，并选中“粗体”选项。使用文本工具，在这个工作区，画面上合适的位置输入一个“日”字；3.选择工作区中的文本，单击“修改（M）分离（K）”命令，此时可以看见文字上被斜条纹覆盖，已经变成形状了；4.在第10帧右键单击，从弹出菜单里选择“插入关键帧”命令，在第10帧插入关键帧，从这一帧里把已有的“日”字删除（也可以在弹出菜单里直接选择“插入空白

31、关键帧”）；5.从绘图工具栏里选择椭圆工具，在属性面板上将笔触色 和填充色 都设置为红色。在与原来“日”字同样的位置，绘制一个红色的圆；6.鼠标单击选择第1帧至第9帧之中的某一帧，在属性面板上的补间下拉列表里选择“形状”即可。,多媒体技术及其医学应用,46,形变动画制作的限制,形变动画的对象只能是形状；同一个运动动画的对象，不可以存在不同的图层中；动画应该有始有终，有起始的关键帧，也有结束的关键帧。,多媒体技术及其医学应用,47,引导图层动画,引导图层分为普通引导图层和运动向导图层两种。普通引导图层以图标显示，起到辅助静态定位作用。运动向导图层以图标显示，在制作动画时起到运动路径的向导作用。普

32、通引导图层是在普通图层的基础上建立的，运动向导图层则是一个新的图层，在应用中必须指定是哪个图层上的运动路径。引导图层是一种特殊的辅助设计层，通过引导图层能够使规划Flash动画变得容易。引导层只是在编辑动画的过程中显示，在最终的电影中不会显示该层的内容，除此之外，引导层和普通的层没有太大的区别。引导层和普通标准层可以方便的转化：在引导图层名称栏右键单击，从出现的弹出菜单中再点击一次取消“引导层”选项，引导层就被转化为标准层。如果用户想看看没有某一层动画时动画会变成什么样，就可以将该层转化为普通引导层，然后预览一下动画，如果不喜欢这样的结果，可以方便地将其转化为标准层。,多媒体技术及其医学应用,

33、48,引导图层动画制作实例,1.建立一个新文件夹，点击 添加一个引导层;2.搜集一个树叶的图形素材，点击“文件（F）导入（I）导入到库（L）”命令，把树叶图形导入到库中;3.选中图层1的第1帧，按F11，从库中把树叶图形拖入到舞台中，选中该图形，右键单击，从快捷菜单中选择“转换为元件”，设置行为为“图形”，名称为“树叶”，选中图层1的第40帧，按F6插入关键帧;4.选中引导层的第1帧，选中绘图工具中的铅笔工具，在舞台上画一个曲线（树叶的运动路径）;5.选中图层1的第1帧，拖动树叶元件使其中心自动吸附到所画曲线的起点上，选中图层1的第40帧，拖动树叶元件使其中心自动吸附到所画曲线的终点上，选中图

34、层1的第1到40中间的任意一帧，右键单击，选择“创建补间动画”;6.单击“文件（F）保存（S）”命令，然后按CtrlEnter 键，欣赏动画。,多媒体技术及其医学应用,49,遮罩图层动画,遮罩图层是一个特殊的图层，一个遮罩图层只能包含一个遮罩项目，并且按钮内部不能有遮罩图层，也不能将一个遮罩应用到另一个遮罩。利用遮罩图层可以制作出一些特殊效果的动画、如聚光灯效果、书写效果等。遮罩图层就像是一张不透明的纸，我们可以在这张纸上面挖一个洞，透过这个洞可看到下面的物体，当洞下面的物体运动经过洞口时，就产生了一个小动画。此外，还可以让遮罩图层下面的物体不动，而让遮罩图层的洞运动，这就获得了另一种动画效果

35、。例如，在遮罩图层下面的图层中放一张楼房的图片，在遮罩图层上画一个圆，并让这个圆在楼房上来回运动，即可得到聚光灯效果。,多媒体技术及其医学应用,50,遮罩图层动画制作实例,1.建立一个新文件，在图层1中建立一个文本对象，选中第20帧，按F5；2.单击 按钮，在该图层上边创建一个新图层，双击该新图层，将其命名为mask；3.选用绘图工具，在mask图层第 1 帧，在舞台中绘制一个圆，根据自己的喜好设置其填充效果，选中第 20 帧，按F6，并将圆形拖动到右边的位置，在第 1 到 20 帧中间任意一帧点击鼠标右键，选中“创建补间动画”；4.右键单击mask图层，弹出的快捷菜单中选择“遮罩层”5.按下

36、CtrlEnter，欣赏遮罩效果。,多媒体技术及其医学应用,51,元件的建立,元件是可以重复使用的图像、动画和按钮，实体是元件在舞台上在表现。FLASH本身提供了很多元件，都保存在库中，可供直接使用。使用元件可以使编辑动画更简单，尤其是对于大量重复元素的动画，只要对元件进行修改，系统会自动更新所有的实体；在FLASH中创建元件有三种方式：将已经有的对象转换为元件，自己亲手创建一个元件，也可以从别的文件中引进来使用。,多媒体技术及其医学应用,52,方法一：将已有的对象转换为元件实例,单击工具箱中的选择工具，将要转换的图形选中；单击“修改（M）转换为元件（C）”命令，弹出转换为元件对话框；在该对话

37、框中的名称栏中输入元件的名字，并在作用栏中的三个选项中选择其中的一个，然后单击“确定”按钮，选择的飞机图形就转换为图片元件了；选择窗口菜单中的库命令，打开元件库面板，在元件库中可以看到刚刚创建的元件。,多媒体技术及其医学应用,53,方法二：将已有的动画换转换为影片剪辑元件,将一个动画文件打开，然后在时间轴面板中将动画所有的帧都选择，选择的方法是：在时间轴的最上层的第一帧处单击，然后按住Shift 键并拖动鼠标到最下层的最后一帧，这时动画的所有帧就被全部选中了；在选择后的任何一帧上单击鼠标右键，在弹出的快捷菜单中选择“拷贝帧”命令；选择插入菜单中的新建元件命令，新建一个元件；此时在弹出的对话框中

38、，给新元件命名，并在作用设置中选择“影片剪辑”；单击元件编辑窗口中图层的第一帧，然后执行编辑菜单中的粘贴帧命令，则上面复制的动画就会被粘贴到这个窗口中，到此电影片段元件的制作就完成了。,多媒体技术及其医学应用,54,方法三：建立一个空白新元件,单击“插入（I）新建元件（N）”命令；在弹出的新建元件对话框中为新元件命名，并可以设置它的作用属性；在单击“确定”后，这时的工作界面进入到编辑该元件的模式，在这个界面中用户就可以按照自己的创意绘制元件图形了。,多媒体技术及其医学应用,55,三种元件的相互关系及转换,元件有三种类型：影片剪辑、按钮和图形。影片剪辑元件主要用来制作完整的动画或动画的一部分，也

39、可以是静态图像。按钮元件主要用来制作按钮。图形元件主要用来制作静态图像。按钮元件和影片剪辑元件可以引用其他任意类型元件。这些元件创建后都存放在库中，可以在库中修改它们的名称和编辑它们等。图形元件就相当于把本身的每一帧都对应放在场景动画的每一帧中，如果场景动画的帧数大于或者等于图形元件本身的帧数，那么它就能够完整地播放，而如果场景动画的帧数小于图形元件本身的帧数，那么就不能完整地播放。而当场景动画只有一帧时，它就会停在某一帧不动（该帧数值可以在Instance 面板中的首选项中来设置）。而影片剪辑元件相当于将动画的所有帧都放在场景的第一帧中，即使场景时间轴只有一帧，仍然可以播放完整的动画。,多媒

40、体技术及其医学应用,56,单击“窗口（W）库（L）”命令，或者按下F11，就可以打开库面板。库面板是存储和组织在Flash 中创建的各种元件的地方，它还用于存储和组织导入的文件，包括位图图形、声音文件和视频剪辑。库面板可以组织文件夹中的库项目，查看项目在文档中使用的频率，并按类型对项目排序等。当读者发现某一个Flash 动画中包含了优秀的、感兴趣的元件时，可以以元件库的方式打开这个动画文件，从而方便地引用其中的素材。引用的具体方法元件是：选择文件菜单下的“导入”、“打开外部库”命令，打开窗口，选择Flash 动画文件，然后单击“打开”按钮将动画文件打开为元件库。,库介绍,多媒体技术及其医学应用

41、,57,库界面,多媒体技术及其医学应用,58,库元素,库元素的名称：库元素的名称要与源文件的文件名称对应。选项菜单：单击右上角的 按钮，会弹出菜单选项，可选择执行其中的命令。预览窗口：顶部灰色区域视窗为预览窗口，如果元件是有多帧组成的动画，预览窗口会出现两个按钮，单击带有向右选择的按钮可播放动画，单击带有方块的按钮将停止播放动画。元件排列顺序按钮：箭头朝上的按钮 代表当前的排列是按升序排列；箭头朝下的按钮则代表当前的排列是按降序排列。可以按名称、使用次数、链接和修改日期进行分类排列，方法是单击相应的栏目按钮。,多媒体技术及其医学应用,59,库元素,窗口的宽窄切换显示按钮：单击 按钮，可以显示为

42、只有文件名的窄窗口；单击 按钮可以切换为宽窗口。左下角的按钮 是新建元件，其功能和菜单命令中插入“新建元件”一样，会弹出对话框，在其中选择元件类型及名称，建立新元件。按钮 是建立文件夹命令，对于元件比较多的库，可分门别类地建立文件夹，以方便管理。按钮，其功能是显示所选元件的属性，在弹出的对话框中可更改元件名及其类型。左下角最后一个按钮，是删除按钮，其功能是删除列表选中的元件或文件夹。单击该按钮后会弹出确认删除对话框。,多媒体技术及其医学应用,60,第三节 交互动画的设计,1.交 互 性 按 钮 制 作,2.键 盘 控 制 小 球 移 动,多媒体技术及其医学应用,61,交互技术达到的效果,制作按

43、钮，点击可以播放或者停止播放动画；调整动画的显示质量；停止Flash 中所有的声音；从一个帧或者一个场景跳转到另外一个帧或者场景；跳转到不同的URL地址；检测某一帧是否被载入；载入或者卸载一个动画；制作用户自定义的鼠标指针；获取鼠标指针；抓取键盘事件；制作滚动的文本框；设置颜色；控制声音的播放等。,多媒体技术及其医学应用,62,按钮元件的四个状态,弹起：鼠标指针没有接触按钮时，按钮的一般状态。指针经过：鼠标指针移动到按钮上面，但没有按下时，按钮处于被触摸的状态。按下：在按钮上单击鼠标左键，按钮处于被按下的状态。点击：与前三种状态不同，在这种状态下可以定义响应鼠标事件的区域范围，但这个区域不会显

44、示在动画中。,多媒体技术及其医学应用,63,交互性按钮的动画制作,多媒体技术及其医学应用,64,交互性按钮的动画制作-实例,1.单击“文件（F）新建（N）”命令，创建一个新的文件；2.单击“修改（M）文档（D）”命令，弹出“文档属性”对话框，设置“尺寸”为420*300，“背景色”为白色（FFFFFF），单击“确定”按钮；3.单击“视图（V）网格（D）显示网格（D）”命令，显示网格，以便对图形进行精确定位；4.单击“插入（I）新建元件（N）”命令，弹出“创建新元件”对话框，在其中设置“名称”为“按钮”，“行为”为“按钮”；5.选择工具箱中的矩形工具，在颜色栏中设置“笔触颜色”为无色，“填充色”

45、为蓝色（0000FF）。单击工具箱底部的“圆角矩形半径”按钮，在弹出的“矩形设置”对话框中设置“角半径”为20磅，单击“确定”按钮，在工作区的中心绘制一个矩形，如图所示；,多媒体技术及其医学应用,65,6.单击“指针经过”帧，单击“插入（I）时间轴（T）关键帧（K）”命令，插入关键帧；7.单击“指针经过”帧，然后在颜色栏设置“填充色”黄色（FFFF00），将矩形填充为黄色；8.单击“按下”帧，单击“插入（I）时间轴（T）关键帧（K）”命令，插入关键帧；9.单击“按下”帧，然后在颜色栏设置“填充色”为绿色（00FF00），将矩形填充为绿色；10.单击“编辑（E）编辑文档（E）”命令或单击工作区左

46、上角“场景1”按钮，退出元件编辑状态；11.单击“窗口（W）库（L）”命令，打开库面板，将“按钮”元件拖动到工作区中，如图所示；,多媒体技术及其医学应用,66,12.选择工具箱中的文本工具，单击“窗口（W）属性（P）属性（P）”命令，在弹出的属性面板中设置文本类型为“静态文本”，字体为-sans，字体大小为30，文本颜色为黄色（FFFF00），然后在两个按钮上分别输入stop和play，如图所示；13.单击“时间轴”面板左下角的“插入图层”按钮，添加一个新图层Layer 2；14.单击“插入（I）新建元件（N）”命令，弹出“创建新元件”对话框，在其中设置“名称”为“小球”，“行为”为“圆形”，

47、单击“确定”按钮；,多媒体技术及其医学应用,67,15.选择工具栏中的椭圆工具，在颜色栏中设置“笔触颜色”为无色，“填充色”为深绿色放射渐变色，然后在工作区的中心绘制一个圆，如图所示；16.单击“编辑（E）编辑文档（E）”命令或单击工作区左上角的“场景1”按钮，退出元件编辑状态；17.单击Layer 2 图层的第一帧，然后单击“窗口（W）库（L）”命令，打开库面板，将“小球”实例拖动到动作区的左端，如图所示；,多媒体技术及其医学应用,68,18.单击Layer 2图层的第20帧，单击“插入（I）时间轴（T）关键帧（K）”命令，插入关键帧，将“小球”元件拖入到工作区的右端，如左图所示；19.用鼠

48、标右键单击Layer 2 图层的第1帧，在弹出的快捷菜单中选择“创建补间动画”选项；20.选中工作区中的stop按钮，然后单击“窗口（W）动作（A）”命令，打开“动作按钮”面板，添加动作脚本代码，如右图所示；,多媒体技术及其医学应用,69,21、选中工作区的play按钮，然后单击“窗口（W）动作（A）”命令，打开“动作按钮”面板，添加动作脚本代码，如左图所示；22、单击“文件（F）另存为（A）”命令，弹出“另存为”对话框，设置名称为“交互性按钮”，然后单击“保存”按钮；23、单击“控制（O）测试影片（M）”命令，测试该动画的效果。如右图所示；,多媒体技术及其医学应用,70,键盘控制小球移动的动

49、画制作,多媒体技术及其医学应用,71,键盘控制小球移动的动画制作,1.单击“文件（F）新建命令（N）”，创建一个新的文件；2.单击“修改（M）文档（D）”命令，弹出“文档属性”对话框，设置尺寸为420*300，背景色为白色（FFFFFF），单击“确定按钮；3.单击“视图（V）网格（D）显示网格（D）”命令，以便对图形进行精确定位；4.单击“插入（I）新建元件（N）”命令，弹出“创建新元件”对话框，设置名称为ball，行为为图形，单击“确定”按钮；,多媒体技术及其医学应用,72,5.选择工具箱中的椭圆工具，在颜色栏中设置“笔触颜色”为无色，“填充色”为深绿色放射渐变色，最后在工作区的中心绘制一个

50、圆，如图所示；6.单击“编辑（E）编辑文档（E）”命令或单击工作区左上角的场景1 按钮，退出元件编辑状态；7.单击“插入（I）新建元件（N）”命令，弹出“创建新元件”对话框，在其中设置“元件”名称为movie，“行为”为“影片剪辑”，单击“确定”按钮；8.单击“窗口（W）库（L）”命令，打开库面板，将ball 元件拖动到工作区的中心；9.单击“编辑（E）编辑文档（E）”命令或单击工作区左上角的场景1 按钮，退出元件编辑状态；10.单击“窗口（W）库（L）”命令，将movie 元件拖动到工作区中；,多媒体技术及其医学应用,73,11.选中工作区中的movie 实例，单击“窗口（W）属性（P）”命