第7章 FLASH动画.ppt

《第7章 FLASH动画.ppt》由会员分享，可在线阅读，更多相关《第7章 FLASH动画.ppt（66页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、第7章FLASH动画第7章 动画媒体及其技术配套教材配套教材国家国家“十一五十一五”规划教材规划教材现代教育技术现代教育技术陈琳陈琳 主编主编高等教育出版社高等教育出版社2006年版年版7.1.2 计算机动画的特点l效率高l成本低l质量高l手法多l灵活l“门槛”低7.1.3 动画制作软件的种类l 三维动画制作软件与二维动画制作软件3ds max和MayaFlash和GIF Animatorl矢量动画制作软件与位图动画制作软件l文字动画软件7.2 Flash动画设计与制作lFlash软件的界面构成lFlash动画制作基本概念l动画制作的一般过程l基本类型动画的制作方法l动画的发布 7.2.1 F

2、lash软件的界面构成l菜单及命令l主工具栏l工具箱l舞台l时间轴l面板7.2.2 Flash动画制作基本概念l帧l关键帧l图层l遮罩层和引导层l逐帧动画和补间动画l场景l元件l实例和库帧、关键帧l帧动画在时间上的基本单位和最小单元动画的形成过程就是由一帧到另一帧的转变过程帧在时间轴中顺序，决定了在动画中显示顺序l关键帧（Keyframe）用于定义动画变化或包含动作的帧l在时间轴上各种帧的表示圆点关键帧；灰色静止帧；空白空白帧蓝色动作补间动画帧；绿色形状补间动画帧箭头标志表示动作或形状补间动画的变化方向图层、遮罩层和引导层l图层l遮罩层用于控制被遮罩内容的显示l引导层使被引导层中的对象按照引导

3、层确定的路径运动l图层属性设置右击图层出现的快捷菜单中选择和设定逐帧动画和补间动画l逐帧动画（帧并帧动画）必须对时间轴轨道中的每一帧进行定义的动画所有帧都为关键帧特点l能随心所欲地创建各种动画效果不足l制作费时费力l生成的动画体积大逐帧动画和补间动画l补间动画（渐变动画）只需要人为创建开始关键帧的对象和结束关键帧的对象，并设置两关键帧之间的变化形式的动画Flash根据人为设置自动生成中间各帧特点l设计制作效率高、动画文件尺寸小种类l动作补间动画、形状补间动画场景l每个场景是一个完整的动画序列l多个场景的组合产生不同的交互播放效果l复杂的Flash动画由多个场景组成l制作时场减的增减、调整利用“

4、场景”面板执行“插入”“场景”命令新增场景执行“视图”“转到”命令选择场景l播放多场景动画的切换利用交互按钮进行场景与场景之间的切换自动按照“场景”面板中的列表顺序依次播放各场景元件、实例和库l元件（Symbol）可在动画中重复使用的元素创建的元件会自动存放到库中将元件从库中拖放到舞台或其它元件，就创建了元件实例实例位于舞台上或嵌套在另一个元件内的元件副本l图形元件主要用于制作静态图形图形元件具有自己的时间轴可以加入其他元件和素材不具有交互性不能加入声音元件、实例和库(2)(2)l影片剪辑本身是完整的动画，可包含一切的素材可以有时间轴、交互性控制、声音可以包含其它的动画片断当一个动画需要在不同

5、的地方使用时，最好直接定义为影片剪辑元件、实例和库(3)(3)l按钮元件在交互性动画用于激发事件在新建按钮元件时将出现包含4个帧的时间轴l前3帧分别定义按钮的3个可能发生的状态l第4帧定义按钮的动作区域“弹起”当鼠标指针不接触时相应按钮的外观“指针经过”当鼠标指针移到了按钮上面但还没有按下时的按钮外观“按下”在按钮上按下鼠标左键时该按钮的外观“点击”定义响应鼠标的区域元件、实例和库(4)(4)l图形元件和影片剪辑元件创建执行“插入”“新建元件”，在“创建新元件”对话框设置创建执行“修改”“转换为元件”，将舞台内容直接转化而得l将舞台中的内容转化为影片剪辑元件的操作选中动画各图层中的所有帧l用拖

6、动鼠标的方法选中l可在时间轴的任一帧上右击后选择“选择全部”在选中帧的位置右击，执行“复制帧”命令执行“修改”“转换为元件”，将对话框中“行为”选“影片剪辑”单击时间轴第一帧，执行“粘贴帧”命令元件、实例和库(5)(5)l“库”（Library）集中存放、管理和组织需要重复使用的动画素材利用它可方便查找、编辑、设定和重复利用素材l“库”的种类公用库存放Flash软件系统自带素材库存放在动画制作中制作元件或导入素材 7.2.3 动画制作的一般过程l新建文件l设置文档属性l创建加工动画对象l设置变化l测试l发布1新建及保存动画文件l制作好的动画源文件应以.fla 格式保存l.swf 格式文件为发布

7、动画后的文件在Flash中只能播放不能修改2设置文档属性l执行“修改”“文档”命令lCtrl+Jl“文档属性”对话框设置帧率l812fps为宜动画画面尺寸背景颜色l可利用“属性”面板3创建动画对象及设置变化（1）创建动画对象（2）建立关键帧选择时间轴上的具体帧后，执行“插入”/“关键帧”命令按F6功能键用鼠标右击时间轴上要插入关键帧的单元格后选择“插入关键帧”每一图层的首帧自动设为关键帧图层中新添加关键帧位置之前所有帧，将继承前面关键帧的内容设计逐帧动画，每一帧都为关键帧，要为所有的帧设计内容设计补间动画只要将部分帧设为关键帧，并设置关键帧的内容3创建动画对象及设置变化（3）设置变化是设置两个

8、关键帧之间的变化“补间”形式l设置方式选中时间轴上两个关键帧中的前一关键帧，在“属性”对话框“补间”栏中选择“动作”或“形状”如果是制作“动作”动画，可以在时间轴两个关键帧中前一关键帧右击，再选择“创建补间动画”4测试或播放l执行“控制”“测试影片”命令l按Ctrl+Enter屏幕上呈现与发布该动画完全相同的效果l执行“控制”“播放”命令l按Enter键在舞台上直接播放正在编辑的动画有些动画效果无法显示l检视动画效果的其他方法在时间轴上拖拉播放头单击时间轴下方的绘图纸外观工具将动画的许多帧在舞台上同时显示7.发布动画l将动画建为能用Flash播放器播放的.swf格式或根据需要生成Html、.e

9、xe文件，以通过浏览器播放或在操作系统中直接播放l执行“文件”“发布设置”，在“发布设置”对话框中选择发布文件的类型在对应的选项卡中设置 7.2.4 基本类型动画的制作方法l形状补间动画制作方法l动作补间动画基本制作方法（1）移动动画的制作方法（2）转动动画的制作方法（3）沿特定路径运动动画的制作方法（4）颜色变化动画的制作方法（5）遮罩动画的制作方法l多对象动画基本制作方法l同对象多变化动画的基本制作方法l交互动画基本制作方法l有声动画的制作方法1形状补间动画制作方法l形状补间动画形变（Shape）动画l制作一般过程建立动画开始关键帧，并在舞台中建立起始对象l可事先建立为元件，然后从库中拖放

10、到舞台使用在时间轴上合适帧位建立结束关键帧l在结束关键帧删除舞台上原有对象，再建立结束关键帧对象l合适帧位根据需要形变动画持续播放的时间和帧率确定选中时间轴上开始关键帧，在“属性”面板“补间”栏中选择“形状”，并对“简易”、“混合”栏进行设置l“简易”栏设定动画从开始到结束变化的加速度l“混合”栏确定变形过程的细致程度“分布式”、“角形”按Enter或按Ctrl+Enter进行播放或测试1形状补间动画制作方法（）（）l可用鼠标拖动动画结束关键帧前后移动，改变帧序列长度l在时间轴上关键帧之间出现虚线，表示设置不成功l形状补间动画成功关键执行“修改”“分离”或用Ctrl+B，将有些对象“分离”、“

11、打散”l在关键帧对象上添加形状提示点控制变化过程在时间轴选起始关键帧后执行“修改”/“形状”/“添加形状提示”l或反复按Ctrl+Shift+H将红色提示标志点移到图形上拟变形控制点在结束关键帧上将提示标志移到图形的合适位置l右击起始关键帧提示标志点可“添加提示”、“删除提示”等2动作补间动画基本制作方法l 移动动画l转动动画l颜色变化动画l沿特定路径运动动画l遮罩动画（1）移动动画的制作方法（）（）建立将要移动的对象为元件只是建立简单动画，可以选择元件的行为类型为“图形”建立元件，要养成命名习惯创建需要放置元件的图层和关键帧将元件拖到处于起始关键帧的舞台上l若起始关键帧不在时间轴第一帧位置，

12、则先在时间轴合适帧位建立关键帧，再选中此关键帧将元件拖放到舞台上建立“移动”的结束关键帧根据对象要移动的时间以及帧率，确定结束关键帧位选择合适帧位建立关键帧，并拖放对象到结束的位置（1）移动动画的制作方法（）（）设置变化形式选中时间轴起始关键帧，在“属性”面板“补间”栏中选择“动作”若同时选择“属性”面板中的“缩放”，则允许对象在转动的同时改变大小按Enter或Ctrl+Enter播放或测试l动作补间动画不成功，多是运动对象未预设为元件l关键：既要将运动对象从库中拖出加以使用（文字动画例外）又要保证在两关键帧上使用的是同一元件（2）转动动画的制作方法l转动中心在指定位置不移动l转动中心不断移动

13、l制作转动中心不断移动的转动动画在移动动画基础上，在“补间”栏选“动作”的“属性”面板，选择“旋转”中的“顺时针”或“逆时针”，并输入旋转的圈数l制作转动中心不移动的转动动画与制作转动中心不断移动的转动动画的方法相仿区别运动对象在终止帧与起始帧的位置是否同（3）沿特定路径运动动画的制作方法l一般方法在移动动画基础上增加引导层在引导层下在舞台上绘制作为运动路径的曲线在原移动动画设置图层的起始关键帧和结束关键帧上，将运动对象分别拖放到运动路径曲线的两端点l关键在起始和结束关键帧，对象中心点与路径端点要吻合给选取工具设定吸合属性，容易实现此吻合在“属性”面板选“调整到路径”，对象在沿特定路径运动时，

14、能够根据路径的切线方向调整自身的方向（4）颜色变化动画的制作方法对象亮度、色调、透明度变化l制作在运动动画基础上，选中关键帧后单击动画对象，然后在“属性”面板的“颜色”栏中进行选择l“亮度”l“色调”l“Alpha”l“高级”可在设置动作之前，直接改变设置对象颜色（5）遮罩动画的制作方法（）（）l遮罩动画构成遮罩层被遮罩层动画运行时，被遮罩层上的对象只能透过遮罩层上存在的对象区域展示遮罩层上对象移动，可以产生聚光灯扫射的效果l关键遮罩规律遮罩层上的对象外形对被遮罩层对象产生遮罩被遮罩层对应于遮罩层上对象之外的，在动画中无法显示（5）遮罩动画的制作方法（）（）l定义遮罩层的方法在时间轴相应图层右

15、击，在快捷菜单中选“遮罩层”设某层为遮罩层，它之下一个图层自动变为被遮罩层l利用遮罩层可设计得到许多特殊效果将文字作为遮罩层，图像作为被遮罩层，则会产生图像从文字中透射出来的效果如果将图像设计为左右移动，则从文字透射出的图像会产生变幻效果 例：遮罩动画制作放大镜效果l放大镜效果动画画面中有一运动着的放大镜，无论放大镜到达什么地方，在它下面的小图都会透过它放大显示l制作过程创建名为“放大镜”的图形元件，使其为无边线有填充的圆在“场景”中执行“文件”“导入”“导入到舞台”，导入图像，并将图层命名为“原图”。将图像缩到合适后置于舞台中间，选择后执行“修改”“转换为元件”命令，将它转换为名为“导入的图

16、像”的图形元件 例：遮罩动画制作放大镜效果在“场景”中某帧（如第36帧）插入帧新建为“放大图”的图层，并处于该图层下将“导入的图像”元件从库中拖放到舞台上，调整到与“原图”层中图像的中心位置相同，在“属性”面板中将其宽、高设为“原图”层图像的2倍，将两图的中心重合新建名为“遮罩”的图层，并设它为“遮罩层”，将“放大镜”图形元件从库中拖到“遮罩”层的第1帧在“遮罩层”的某帧（该例中为第36帧）上插入关键帧，将“放大镜”图拖放到运动终点位置，在1-36帧间右击并选择“创建补间动画”3多对象动画基本制作方法l关键将不同对象放在不同的图层中设计处于高图层中的对象会部分遮挡低图层的对象设计时要合理表现对

17、象间的前后关系4同对象多变化动画的基本制作方法l使同一对象变形与运动兼具将对象作为单变化动画设计全选后执行“修改”“转换为元件”，将该动画转换为图形元件将如此转化得到的元件从库中拖放到舞台再赋予其他变化形式l如果要求变形与动作兼备，应先设计变形，再在转化为元件的基础之上设计动作7.交互动画基本制作方法（）（）l交互动画播放过程中能根据用户操作给以不同反馈l按钮交互按压界面按钮，能进行播放、停止、跳转等控制l制作按钮交互动画的过程制作没有按钮的动画新建专门图层放置按钮元件对按钮设置动作 7.交互动画基本制作方法（）（）l例包含三个场景动画，有4个交互按钮l制作过程制好按钮元件和三个场景动画（场景

18、1、2、3，场景3最大帧数50）进入场景1，新建名为“按钮”的图层，将4个按钮拖放到处于该层的舞台上，并视需要在每个按钮下面加注文字打开“动作”面板，在左区的“动作”工具箱中找合适项目，双击“动作”工具箱中某项，向“脚本”窗格添加动作l可在“动作”面板右区点击“脚本”窗格“添加”（+）按钮添加动作复制场景1中“按钮”图层第一帧，在场景2和3各新建一图层，在首帧执行“粘贴帧”7.交互动画基本制作方法（）（）l给按钮添加的动作脚本lon(press)gotoAndPlay(场景1,1);l给按钮添加的动作脚本应为：lon(press)stop();l给按钮添加的动作脚本应为：lon(press)p

19、lay();l给按钮添加的动作脚本应为：lon(press)gotoAndStop(场景3,50);6有声动画的制作方法l导入声音文件l为动画添加背景音乐l为动画添加解说l为按钮添加声音 7.2.5 动画的发布l执行“文件”“发布设置”在对话框中选择发布格式选择文件格式，在对话框出现对应选项卡选择.exe格式不出现相应的选项卡l.swf的发布格式Flash的动画文件格式Flash源程序的压缩版本为通过网络查看进行了优化可在浏览器中播放，但无法在Flash中进行再编辑在网页、多媒体课件中插入Flash动画，应插入.swf文件 7.2.5 动画的发布l发布Flash动画为.swf格式的重点设置“版

20、本”指定导出动画能在哪个版本Flash播放器中播放l有些功能在低版本Flash播放器中无效“防止导入”防止别人从网上下载后再利用Flash修改“压缩影片”减少含大量文本或ActionScript脚本的文件尺寸7.3 三维动画的设计制作7.3.1 3ds max软件界面l菜单、工具栏、命令面板区（展卷栏区）、工作视图区、动画控制区、视图控制区、脚本输入区、状态显示与提示区命令面板区共有6个命令面板l创建、修改、层级、运动、显示和实用程序创建命令面板下有七个子卷展栏l三维几何体、二维物体、灯光、摄像机、虚拟物体、扭曲空间和系统7.3.2 设计制作三维动画过程和方法l制作+处理l制作创建、编辑模型l

21、处理色彩效果（材质与贴图）视觉效果（灯光与摄影）环境衬托（大气效果）动画处理l通常按建立对象模型、编辑模型、编辑材质、设置贴图、设置灯光、建立摄像机、控制环境、动画设置的过程进行1建立对象模型l利用现成的三维对象模型，生成标准三维几何体和扩展三维几何体在命令面板区先后单击 、按钮选择Standard Primitives、Extended Primitives在Object Type 栏下选择几何体类型选项，或在Create菜单中作类似的选择用鼠标在工作视图区拖动产生模型用Keyboard Entry面板指定参数l或用Parameters面板修改参数1建立对象模型l用已有二维对象模型创建二维图

22、形后通过Extrude及Lathe等方法得到三维对象用Lathe可以简单曲线为基础创建花瓶、酒瓶等对称性物体l由两个或两个以上的对象通过一定组合方式产生新的几何体复合体复合对象法Loft、Morph、Scatter、Conform、Connect、Terrain、Mesher、Shape、Merge和Booleanl利用Patch、BURBS和细分等建模方法创建复杂模型2编辑模型l编辑模型编辑对象利用修改面板 对已建立的对象作进一步处理，使对象的外表、颜色及形状表现出各种各样的效果通过在修改面板的Modify List（修改器列表）下拉列表框中选择各种各样的修改器进行选择修改器后，在Param

23、eters面板中可修改和设定修改卷展栏底部Deformation面板中，提供了Scale、Twist、Teeter、Bevel、Fit变形工具，在变形工具下打开Deformation窗口，可对对象进行灵活处理3编辑材质与设置贴图l材质构成物体的质地l贴图物体材质表面的纹理贴图操作是在现有材质基础上为物体指定图像，使场景具有真实感l编辑材质和设置贴图利用材质编辑器（Material Editor）进行打开材质编辑器窗口l按Ml或按主工具栏的 3编辑材质与设置贴图l赋予对象材质的方法创建对象单击材质编辑器样本区选择一个样本球，进行材质设置单击 按钮，所选的材质就应用到了对象上单击 按钮，场景中物体

24、显示出材质效果l给对象贴图在赋予对象材质基础上进行，或赋予对象材质同时进行在选定材质的基础上，在材质编辑器中打开Maps卷展栏选择相应的贴图方式和图片，然后选择需贴图对象单击 按钮，贴图应用到对象上4设置灯光和建立摄像机l虚拟的灯光可以照亮场景，使物体显示出各种效果、创建出阴影等，只有应用了灯光，给物体设置的各种材质才有意义。3ds max中提供了大量灯光类型，可模拟出各种各样的照明效果。l虚拟的摄像机既是调整观察场景视觉的重要工具，又是模拟真实摄像机特效的工具，它本身的运动极有助于创建浏览动画效果。4设置灯光和建立摄像机l在场景中创建灯光的基本方法单击创建面板中的灯光 按钮在Object T

25、ype栏下单击相应灯光类型拖动确定灯光的目标位置在创造面板中设置阴影、强度、颜色、大气效果灯光的位置利用工具栏中的移动工具调整。4设置灯光和建立摄像机l摄像机分为目标摄像机和自由摄像机l建立目标摄像机的方法在创造面板中单击摄像机按钮 单击Object Type栏下的Target按钮在视图中单击确定摄像机位置，拖动定摄像机目标位置选择摄像机后，可在修改面板中设置摄像机参数l建立自由摄像机的方法单击摄像机按钮后单击Free按钮在视图中单击确定摄像机位置7.动画设置l基本设置设立关键帧自动设置l按Auto Key，在动画轨迹条中拖时间滑块改变对象属性手动建立l按Set Key按钮后按 钮确定l建立起

26、始关键帧和终止关键帧后，可点击按钮播放动画制作好的动画可输出为.avi格式的文档 教学实践Flash动画设计制作实践1实践目的 （1）通过实践加深对Flash动画特点的认识。（2）掌握Flash动画制作的一般方法。（3）引发对教学动画设计的思考。2实践器材 3实践方法及要求4实践注意点 教学实践Flash动画设计制作实践l问题讨论矢量动画在播放时放大或缩小，一般并不影响其清晰度，那么在开始制作动画之时的设置动画画面尺寸大小有必要吗？Flash公用库中包含哪些有关学习交互的内容，这些学习交互对学习有哪些实用价值？Flash工具箱中与Photoshop工具箱中名称相同的各工具，在功能和应用上各有哪

27、些区别？时间轴特效有哪些类？可用于哪些对象？怎样有效利用？在制作动画时可采取哪些措施减小矢量动画的文件尺寸？如何制作百页窗效果动画？如何制作MTV动画？如何制作渐变效果文字？如何制作人行走的动画？教学探讨活动 1选择你认为非常好的3个影视片的片头设计，探讨用Flash或3ds max实现的方法和途径。2探讨运用动画于教学需要注意的问题。3查找汇集本专业教学动画网站，然后与小组同学交流共享。4探讨教学媒体的特点与运用，与小组同学交流共享并作为作业提交。7.教学案例分析。分析教师提供教学案例中各类媒体对教和学的支持方式，探讨其应用的合理性以及可改进之处。6学习反思。总结回顾本章的教与学，找出不足，

28、提出改进方式，并填写学习日志。思考题 1你认为动画在教育方面有哪些独到的作用？2Flash软件与3ds max软件相比，有哪些优势和不足？3部分选取工具与选取工具在功能和使用方面有哪些区别？要复制图形的边线和填充样式，可使用什么工具？4帧、关键帧、元件、实例、场景、帧率、库分别表示什么？Flash的图层与Photoshop的图层有哪些不同？7.Flash软件包含哪几类元件？在什么情况下要创建元件？图形元件与影片剪辑元件有哪些区别？6制作动作补间与形状补间动画在操作方面有哪些区别？7怎样才能将场景动画转化为影片剪辑元件？思考题8如何利用Flash设计制作按钮交互动画？9从减小动画文件尺寸考虑，是否导入MP3格式的声音文件比导入WAV等格式的声音文件更好？10矢量图具有比位图文件尺寸更小的特点，那么在将位图转化为矢量图后所制作的Flash动画，是否比不转化制作的动画文件尺寸更小？11如何创建静态文本、动态文本与输入文本？三种文本类型的区别有哪些？12什么是形状提示？如何进行设置？13用3ds max制作三维运动动画的一般过程如何？此此课件下件下载可自行可自行编辑修改，修改，仅供参考！供参考！感感谢您的支持，我您的支持，我们努力做得更好！努力做得更好！谢谢!