第5章动画制作技术教学设计

《多媒体技术及应用》教学设计1《多媒体技术及应用》课程教学设计（5）课题第5章动画制作技术课时理论/实验6/4周次第周授课日期周第-节地点教室教学方法讲授（√）演示（√）练习（√）实验（√）讨论（）其他（）教学环境是否使用多媒体（√）教学目标了解动画的视觉原理、动画的分类、特点、文件格式等相关概念；掌握动画制作软件Flash的基本应用（常用工具的使用、声音文件的导入、文本的编辑、时间轴特效、逐帧动画、形状补间动画、运动补间动画、路径动画、遮罩动画）。教学内容5.1动画基础知识5.1.1动画概述广义而言，把一些原先不活动的东西，经过制作与放映，变成会活动的影像，即为动画。韦伯斯特大词典对动画的解释是：由一系列图画构成的运动图像，或一组对木偶、泥塑进行拍摄，并通过每幅图形的细微改变模拟目标物的动作。所以，动画是利用人的视觉暂留特性，通过连续播放一系列静态的画面，给视觉造成连续变化的图像。5.1.2动画分类1．按表现形式分类2．按制作技术和手段分类5.1.3计算机动画简介计算机动画是指采用图形与图像的处理技术，借助于编程或动画制作软件生成的一系列可连续播放的运动图像。它在动画制作、影视制作、游戏制作等许多领域广泛应用，如今已经形成了一个巨大的产业。计算机动画可分为二维动画和三维动画两种。二维动画是平面上的画面，可以在二维空间上模拟真实的三维空间效果。而三维动画则是具有正面、侧面和反面效果的动画，可通过调整三维空间的视点（主视图、侧视图、俯视图），能够看到不同的内容。5.1.4常用动画制作软件《多媒体技术及应用》教学设计2动画制作软件数量繁多，按表现形式可分为两大类，即二维和三维动画制作软件。常见的二维动画制作软件有：Flash，Softimage|TOONZ，UleadCool3D等，而三维动画制作软件有3dsmax，Maya，Sumatra等。5.2Flash概述5.2.1软件简介Flash是一款非常优秀的动画制作软件。它具有跨平台、高品质、体积小等特性，并可嵌入位图、文本、声音和视频，以及强大的交互功能，让不少网页设计师和动画制作者争相选择。Flash采用了矢量图像技术、过渡变形制作技术、流媒体技术、具有很强的交互性且在浏览器中采用插件来播放。5.2.2基本功能Flash的三大基本功能是整个Flash动画设计应用的基础。作为Flash动画初学者，主要是对三大基本功能的学习和应用。1.绘制和编辑图形2.补间动画3.引导和遮罩动画5.2.3工作界面动画制作与电影制作、演出的过程是非常相似的，有时间、地点、人物和事件等基本要素，所以，Flash的界面中也设有与舞台演出功能相似的部件。5.3Flash基本操作5.3.1文件操作1.1.新建文件。有两种方式，且可以进行属性设置。2.保存文件。其后缀名为“.fla”。3.导出动画4.打开文件5.3.2界面布局Flash界面布局和调整的原则如下：1．令舞台完整显示出来《多媒体技术及应用》教学设计32．保持工具箱显示在工作区的左边3．保持颜色和库面板显示在工作区的右边5.3.3基本设置Flash的基本设置操作主要有舞台大小设置、标尺显示设置、辅助线设置和网格设置等。使用标尺、辅助线与网格可以帮助您精确地绘制对象和安排对象的布局。1．舞台显示设置2．标尺显示设置3．辅助线设置4．网格设置5.3.4绘图工具的使用Flash工具箱中提供了各种工具来绘制矢量图形（如各种形状、线条和路径），并提供放缩、倾斜、旋转等变形操作，也提供丰富的颜色工具对封闭区域进行填充。5.3.5素材的导入Flash提供了导入素材的功能，包括导入矢量图形、位图、影片、声音和视频等素材。5.4Flash基本要素动画制作与电影制作过程是非常相似的，有时间、地点、人物和事件等基本要素，Flash的要素与电影舞台的时间、地点、人物和事件等基本要素相对应。①时间——时间轴上帧。②地点——时间轴上不同的层、舞台。③人物——图形物体，包括分离图形、群组、元件（实例）等。④事件——动画的内容各种动作，或是动画所表现的内容。5.4.1图形物体动画基本要素中最重要是人物，在电影俗语中称为角色，电影中角色的划分主要是根据它们所当担任务的不同来定义的。Flash动画中的人物——图形物体，即分离图形、群组和元件，它们在动画中也扮演着不同《多媒体技术及应用》教学设计4的角色。①分离图形：用于制作形状补间（形状渐变）动画。②群组：用于制作动作补间（运动渐变）动画。③元件：是制作动作补间（运动渐变）动画的主要人物，是主角。5.4.2帧在时间轴的横轴上，有许多小方格，每隔5个用数字进行标示，每一个小方格就是一个帧。帧内包含着动画的内容，包括各种图形物体、声音及其他对象。5.4.3层层就像一叠透明的胶片，每张胶片上存放着不同的物体。这些胶片叠放在一起，组成一个完整的画面。每一个层之间相互独立，都有自己的时间轴，包含自己独立的多个帧，而不受到其它层上图形的影响，因此，层在Flash动画制作中最重要作用就是采用不同的层将不同的运动物体隔离开来，以免物体间相互影响。另外，层与层之间又有关联，如引导层和遮罩层，利用这些层的技术可以实现丰富多彩的动画效果。时间轴的层和帧不仅是Flash将动画在时间和空间上组织起来的方法，更是实现复杂动画效果的技术。5.5Flash基本动画制作5.5.1基本动画分类1．根据帧的制作方法和生成原理分类：逐帧动画、补间动画、2．根据层的应用技术分类：引导动画、遮罩动画5.5.2逐帧动画逐帧动画就是在时间轴上按顺序为每一帧都插入一个关键帧，并且要求相邻两帧的图形物体差别要很小。5.5.3形状补间动画形状补间（形状渐变）动画是一个分离物体变化到另一个分离物体的过程，其中包含形状、颜色、大小、位置等变化，但最主要的是形状的变化。5.5.4动作补间动画《多媒体技术及应用》教学设计5动作补间动画是一个物体的一个状态变化到另一个状态的过程，其中包含位置、大小、颜色、透明度、角度等变化，但最主要的是位置的变化。动作补间动画制作时应注意如下要点：动作补间的对象是元件、群组和文本块、动作补间只对单一的物体有效、5.5.5引导动画引导动画是物体按预先设定好的路线进行运动（动作补间）的过程。预先设定的路线称为引导线，引导线所在的层称为引导层。引导动画由引导层和被引导层组成，引导层就位于被引导层的上方，在引导层中可绘制引导线，它只对物体运动起引导作用，在最终效果中不会显示出来。5.5.6遮罩动画遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。遮罩层的基本原理是：能够透过该层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。遮罩动画在播放时，被遮罩层中的内容象是透过一个洞显示出来，这个洞的形状就是遮罩层中的物体形状。遮罩动画制作应注意如下要点：在一个遮罩动画中，遮罩层只有一个，被遮罩层可以有任意多层、注意构成遮罩和被遮罩层的图形物体、注意遮罩中可以使用的动画形式、不能用一个遮罩层试图遮蔽另一个遮罩层、要在场景中显示遮罩效果，必须锁定遮罩层和被遮罩层。5.6Flash高级应用5.6.1ActionScript语言简介5.6.2添加声音1．导入声音到库①执行“文件”→“导入”→“导入到舞台”或“导入到库”命令，弹出“导入”对话框。②单击“文件类型”下拉列表，可以看到能够导入到Flash中各种图像、音频和视频文件的格式，选择声音文件格式（如wav和mp3）。③单击“查找范围”下拉列表，设置声音文件所在的文件夹位置。《多媒体技术及应用》教学设计6选择需要导入声音的文件，单击“打开”按钮。声音文件便导入Flash的库中。2．添加声音到动画中3．声音的编辑5.6.3交互按钮按钮元件是Flash的基本元件之一，它具有多种状态，并且能响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象。从外观上，按钮可以是任何形式，可以是图形、位图、影片剪辑、文字等。按钮最常见的应用是控制动画的播放和停止、控制动画中音效的大小、指定鼠标动作、实现网页的链接等。执行“插入”→“新建元件”命令，在弹出的对话框中选择“按钮”类型，便可进入按钮的编辑界面重点动画的视觉原理、动画的分类、文件格式、；动画制作软件Flash的基本应用。动画的概念、Flash工作环境、Flash界面布局和基本设置、图形物体、帧、视层、形状补间动画、动作补间动画、引导动画、遮罩动画。难点图形物体、帧、视层、形状补间动画、动作补间动画、引导动画、遮罩动画。动画制作软件Flash的基本应用。课后训练1.实验5-1Flash基本操作2.实验5-2制作补间动画3.实验5-3制作引导动画4.实验5-4制作遮罩动画教学小结本章首先介绍了动画的概念、分类和计算机动画等基础知识，接着以AdobeFlashCS3Professional版本为基准介绍了Flash动画制作软件的软件特点、工作环境、基本功能和基本要素等内容。本章的重点是讲解Flash的基本操作，并以实例讲解的方式介绍了Flash动画制作，最后介绍了Flash的高级应用。上课的过程中，辅以演示，课后要求学生完成相应的练习。通过演示练习和练习，学生基本掌握了Flash的基本操作，能完成《多媒体技术及应用》教学设计7简单的Flash制作。使用教材宋春晖,陈焕东等.多媒体技术与应用[M].北京:高等教育版社,2011(书号:ISBN978-7-04-031504-28)