本章主要介绍使用flash制作医

第7章医学动画设计技术基础本章主要介绍使用flash制作医学动画的方法与技巧。讲解学时数为理论8学时，实习6学时。了解：文件操作、预览和测试动画、场景、时间轴、工具箱、符号库、面板、帧、元件对象的操作和文本框的编辑。掌握：媒体动画的制作、动画的导出与发布和动画应用。重点掌握：基础动画制作和交互动画制作。基础动画示例交互动画示例中国医科大学计算机中心第7章医学动画设计技术基础

7.1

预备知识

7.2

基础动画

7.3

交互动画

7.4

媒体动画

7.5

动画导出与发布

7.6

动画的应用

小结

本章作业要求中国医科大学计算机中心7.1预备知识文件操作预览和测试动画文件场景时间轴工具箱面板帧元件符号库对象的操作文本框的编辑中国医科大学计算机中心文件操作1)启动FlashMX

单击【开始】|【程序】|【Macromedia】中的“MacromediaFlashMX”。工作环境包括了场景、舞台、时间轴、工具箱、面板等。2)新建文件

(1)启动flash后，单击【文件】|【新建】(2)Ctrl+N快捷键3)退出FlashMX(1)单击窗口的“关闭”按钮；2)选择【文件】|【退出】命令；(2)按快捷键Alt+F4。中国医科大学计算机中心文件操作1)保存文件(1)单击【文件】|【保存】，文件保存为扩展名为.fla的文件；(2)单击工具栏中的“保存”按钮；(3)使用快捷键Ctrl+S。2)设置文件的属性选择【修改】|【文档】命令，弹出“文档属性”对话框。中国医科大学计算机中心预览和测试动画文件1)选择【窗口】|【工具栏】下的“控制器”命令，通过“控制器”面板的按钮对动画播放进行控制。

对应快捷键－Enter键第一种方法只能用来预览动画，对于动画中所包含的帧动作或者按钮动作等必须通过【控制】|【启用简单帧动作】、【启用简单按钮】等命令来实现，用此方法不能预览动画中插入的“影片剪辑”动画中国医科大学计算机中心预览和测试动画文件2)选择【控制】|【测试影片】命令，在Flash播放器中播放动画。

对应快捷键－Ctrl+Enter第二种方法可以预览和测试所有动画及其交互功能，播放动画的同时系统自动生成一个.swf文件。.fla文件与.swf文件存放在同一个文件夹中。中国医科大学计算机中心场景1)插入场景

(1) 选择【插入】|【场景】(2) 使用场景面板。打开“场景”面板的三种方法，一是选择【窗口】|【场景】项；二是选择【修改】|【场景】项；三是按快捷键Shift+F22)使用场景面板(1)复制场景(2)插入场景(3)删除场景

这种删除是不可恢复的(4)改变场景顺序:鼠标拖动(5)重命名场景：鼠标双击中国医科大学计算机中心时间轴1)时间轴分为两部分：左边为层控制区，右边为时间轴控制区2)层分为5种类型：一般层、遮照层、被遮照层、引导层和被引导层。显示/隐藏按钮锁定/解锁按钮外框按钮添加层按钮添加引导层按钮添加图层文件夹按钮 删除层按钮中国医科大学计算机中心工具箱工具区：绘制、编辑图形的工具视图区：平移、放大图形的工具颜色区：设置图形边界颜色和填充内部颜色选项区：选择的工具不同，该部分也不同中国医科大学计算机中心面板1)【窗口】菜单中包含打开/关闭面板的所有命令2)选择【窗口】|【关闭所有面板】可以关闭所有面板。3)选择【窗口】|【面板设置】下的“默认布局”可以恢复面板的原始状态。打开/关闭常用面板的快捷键面板快捷键面板快捷键工具Ctrl+F2颜色样本Ctrl+F9时间轴Ctrl+Alt+T场景Shift+F2属性Ctrl+F3变形Ctrl+T对齐Ctrl+K动作F9混色器Shift+F9库F11中国医科大学计算机中心帧1)Flash为我们提供了4种类型的帧，分别为空白帧、关键帧、静止帧和插值帧

2)空白帧－没有任何内容的帧，白色块表示；关键帧－动画发生变化的地方，黑点表示，如果该关键帧中无内容，则为空白关键帧，空心圆表示；静止帧－一连串的帧，是关键帧内容的延续，灰色块表示；插值帧－关键帧使用“补间”时，Flash自动完成动画过渡的一系列帧。插值帧上有一个长箭头。插值帧静止帧关键帧空白帧中国医科大学计算机中心帧3)插入帧(1)如果该层没有任何对象，那么在该层任意一帧处单击后，按快捷键F6或者F7都是插入空白关键帧，如果该图层有对象，那么按快捷键F7插入空白关键帧，按快捷键F6插入关键帧。(2)选中关键帧后面的某个帧，按快捷键F5即延续当前关键帧，即生成静止帧。4)编辑帧(1)复制帧(2)删除帧在帧上右键单击，弹出快捷菜单进行操作(3)清除帧(4)动画帧的反转(5)移动帧：鼠标直接拖动帧中国医科大学计算机中心元件1)元件是存放在符号库中可反复使用的图形、动画、按钮或音频。有助于减少动画文件的大小。2)创建元件的方法是：(1)选择【插入】|【新建元件】(2)按快捷键Ctrl+F83)图形元件：向量图形，也可以是位图图像、动画等4)影片剪辑元件：一段小动画，可独立于主动画进行播放，只能按Ctrl+Enter

键在动画播放器窗口中进行播放5)按钮元件：交互控制按钮。时间轴有“弹起”、“指针经过”、“点击”和“按下”4个帧，可以放图形、图片或动画等。中国医科大学计算机中心元件6)转换元件(1)选择要转换的对象，然后选择【修改】|【转换为元件】命令(2)选择要转换的对象，按快捷键F87)元件的引用

元件从“库”面板中拖到某一层舞台上。中国医科大学计算机中心符号库1)符号库用于存放和组织可重复使用的Flash动画元件，包括在Flash中绘制的图形、导入的声音、位图和QuickTime动画等文件。2)符号是动画中可反复使用的动画元件，用鼠标直接将符号从符号库中拖到画板上，就创建了该符号的一个实例，无论创建了多少实例，在符号库中只有一个符号与之对应。3)画板上实例的属性被修改了，不会影响符号库中的符号；但若修改符号库中的符号的属性，那么其对应的实例都将发生变化。中国医科大学计算机中心符号库4)FlashMX中有库和公用库两种，库中的符号是由用户添加进出的，共用库中的符号是系统内的。5)启动“库”面板的方法是：选择【窗口】|【库】，对应的快捷键是F116)启动“共用库”面板的方法是选择【窗口】|【共用库】中国医科大学计算机中心对象的操作1)选取对象箭头工具有5种操作：(1)单击选取形状上的线条部分或填充颜色部分(2)双击选取形状上的全部线条或填充颜色(3)单击选取元件（按Shift键可选择多个对象）(4)使用Ctrl+A选择全部对象(5)在选区外单击鼠标或按Esc键可以取消选取套索工具

(1)魔术棒工具可在分离位图(不是分离矢量图)上选取色块。(2)多边形套索工具可在画板上勾出多边形选区，双击结束选择。中国医科大学计算机中心对象的操作2)复制、移动与删除对象复制和移动可在相同层上，也可在不同层间、不同场景之间。命令操作有3种：(1)【编辑】｜【拷贝】与【粘贴】-复制操作(2)【编辑】｜

【剪切】与【粘贴】-移动操作(3)【编辑】｜【清除】-删除操作快捷键操作有3种：(1)Ctrl+C与Ctrl+V-复制操作(2)Ctrl+X与Ctrl+V-移动操作(3)Del-删除操作中国医科大学计算机中心对象的操作3)分离与组合(1)选择要组合的对象，选择【修改】|【组合】命令，或按快捷键Ctrl+G可以将对象组合(2)选中对象后，选择【修改】|【分离】命令，或按快捷键Ctrl+B可以分离对象。组合的对象只能进行运动渐变，而分离的对象只能形状渐变。分离后的对象组合对象中国医科大学计算机中心对象的操作4)变形(1)单击工具面板中的变形工具(2)鼠标右键单击需要变形的对象，在弹出的快捷菜单中选择变形的方法，Flash提供了任意变形、扭曲、封套等变形方法，其中分离的对象可以进行上述3种变形操作，而组合的对象只能进行任意变形操作。(3)使用快捷键Ctrl+T打开“变形”面板，进行变形操作缩放旋转扭曲整形中国医科大学计算机中心5)对齐按Ctrl+K打开对齐面板6)调色板的使用(1)实色的创建与编辑在工具箱颜色区或混色器面板(2)渐变色的创建与编辑要通过工具箱颜色区中的填充色按钮或者混色器面板和颜色取样面板来进行设置。7)元件的颜色设置元件颜色的设置在其属性面板中进行对象的操作中国医科大学计算机中心1)Flash中文本可设置为“静态文本”、“动态文本”和“输入文本”2)设置文本属性3)三种文本的区别(1)静态文本的内容在动画播放状态下，就是不可修改的(2)动态文本可以实时地反映动作或程序对变量值的修改，创建动态文本时，在面板中要为其设置一个变量进行标识(3)输入文本为用户提供了一个可以对应用程序进行修改的窗口。创建输入文本时，也要设置一个对应的变量名文本框的编辑中国医科大学计算机中心7.2基础动画Flash动画分为基础动画、交互动画和媒体动画三种类型。其中基础动画包括4种：1.逐帧动画2.渐变动画3.引导线动画4.蒙板动画中国医科大学计算机中心逐帧动画【例1】书写模拟技巧解析：1.修改“帧频”2.输入文字，设置文字属性提示：文字大小设置可以直接输入字号3.分离文字4.插入关键帧5.擦除文字笔画6.重复5－6步骤，写出文字笔画7.“翻转帧”操作步骤逐帧动画的特点是需要对每帧画面进行设计中国医科大学计算机中心【例2】肺循环技巧解析：1.按Ctrl+R，导入图片2.按F6插入关键帧，按Del键删除延续的图片3.重复1－2，分别在不同关键帧中插入图片4.按Ctrl+F3打开属性面板，分别设置关键帧中图片的X，Y的值一致逐帧动画操作步骤中国医科大学计算机中心逐帧动画【课外练习】头颅断层解剖技巧解析：1.创建3个图层，分别放置头像、直线和解剖图2.直线和解剖图的关键帧中对象相对照操作步骤中国医科大学计算机中心渐变动画1)渐变动画只需定义开始和结尾的两个关键帧的内容，帧之间的过渡由Flash自动创建2)渐变动画有2种类型：运动渐变和形状渐变3)运动渐变是元件、组合或文本产生位置变换、尺寸缩放和平面旋转等运动4)形状渐变是图形形状发生变化，一个图形可以变成另一个图形中国医科大学计算机中心渐变动画【例3】眼底检查（运动渐变）技巧解析：1.导入图片2.创建图形元件“检查器”3.从库中拖入元件4.设置补间为“动作”5.增加图层6.有选择的设置关键帧中对象的“Alpha”值为“0%”操作步骤中国医科大学计算机中心渐变动画【课外练习】染色体（运动渐变）技巧解析：1.导入图片，并分别将其转换为图形元件2.分别插入不同的关键帧，将元件分别放入其中3.补间为“动作”操作步骤中国医科大学计算机中心渐变动画【例4】视觉成像（形状渐变）技巧解析：1.使用线条工具，设置笔触颜色，按Shift键，绘制直线2.选择任意变形工具，改变直线长短3.动作补间为“形状”4.帧的快捷菜单中选择“拷贝帧”和“粘贴帧”命令，实现帧的复制5.任意变形工具，旋转图片操作步骤中国医科大学计算机中心渐变动画形状渐变－形状提示在形状渐变时，Flash可以通过添加形状提示来使形状渐变按照自己希望的路径进行渐变，那就是使用形状提示选择【修改】｜【形状】下的“添加形状提示”命令项，或者按快捷键Ctrl+Shift+H键使用”形状提示”的变形动画中国医科大学计算机中心渐变动画【课外练习】听诊心功能不全（形状渐变）技巧解析：1.图片分离操作2.创建两个关键帧3.动作补间为“形状”操作步骤中国医科大学计算机中心引导线动画引导线动画至少要有两个图层，一个是一般图层，里面只含有一个对象，而这个对象可以是组合、位图。另一个就是引导层，用户可以将需要的路径画在该图层上建立引导层的方法是：单击普通图层，再单击图层面板左下方的“增加引导线”图标，如此就为此图层增加一引导线图层中国医科大学计算机中心引导线动画【例6】耳蜗旋转

（封闭路径运动）技巧解析：1.导入图片，制作成图形元件2.增加引导层3.使用椭圆工具＋shift绘制圆路径4.引导层中分别添加4个关键帧，分别调整元件位置为“左、上、右、下”提示：可以使用橡皮擦工具擦出一个缺口，元件位置只需分别调整在缺口上下端操作步骤中国医科大学计算机中心引导线动画【例7】呼吸运动

（曲线路径运动）技巧解析：1.创建图形元件，正圆，渐变填充2.添加引导层3.使用铅笔工具绘制自由路径4.设置元件“动作”补间5.用“拷贝帧”与“粘贴帧”命令操作步骤中国医科大学计算机中心引导线动画【课外练习】重吸收

（直线路径运动）技巧解析：1.添加引导层2.使用铅笔工具绘制自由路径3.设置元件“动作”补间操作步骤中国医科大学计算机中心蒙板动画蒙板层把它相关的层的内容掩饰起来，蒙板层上只能含有一个图形、元件或文字建立蒙板层的方法是：先做好两个一般图层，右键单击上面的图层，在弹出的快捷菜单中选择“遮照”命令，将这个图层设为蒙板图层中国医科大学计算机中心蒙板动画【例8】禽流感（文字遮照）技巧解析：1.导入三个图片，制作成图形元件2.插入2个关键帧，拖入元件，改变其横向位置，并设置补间为“动作”3.增加新图层，输入文字，并设置该图层为“遮照层”操作步骤中国医科大学计算机中心蒙板动画【例9】呼吸系统放大技巧解析：1.创建2个图层，分别放置缩小图像（下）和放大图像（上）2.创建图形元件“圆”3.增加新图层，插入不同关键帧，分别放入“圆”元件，使其位置不同，并设置动作补间“动作”4.将“圆”图层设置为遮照层5.用图形整形操作，制作放大镜操作步骤中国医科大学计算机中心7.3交互动画1.设置按钮动作2.设置帧动作3.设置影片剪辑动作动画是通过对按钮、关键帧或影片剪辑设置一定的动作来实现打开动作面板的方法有3种，分别是：1) 选取一个关键帧，单击【窗口】|【动作】2) 右键单击按钮或影片剪辑，快捷菜单中选择“动作”按快捷键F9。交互动画有三种操作：中国医科大学计算机中心交互动画设置按钮动作【例10】细胞运动技巧解析：1.创建影片剪辑元件：导入图片，设置2个关键帧，补间为“动作”，设置旋转属性，并为元件命名a12.创建按钮元件制作3.动作代码设置：On(release){a1.play();}On(release){a1.stop();}操作步骤中国医科大学计算机中心交互动画设置按钮动作【例11】肺部空气交换技巧解析：1.制作影片剪辑：图片按照圆的路径运动2.制作按钮元件：将影片剪辑元件放入“弹起”帧，“鼠标经过”帧导入图片操作步骤中国医科大学计算机中心交互动画设置帧动作【例12】DNA介绍（场景切换）技巧解析：1.设置每个场景的第1帧动作：stop()2.按钮元件制作及其代码设置:on(release){gotoAndPlay("场景2",1);}3.设置场景中返回按钮代码：on(release){gotoAndPlay("场景1",1);}操作步骤中国医科大学计算机中心交互动画设置帧动作【例13】耳结构演示

（帧的跳转）技巧解析：1.设置每个关键帧动作：stop();2.制作按钮元件：设置其alpha属性为0%3.按钮代码设置on(release){gotoAndStop(5);}操作步骤中国医科大学计算机中心交互动画设置影片剪辑动作【例14】鼠标跟随技巧解析：1.分别创建2个按钮元件，分别导入2个病毒图片2.制作影片剪辑元件，导入放大镜图片3.设置影片剪辑动作代码:onClipEvent(mouseMove){startDrag(fd,true);Mouse.hide();}操作步骤中国医科大学计算机中心交互动画【课外练习】内分泌腺技巧解析：

1.制作隐形按钮元件

2.使用按钮实现帧的跳转操作步骤中国医科大学计算机中心交互动画【课外练习】计算器技巧解析：

1.设置输入文本和动态文本，并设置变量

2.按钮实现变量之间的运算操作步骤中国医科大学计算机中心7.4媒体动画1.音频动画2.视频动画

Flash动画中只能导入AIFF、WAV、MP3格式的音频文件。Flash动画中可以导入MPEG、DV、MOV、QuickTime和VAL格式的视频导入的方法：单击【文件】|【导入】命令项媒体动画有两种类型：中国医科大学计算机中心【例15】正常心音技巧解析：1.音频的导入2.音频的控制音频动画与视频动画

操作步骤中国医科大学计算机中心【例16】视频播放控制技巧解析：1.视频的导入2.视频的控制音频动画与视频动画

操作步骤中国医科大学计算机中心7.5动画的导入与发布

Flash动画文件制作完成后，最后要把它制作成一个独立的动画，或者直接发布为一个HTML文件1.Flash的导出2.Flash的发布中国医科大学计算机中心

Flash的导出导出的文件格式可以是.swf动画、.avi和.mov格式的视频文件以及.gif动画等多种形式【例17】将“肺循环”导出成avi格式1)打开“肺循环.fla”2)选择【文件】|【导出影片】命令，选择保存的类型为avi3) 单击“保存”按钮进行保存4) 单击“确定”按钮，导出的影片同该Flash文件在同一个位置Avi视频，单击播放中国医科大学计算机中心

Flash的发布【例18】将“肺循环”导出gif动画1.发布设置选择【文件】|【发布设置】命令2.发布预览1) 选择“文件”菜单中的“发布预览”命令，在弹出的下一级菜单中选择预览文件的类型。2) 直接按快捷键Ctrl+F12，可以按照HTML格式进行预览。3.发布1) 选择“文件”菜单的“发布”命令2) 直接按快捷键Shift+F12Gif动画中国医科大学计算机中心创建可执行文件（.exe）1)鼠标双击打开保存的扩展名为.swf的动画文件2)选择【文件】|【创建播放器】命令，弹出“另存为”对话框3)在“文件名”中输入可执行程序的名称，单击“保存”按钮即可创建一个可执行程序。4)打开保存的位置，鼠标双击可执行程序的图标就可以播放动画了。

Flash的发布中国医科大学计算机中心7.6动画的应用无论是Flash动画文件，还是导出的其他格式的动画文件，都可以作为其他软件进行设计时的素材1.在幻灯片中的应用2.在网页中的应用中国医科大学计算机中心在幻灯片中的应用在幻灯片中插入Flash动画的方法有3种1.插入对