多媒体作品的设计与制作精.ppt

《多媒体作品的设计与制作精.ppt》由会员分享，可在线阅读，更多相关《多媒体作品的设计与制作精.ppt（60页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、多媒体作品的设计与制作第1页，本讲稿共60页17.1 多媒体开发概述 v多媒体的开发有人、环境和工具三个要素，其开发过程与人员有关，其开发工具分为素材准备和媒体集成两大类，而其中的媒体集成工具又可分成编程和著作两类。v 开发要素 v人 开发者=设计人员+编程人员v环境 软硬件=多媒体计算机+多媒体操作系统v工具 开发软件=素材准备工具+媒体集成工具（编程/著作）第2页，本讲稿共60页27.1.1 开发过程与人员 v多媒体开发的过程与相关人员如图所示。领域问题应用程序剧本设计程序编制媒体数据准备领域专家剧本编导文字编辑音乐声效美工摄影视频制作软件人员第3页，本讲稿共60页37.1.2 多媒体作品

2、的设计原理 1.1.多媒体作品的制作步骤多媒体作品的制作步骤 2.2.人人机界面设计机界面设计 3.开发工具开发工具 第4页，本讲稿共60页47.1.2.1 多媒体作品的制作步骤多媒体作品的制作步骤 1确定多媒体作品的内容、框架和制作工具 2编写脚本 v文字脚本 v制作脚本：该内容在多媒体作品中的表现形式、多媒体要实现的功能、多媒体的制作规范等。第5页，本讲稿共60页53 3产品设计产品设计 主要考虑的是屏幕设计屏幕设计和交互设计交互设计，是我们所说的“创意”的两个方面。“创意”一般包括各种媒体信息在时间和空间上的同步表现。v屏屏幕幕设设计计：借用美术和广告业中的平面设计思想，对计算机屏幕的空

3、间进行划分，在时间轴上根据需要以音乐、解说、动画的形式加以表现。v交互设计交互设计：在已经设计好的屏幕上定义“热字”、“热区”，并放上一些必需的控制按钮，然后一一实现它们。如果借用“超媒体”中“链”的概念，那么“交互设计”的任务就是构造“链”，以便在各个不同的“屏幕设计”完成之后实现它们的跳转。第6页，本讲稿共60页64各种媒体素材的收集和处理各种媒体素材的收集和处理（2）用音乐制作软件创作或转录MIDI音乐。（3）录制编辑旁白说明语音。（4）用摄像机和扫描仪把收集到的图片输入计算机，并进行编辑修改。（5）用动画软件或多媒体制作工具制作动画。（6）用视频制作软件和视频卡捕获编辑视频文件。（1）

4、文字资料的收集，并生成相应的文本文件。第7页，本讲稿共60页75集成制作集成制作 利用多媒体创作工具编辑程序、组织编排多媒体数据。初步形成多媒体作品，实际上就是“屏幕设计”和“交互设计”的实现过程。6 6测试、修改和发行测试、修改和发行 这一过程主要进行软件编程、调试、测试、集成和系统调试，进一步进行各项功能的测试，请专家评审，收集各方建议 等。调试工作与编辑工作是一个往返循环的过程，这个过程应反复进行，甚至可以一直持续到完成一个完整的多媒体产品，并以CD-ROM形式包装发行。第8页，本讲稿共60页87.1.2.2 人人机界面设计机界面设计 人机界面设计属于脚本设计中的详细设计。由于多媒体系统

5、最终是以一幅幅界面的形式呈现，所以人机界面设计在多媒体系统的开发与实现中占有非常重要的地位。1界面设计的一般原则（1）用户为中心的原则：界面设计应该适合用户需要。用户有各种类型（2）最佳媒体组合的原则。多媒体界面的优点之一就是能运用各种不同的媒体，以恰如其分的组合有效地呈现需要表达的内容。（3）减少用户负担的原则：界面不仅赏心悦目，而且能使用户在操作中减少疲劳，轻松操作。为此，窗口布局、控件设置、菜单选项、“帮助”、“提示”都要一目了然，并尽可能采用人们熟悉的、与常用平台相一致的功能键和屏幕标志，以减少用户的记忆负担 第9页，本讲稿共60页92界面设计的指导规则界面设计的指导规则（1）屏幕的布

6、局。无论何种界面，屏幕布局必须均均衡、顺序、经济、符合规范衡、顺序、经济、符合规范v均衡：画面要整齐协调、均匀对称、错落有致 v顺序：屏幕上的信息应由上而下、自左至右地依序显示 v经济：力求以最少的数据显示最多的信息，避免信息冗余和媒体冗余。v规范：窗口、菜单、按钮、图标呈现格式和操作方法应尽量标准化，使对象的执行结果可以预期；各类标题、各种提示行应尽可能采用统一的规范。第10页，本讲稿共60页10（2）文字的表示）文字的表示：文字与其他的媒体相配合，形成一种反映多媒体作品的结构、强化多媒体作品的内容、说明多媒体作品过程的独特的语言形态。文字不是多媒体作品的重复，而是对多媒体作品要点的强调。其

7、一般规则主要有：v 简洁明了，多用短句。v关键词采用加亮、变色、改变字体等强化效果，以吸引用户注意。v对长文字可分组分页，避免阅读时滚动屏幕（尤其是左右滚屏）。v英文标注宜用小写字母。第11页，本讲稿共60页11（3）颜色的选用）颜色的选用 v颜色的搭配可美化屏幕，使用户减轻疲劳，但过分使用颜色也会增强对用户不必要的刺激。在页面构设中常遇到的媒体主要有文字、图形、图像、动画和视频5种，每一种媒体都与色彩有关。v一部多媒体作品要有一个整体基调，不管层次多么复杂，多媒体作品的整体基调不能变，否则多媒体作品的内容首先从页面上失去了整体感，从而显得杂乱无章、基调和风格不统一了 第12页，本讲稿共60页

8、12颜色的使用请注意下列几点颜色的使用请注意下列几点：v彩色与单色各有其特点。彩色悦目，但单色能更好的分辨细节，不要一律排斥单色。v同一屏幕上使用的色彩不宜过多，同一段文字一般用同一种颜色。v前景与活动对象的颜色宜鲜艳，背景与非活动对象的颜色宜暗淡。v除非想突出对比，否则不要把不兼容的颜色对（例如红与绿、黄与蓝等）一起使用。v提示信息宜采用日常生活中惯用的颜色。第13页，本讲稿共60页137.1.2.3 开发工具开发工具 素材准备和媒体编辑的用软件有：v文字：Word、WordPerfect、WPS、Cool 3D；v音频：Cool Edit、Audio Editor、Wave Flow、Ca

9、kewalk；v图形：Illustrator、Corel Draw、AutoCAD；v图像：Photoshop、ACDSee；v动画：Flash、GIF Animator、3DS、Maya；v视频：Video Studio、Premiere、After Effects；v综合：MediaStudio、Fireworks。1.素材准备工具素材准备工具第14页，本讲稿共60页142.多媒体创作工具多媒体创作工具(媒体集成工具媒体集成工具)v创作工具是在系统集成阶段广泛使用的一种多媒体软件工具，其目的是简化多媒体系统的编码过程。v能在输入多种媒体元素（即多媒体素材）的基础上，为软件工程师提供一个自动

10、生成程序代码的基本环境。v由于其命令通常被设计成图标或菜单命令等形式，所以易学易用，用户不需要或很少需要自己编程，从而大大简化了多媒体系统的实现过程第15页，本讲稿共60页151）创作工具的功能）创作工具的功能（1）提供良好的编程环境：除一般编程工具所具有的流程控制能力以外，还应具有对多媒体数据流的编排与控制的能力。（2）输入和处理各种媒体素材的能力：对于各种不同格式的媒体数据文件，如图形文件、音频文件及视频文件，创作工具应具有将它们输入/输出的能力，并能通过键盘、剪贴板等工具，在创作工具和单个媒体编辑软件之间实现数据交换。v正确处理相关媒体（例如动画文件及其配音文件）之间的“同步”关系 第1

11、6页，本讲稿共60页16（3）支持超级链接 超级链接是帮助多媒体系统实现网状结构的关键技术，它提供用户快速灵活的检索和查询信息，其中数据结点可以包括正文、图形、图像、声音和其他种类的媒体信息。v多数创作工具都支持数据流从一个数据结点（例如按钮、图标或屏幕上的一个区域）跳转到另一个相关的数据结点，从而实现有效的超媒体导航。第17页，本讲稿共60页17（4）支持应用程序的动态链接 除了上述数据之间的链接外，许多创作工具还应支持把外部的应用程序与用户自己创作的应用程序相链接。换句话说，它们允许用户将外部的多媒体应用程序接入自己开发的多媒体系统，向外部程序加载数据，然后返回自己的程序。通过这种动态链接

12、，可以方便地扩充所开发系统的功能。（5）标准的人机界面：易学易用，才能让用户能够把主要精力集中到脚本的创意和设计上。第18页，本讲稿共60页18 2 2）.创作工具的特点：创作工具的特点：（1）突出集成性：不仅能组合多种媒体，而且能链接外部的应用程序。（2）突出交互性：通过向作品提供逻辑判断、超级链接等功能，加强所开发的作品与用户的交互能力。（3）突出标准化：包括工具本身用户界面的标准化和所开发的作品界面的标准化，保证界面友好、易学易用。第19页，本讲稿共60页193）多媒体创作工具类型多媒体创作工具类型 多媒体创作工具一般仅具备上面要求的一部分功能而不是全部功能，而且各有所长。（1）基于流程

13、图的创作工具。它将流程图作为作品的主线，把各种数据或事件元素（例如图像、声音或控制按钮）以图标的形式逐个接入流程线中，并集成为完整的系统。打开每个图标，将显示一个对话框让用户输入相应的内容。在这里，图标所代表的数据元素可以预先用素材编辑工具来制作；也可以先从系统提供的图标库中选择。第20页，本讲稿共60页20基于流程图的创作工具优缺点：v是集成的作品具有清晰的框架，流程一目了然。整个工具采用“可视化创作”的方式，易学易用，无需编程，常用于制作教学软件。v缺点是当多媒体应用软件规模很大时，图标及分支增多，进而复杂性增大。v属于这类创作工具的有Authorware、IconAuthor等 第21页

14、，本讲稿共60页21（2）以时间线为基础的创作工具）以时间线为基础的创作工具 v所制作出来的节目，是以可视的时间轴来决定事件的顺序和对象上演的时间的。v它还可以通过编程控制转向一个序列中任何位置的节目。从而增加了导航功能和交互控制。v在这些创作系统中，各种成分和事件按时间路线组织。第22页，本讲稿共60页22v这类工具的优缺点：把抽象的时间转化为看得见的时间线，使用户能在这些时间线上知道各种数据媒体出现的时间，并且操作简便、形象直观。但它们要对每一素材的显示时间做出精确安排，调试工作量大，并且对作品交互功能的支持不如前一类创作工具。v多用于制作对交互性要求不高的影视片与商业广告。这类多媒体创作

15、工具的典型代表有Director、Flash和Action等。第23页，本讲稿共60页23（3）基于页面或卡片的创作工具）基于页面或卡片的创作工具 v提供一种可以将对象连接于页面或卡片的工作环境。一页或一张卡片便是数据结构中的一个结点，它类似于教科书中的一页或数据袋内的一张卡片。v以面向对象的方式来处理多媒体元素的，这些元素用属性来定义，用剧本来规范，允许播放声音元素以及动画和数字化视频节目。在结构化的导航模型中，可以根据命令跳至所需的任何一页，形成多媒体作品。第24页，本讲稿共60页24v其优点是组织和管理多媒体素材方便，通常具有很强的超级链接功能，使设计的系统有较大的弹性，适于制作各种电子

16、出版物。缺缺点是点是在要处理的内容非常多时，由于卡片或页面数量过大，不利于维护与修改。v这类多媒体创作工具的典型代表有Asymetrix公司的ToolBook和Machintosh公司的Hypercard等 基于页面或卡片的创作工具的优缺点：基于页面或卡片的创作工具的优缺点：第25页，本讲稿共60页25（4）基于可视化编程语言的多媒体创作工具）基于可视化编程语言的多媒体创作工具 v因为创作工具使用的命令通常是比较高级的“宏”命令，其灵活性不一定能满足系统的全部功能。要在项目设计上有很高的灵活性和创造性，就应采用编程语言作工具，这需要对语言及开发环境有相当的了解和较丰富的编程经验。v为了尽量避免

17、直接用C、C+等传统语言编程，有些软件公司推出了介于传统语言与创作工具之间的多媒体快速开发工具可视化编程环境，如Visual Basic(VB)、Dephi等。第26页，本讲稿共60页26多媒体创作工具小结多媒体创作工具小结 多媒体的集成工具有两类：著作与编程，前者针对普通用户，后者则为计算机专业人员所使用。v著作工具著作工具 ,可将著作工具分成如下可将著作工具分成如下4类：类：v基于图标（流程图）以流程图为骨干，通用。如Authorware、Icon Author；v基于时间（时序）按时间顺序组织数据/事件，特别适合于动画。如Director、Action!；v基于页（脚本/卡片）将媒体对象

18、连接于页（卡片/节点）上，以面向对象方式处理媒体元素，特别适合于电子图书、MCAI。如ToolBook、PowerPoint、HyperCard；v基于网页（标记语言）Web网页，基于HTML/XML、JavaScript/VBScript、ASP/JSP。如FrontPage、Dreamweaver。v编程工具编程工具v编程接口（API）MCI、DirectX、MMAPI；v语言工具Visual C+、VB、C+Builder、Delphi、Java等；v接口类型MDK/SDK/DDK、OLE/COM/ActiveX、DLL。第27页，本讲稿共60页277.2 7.2 动画原理及制作技术动画

19、原理及制作技术 第28页，本讲稿共60页287.2.17.2.1.1.17.2.17.2.1 动画的基本概念动画的基本概念动画的视觉原理动画的视觉原理动画的视觉原理动画的视觉原理 动画是通过连续播放一系列画面，给视觉造成连续变化动画是通过连续播放一系列画面，给视觉造成连续变化动画是通过连续播放一系列画面，给视觉造成连续变化动画是通过连续播放一系列画面，给视觉造成连续变化的画面。它的基本原理与电影、电视一样，都是利用了一种的画面。它的基本原理与电影、电视一样，都是利用了一种的画面。它的基本原理与电影、电视一样，都是利用了一种的画面。它的基本原理与电影、电视一样，都是利用了一种视觉原理。医学已证明

20、，人类的眼睛具有视觉原理。医学已证明，人类的眼睛具有视觉原理。医学已证明，人类的眼睛具有视觉原理。医学已证明，人类的眼睛具有“视觉暂留视觉暂留视觉暂留视觉暂留”的特的特的特的特性，就是说当人的眼睛看到一幅画或一个物体后，它的影像性，就是说当人的眼睛看到一幅画或一个物体后，它的影像性，就是说当人的眼睛看到一幅画或一个物体后，它的影像性，就是说当人的眼睛看到一幅画或一个物体后，它的影像就会投射到我们的视网膜上，如果这件物体突然移开，它的就会投射到我们的视网膜上，如果这件物体突然移开，它的就会投射到我们的视网膜上，如果这件物体突然移开，它的就会投射到我们的视网膜上，如果这件物体突然移开，它的影像仍会

21、在我们的眼睛里停留一段极短的时间，在影像仍会在我们的眼睛里停留一段极短的时间，在影像仍会在我们的眼睛里停留一段极短的时间，在影像仍会在我们的眼睛里停留一段极短的时间，在1/241/24秒内秒内秒内秒内不会消失，这时如果有另一个物体在这段极短的时间内出现，不会消失，这时如果有另一个物体在这段极短的时间内出现，不会消失，这时如果有另一个物体在这段极短的时间内出现，不会消失，这时如果有另一个物体在这段极短的时间内出现，我们将看不出中间有断续的感觉，这便就是我们将看不出中间有断续的感觉，这便就是我们将看不出中间有断续的感觉，这便就是我们将看不出中间有断续的感觉，这便就是“视觉暂留视觉暂留视觉暂留视觉暂

22、留”的的的的原理。原理。原理。原理。第29页，本讲稿共60页297.2.1.2 7.2.1.2 动画的构成规则动画的构成规则 主要有以下三点：（1）动画由多画面组成，并且画面必须连续。（2）画面之间的内容必须存在差异。（3）画面表现的动作必须连续，即后一幅画面是前一幅画面的继续。动画的表现手法也要遵循一定的规则动画的表现手法也要遵循一定的规则动画的表现手法也要遵循一定的规则动画的表现手法也要遵循一定的规则 （1 1）在严格遵循运动规律的前提下，可进行适度的夸张和）在严格遵循运动规律的前提下，可进行适度的夸张和）在严格遵循运动规律的前提下，可进行适度的夸张和）在严格遵循运动规律的前提下，可进行适

23、度的夸张和发展。发展。发展。发展。（2 2）动画节奏的掌握以符合自然规律为主要标准）动画节奏的掌握以符合自然规律为主要标准）动画节奏的掌握以符合自然规律为主要标准）动画节奏的掌握以符合自然规律为主要标准 （3 3）动画的节奏通过画面之间物体相对位移量进行控制）动画的节奏通过画面之间物体相对位移量进行控制）动画的节奏通过画面之间物体相对位移量进行控制）动画的节奏通过画面之间物体相对位移量进行控制 第30页，本讲稿共60页30 传统动画的性质：由多幅画面构成，称为传统动画的性质：由多幅画面构成，称为传统动画的性质：由多幅画面构成，称为传统动画的性质：由多幅画面构成，称为“帧动画帧动画帧动画帧动画”

24、FrameFrame1 1 Frame Frame2 2 Frame3 Frame4 Frame5 Frame6 Frame Frame3 Frame4 Frame5 Frame6 Frame7 7传统动画分类：传统动画分类：传统动画分类：传统动画分类：(1)(1)全动画全动画全动画全动画 为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照为追求画面完美和动作流畅，按照24 24 帧帧帧帧s s 制作动画制作动画制作动画制作动画(2)(2)半动画半动画半动画半动画 又名又名又名又名“有限动画有限动画有限动画有限动画”。为追求经济效益，。为追求经济效益，。

25、为追求经济效益，。为追求经济效益，6 6 帧帧帧帧s s 的动画的动画的动画的动画第31页，本讲稿共60页31 动画的时间特性动画的时间特性动画的时间特性动画的时间特性(1)(1)动作的发展动作的发展动作的发展动作的发展按照时间发生的顺序按照时间发生的顺序按照时间发生的顺序按照时间发生的顺序进行进行进行进行(2)(2)与自然现象一致与自然现象一致与自然现象一致与自然现象一致的运动节奏的运动节奏的运动节奏的运动节奏(3)(3)遵守遵守遵守遵守自然规律，可自然规律，可自然规律，可自然规律，可有限有限有限有限的的的的夸张夸张夸张夸张 动画的节奏掌握动画的节奏掌握动画的节奏掌握动画的节奏掌握(1)(1

26、)利用各帧之间的利用各帧之间的利用各帧之间的利用各帧之间的位置差位置差位置差位置差控制动画节奏控制动画节奏控制动画节奏控制动画节奏(2)(2)自然规律和有限的夸张是自然规律和有限的夸张是自然规律和有限的夸张是自然规律和有限的夸张是动作节奏的依据动作节奏的依据动作节奏的依据动作节奏的依据Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7 Frame8Frame1 Frame2 Frame3 Frame4 Frame5 Frame6 Frame7 Frame8第32页，本讲稿共60页327.2.1.3 7.2.1.3 传统动画的制作过程传统动画的制作过

27、程 1 1总体规划阶段总体规划阶段（1）剧本：用画面来表现视觉动作，最好的动画是通过滑稽的动作取得。（2）故事板：根据剧本，由导演绘制出类似连环画的故事草图（分镜头绘图剧本），将剧本描述的动作表现出来。（3）摄制表：是导演为编制整个影片制作的进度规划表。第33页，本讲稿共60页332 2设计制作阶段设计制作阶段（1）设计：在故事板的基础上，确定背景、前景及道具的形式和形状，完成场景环境和背景图的设计、制作。（2）音响：动作必须与音乐匹配，音响录音要在动画制作之前进行。录音完成后，编辑人员还要把记录的声音精确地分解到每一幅画面位置上。第34页，本讲稿共60页343 3具体创作阶段具体创作阶段（1

28、 1）原画创作）原画创作：原画创作是由动画设计师绘制出动画的一些：原画创作是由动画设计师绘制出动画的一些关键画面。通常是一个设计师只负责一个固定的人物或其他关键画面。通常是一个设计师只负责一个固定的人物或其他角色。角色。（2 2）中间插画制作）中间插画制作：中间插画是指两个重要位置或框架图之间：中间插画是指两个重要位置或框架图之间的图画，一般就是两张原画之间的一幅画。的图画，一般就是两张原画之间的一幅画。（3 3）誉清和描线）誉清和描线：草图完成后，使用特制的静电复印机将草：草图完成后，使用特制的静电复印机将草图誉印到醋酸胶片上。然后，再用手工给誉印在胶片上的画面图誉印到醋酸胶片上。然后，再用

29、手工给誉印在胶片上的画面的线条进行描墨。的线条进行描墨。（4 4）着色）着色：由于动画片通常都是彩色的，这一步是对描线：由于动画片通常都是彩色的，这一步是对描线后的胶片进行着色后的胶片进行着色 。第35页，本讲稿共60页354拍摄制作阶段拍摄制作阶段（1）检检查查：检查是拍摄阶段的第一步。在每一个镜头的每一幅画面全部着色完成之后，拍摄之前，动画设计师需要对每一场景中的各个动作进行详细的检查。（2）拍摄拍摄：动画片的拍摄，使用中间有几层玻璃层、顶部有一部摄像机的专用摄制台。拍摄时将背景放在最下一层，中间各层放置不同的角色或前景等。（3 3）编编辑辑：编辑是后期制作的一部分。编辑过程主要完成动画各

30、片段的连接、排序、剪辑等。（4 4）录音录音：编辑完成之后，编辑人员和导演开始选择音响效果配合动画的动作。在所有音响效果选定并能很好的与动作同步之后，编辑和导演一起对音乐进行复制。再把声音、对话、音乐、音响都混合到一个声道上，最后记录在胶片或录像带上。第36页，本讲稿共60页367.2.2 7.2.2 电脑动画电脑动画 1.1.电脑动画的电脑动画的电脑动画的电脑动画的种类种类种类种类 帧帧帧帧动画动画动画动画 模拟以帧为基本单位的传统动画，占动画模拟以帧为基本单位的传统动画，占动画模拟以帧为基本单位的传统动画，占动画模拟以帧为基本单位的传统动画，占动画 产品的产品的产品的产品的98%98%矢量

31、矢量矢量矢量动画动画动画动画 经过电脑运算而确定的运行轨迹和形状经过电脑运算而确定的运行轨迹和形状经过电脑运算而确定的运行轨迹和形状经过电脑运算而确定的运行轨迹和形状 的动画的动画的动画的动画按照表现形式可分为按照表现形式可分为 平面平面平面平面动画动画动画动画以传统平面绘画为基础的动画以传统平面绘画为基础的动画以传统平面绘画为基础的动画以传统平面绘画为基础的动画 空间动画空间动画空间动画空间动画 形成三维造型并进行空间运动的动画形成三维造型并进行空间运动的动画形成三维造型并进行空间运动的动画形成三维造型并进行空间运动的动画 变形变形变形变形动画动画动画动画 主体变形效果的动画，是帧动画的一种

32、主体变形效果的动画，是帧动画的一种主体变形效果的动画，是帧动画的一种主体变形效果的动画，是帧动画的一种第37页，本讲稿共60页37 7.2.3 7.2.3 常见的动画文件格式常见的动画文件格式 1GIF格式格式GIF（Graphics Interchange Format）即“图形交换格式”,Internet上大量采用的彩色动画文件多为这种格式的文件，也称为GIF89a格式文件,画面尺寸随显示模式而定。2FLIC（FLI/FLC）格式）格式FLIC是Autodesk公司在其出品的Animator Pro/3D Studio等2D/3D动画制作软件中采用的彩色动画文件格式，FLIC是FLC和FL

33、I的统称，其中，FLI是最初的基于320200像素的动画文件格式，而FLC则是FLI的扩展格式，采用了更高效的数据压缩技术，其分辨率也不再局限于320200像素。第38页，本讲稿共60页383SWF格式格式 SWFSWF是是是是MacromediaMacromedia公司的产品公司的产品公司的产品公司的产品FlashFlash的矢量动画格式，的矢量动画格式，的矢量动画格式，的矢量动画格式，它采用曲线方程描述其内容，不是由点阵组成内容，因此它采用曲线方程描述其内容，不是由点阵组成内容，因此它采用曲线方程描述其内容，不是由点阵组成内容，因此它采用曲线方程描述其内容，不是由点阵组成内容，因此这种格式

34、的动画在缩放时不会失真，非常适合描述由几何这种格式的动画在缩放时不会失真，非常适合描述由几何这种格式的动画在缩放时不会失真，非常适合描述由几何这种格式的动画在缩放时不会失真，非常适合描述由几何图形组成的动画，如教学演示等图形组成的动画，如教学演示等图形组成的动画，如教学演示等图形组成的动画，如教学演示等。4AVI格式格式 是是是是MicrosoftMicrosoft公司开发的一种符合公司开发的一种符合公司开发的一种符合公司开发的一种符合RIFFRIFF文件规范的数字文件规范的数字文件规范的数字文件规范的数字音频与视频文件格式，该方式的压缩率较高，可将音频音频与视频文件格式，该方式的压缩率较高，

35、可将音频音频与视频文件格式，该方式的压缩率较高，可将音频音频与视频文件格式，该方式的压缩率较高，可将音频和视频混合到一起和视频混合到一起和视频混合到一起和视频混合到一起 。第39页，本讲稿共60页397.3 7.3 简单二维动画的制作简单二维动画的制作 7.3.1 7.3.1 二维动画的特点二维动画的特点 二维电脑动画是对手工传统动画的一个改进。与手工动画相比，用计算机来描线上色非常方便，操作简单。从成本上说，其价格便宜；从技术上说，由于工艺环节减少，既方便又节省时间。在二维动画中，计计算算机机的的作作用用包括：输入和编辑关键帧，计算和生成中间帧，定义和显示运动路径，交互式给画面上色，产生一些

36、特技效果，实现画面与声音的同步，控制运动系列的记录等。二维动画处理软件可以采用自动或半自动的中间画面生成处理，大大提高了工作效率和质量。第40页，本讲稿共60页407.3.2 7.3.2 变形动画制作变形动画制作 变形变形指景物形体变化，它是使一幅图像在12秒内逐步变化到另一幅完全不同图像的处理方法。这是一种较复杂的二维图像处理，需要对各像素点的颜色、位置作变换。变形的起始图像和结束图像分别为两幅关键帧，从起始形状变化到结束形状的关键在于自动地生成中间形状，也即自动生成中间帧。基本原理基本原理基本原理基本原理：根据首、尾画面给定的位置、颜色参数进：根据首、尾画面给定的位置、颜色参数进：根据首、

37、尾画面给定的位置、颜色参数进：根据首、尾画面给定的位置、颜色参数进行数学变换。行数学变换。行数学变换。行数学变换。第41页，本讲稿共60页411.1.变形动画制作的一般过程变形动画制作的一般过程：（1）选择选择两幅尺寸相同、色彩模式一致的图像，分别用于变形动画中的两幅尺寸相同、色彩模式一致的图像，分别用于变形动画中的首、首、尾画面尾画面。（2）在在首首、尾尾画画面面上上设设置置对对称称的的变变形形参参考考点点，勾勾画画出出各各部部分分（主主要要轮轮廓廓）的的结结构构对对应应关关系系，即即从从起起始始画画面面上上的的一一个个点点变变到到结结束束画画面面上上的的另另一一个个对对应应点点的位置，这是

38、变形运算所需要的参数。的位置，这是变形运算所需要的参数。（3）参数设置参数设置包括中间帧的帧数包括中间帧的帧数,生成的动画格式和压缩等参数。生成的动画格式和压缩等参数。（4 4）动动画画生生成成。系系统统自自动动地地对对当当前前帧帧的的每每个个点点 作作向向着着结结束束点点方方向向运运动动，运运动动长长度度为为移移动动距距离离除除以以中中间间帧帧数数，以以求求出出下下一一帧帧对对应应点点的的位位置置及及颜颜色色，并并对对其其他他相相邻邻点点作作插插值值处处理理。对对全全部部点点处处理理完完成成后后生生成成一一个个新新的的当当前前帧画面。如此反复，生成所有中间帧。帧画面。如此反复，生成所有中间帧

39、。第42页，本讲稿共60页422.2.首、尾动画的设计首、尾动画的设计，首、尾画面是变形动画的起始和结束画面，由设计者自行选择，可以用Photoshop等软件加工和处理，使变形动画效果更加理想，但是处处理理图图像像时时应应该该遵遵循循一一定定的的规则：规则：（1）首、尾画面尺寸应保持一致，并且不宜过大。（2）首、尾画面最好采用相同的图像文件格式。（3）最好使首、尾画面中的主体外形轮廓、色调比较接近，这样制作而成的动画效果就比较自然。（4）首、尾画面的背景最好采用黑色，这样有利于变形动画的后期加工和处理。第43页，本讲稿共60页433.3.3.3.使用使用 MorphMorph制作变形动画制作变

40、形动画(1)(1)根据首、尾画面中设定的变形点进行有序变换根据首、尾画面中设定的变形点进行有序变换根据首、尾画面中设定的变形点进行有序变换根据首、尾画面中设定的变形点进行有序变换(2)(2)以多种格式保存以多种格式保存以多种格式保存以多种格式保存 (FLC(FLC、GIFGIF、BMPBMP、图片序列等图片序列等图片序列等图片序列等)frame1frame1 frame2 frame3 frame2 frame3 frame4frame4变形效果：变形效果：变形效果：变形效果：第44页，本讲稿共60页447.3.3 7.3.3 GIFGIF动画制作动画制作 用途用途用途用途平面动画制作、网页动

41、画前期制作、三维动画后期制作平面动画制作、网页动画前期制作、三维动画后期制作平面动画制作、网页动画前期制作、三维动画后期制作平面动画制作、网页动画前期制作、三维动画后期制作 系统生成文件格式系统生成文件格式系统生成文件格式系统生成文件格式 GIF GIF 图片文件图片文件图片文件图片文件 (256(256色，色，色，色，96dpi96dpi分辨率分辨率分辨率分辨率)CEL CEL 剪贴板文件剪贴板文件剪贴板文件剪贴板文件 (系统自用文件，图片、动画序列系统自用文件，图片、动画序列系统自用文件，图片、动画序列系统自用文件，图片、动画序列)FLC FLC 标准动画文件标准动画文件标准动画文件标准动

42、画文件是是是是CompuServeCompuServe公司在公司在公司在公司在19871987年为了制定彩色图像传输协议而开年为了制定彩色图像传输协议而开年为了制定彩色图像传输协议而开年为了制定彩色图像传输协议而开发的图像文件格式。由于发的图像文件格式。由于发的图像文件格式。由于发的图像文件格式。由于GIFGIF动画体积小，同时又具备一定动画体积小，同时又具备一定动画体积小，同时又具备一定动画体积小，同时又具备一定的表现力，所以在当前网页动画中使用非常广泛。的表现力，所以在当前网页动画中使用非常广泛。的表现力，所以在当前网页动画中使用非常广泛。的表现力，所以在当前网页动画中使用非常广泛。GIF

43、GIF动画应具有网页动画的一般特点，即数据量小、表现力动画应具有网页动画的一般特点，即数据量小、表现力动画应具有网页动画的一般特点，即数据量小、表现力动画应具有网页动画的一般特点，即数据量小、表现力强、视觉效果好、模式多样化等，常用的强、视觉效果好、模式多样化等，常用的强、视觉效果好、模式多样化等，常用的强、视觉效果好、模式多样化等，常用的GIFGIF动画制作软件动画制作软件动画制作软件动画制作软件很多，如很多，如很多，如很多，如GIF Construction Set ProfessionalGIF Construction Set Professional、GIF AnimatorGIF

44、Animator等。等。等。等。第45页，本讲稿共60页45GIFCON软件的界面软件的界面 第46页，本讲稿共60页467.4 Flash动画的制作动画的制作 FlashFlash简介简介简介简介FlashFlash是是是是MacromediaMacromedia公司推出的著名的矢量动画制作软件公司推出的著名的矢量动画制作软件公司推出的著名的矢量动画制作软件公司推出的著名的矢量动画制作软件 ，用，用，用，用它能制作精湛的网页画面。它能制作精湛的网页画面。它能制作精湛的网页画面。它能制作精湛的网页画面。FlashFlash制作的动画，除在网页浏览外，还可以在专门的制作的动画，除在网页浏览外，还

45、可以在专门的制作的动画，除在网页浏览外，还可以在专门的制作的动画，除在网页浏览外，还可以在专门的播放器播放，也可以直接输出为可执行文件、播放器播放，也可以直接输出为可执行文件、播放器播放，也可以直接输出为可执行文件、播放器播放，也可以直接输出为可执行文件、AVIAVI文文文文件、件、件、件、GIFGIF动画或图像。动画或图像。动画或图像。动画或图像。FlashFlash的制作是以时间轴为主线，方便地控制每一关键帧，的制作是以时间轴为主线，方便地控制每一关键帧，的制作是以时间轴为主线，方便地控制每一关键帧，的制作是以时间轴为主线，方便地控制每一关键帧，还可根据需要，调整每秒显示帧数。还可根据需要

46、，调整每秒显示帧数。还可根据需要，调整每秒显示帧数。还可根据需要，调整每秒显示帧数。第47页，本讲稿共60页477.4.1 Flash 应用的几个方面应用的几个方面 1 1Flash 2DFlash 2D动画制作动画制作动画制作动画制作包括包括包括包括MTVMTV动画、片头光盘、广告动画等动画、片头光盘、广告动画等动画、片头光盘、广告动画等动画、片头光盘、广告动画等 2 2多媒体课件开发多媒体课件开发多媒体课件开发多媒体课件开发 用用用用FlashFlash制作出来的课件具有高质量低容量的特点，适应了制作出来的课件具有高质量低容量的特点，适应了制作出来的课件具有高质量低容量的特点，适应了制作出

47、来的课件具有高质量低容量的特点，适应了网络课件的要求。网络课件的要求。网络课件的要求。网络课件的要求。3 3基于网页的基于网页的基于网页的基于网页的FlashFlash动画动画动画动画由于受网络速度的影响，人们都希望用在网页里的素材容量由于受网络速度的影响，人们都希望用在网页里的素材容量由于受网络速度的影响，人们都希望用在网页里的素材容量由于受网络速度的影响，人们都希望用在网页里的素材容量越小越好。而越小越好。而越小越好。而越小越好。而FlashFlash是基于矢量模式的，做出来的动画容量是基于矢量模式的，做出来的动画容量是基于矢量模式的，做出来的动画容量是基于矢量模式的，做出来的动画容量可以

48、很小。可以很小。可以很小。可以很小。第48页，本讲稿共60页487.4.2 Flash的基本概念的基本概念的基本概念的基本概念 1 1图层图层图层图层 一个图层，指动画编辑的物理层一个图层，指动画编辑的物理层一个图层，指动画编辑的物理层一个图层，指动画编辑的物理层,层如一张透明的纸层如一张透明的纸层如一张透明的纸层如一张透明的纸 ,除除除除了画有图形或文字的地方，其他部分都是透明的；图层又是了画有图形或文字的地方，其他部分都是透明的；图层又是了画有图形或文字的地方，其他部分都是透明的；图层又是了画有图形或文字的地方，其他部分都是透明的；图层又是相对独立的，修改其中一层，不会影响到其他层。相对独

49、立的，修改其中一层，不会影响到其他层。相对独立的，修改其中一层，不会影响到其他层。相对独立的，修改其中一层，不会影响到其他层。图层有图层有图层有图层有4 4种状态种状态种状态种状态：（1 1）活动状态：可以对该层进行各种操作。）活动状态：可以对该层进行各种操作。）活动状态：可以对该层进行各种操作。）活动状态：可以对该层进行各种操作。（2 2）隐藏状态：即在编辑时是看不见的，）隐藏状态：即在编辑时是看不见的，）隐藏状态：即在编辑时是看不见的，）隐藏状态：即在编辑时是看不见的，（3 3）锁定状态：被锁定的图层无法进行任何操作。）锁定状态：被锁定的图层无法进行任何操作。）锁定状态：被锁定的图层无法进

50、行任何操作。）锁定状态：被锁定的图层无法进行任何操作。（4 4）外框模式：处于外框模式的层，其上的所有图形只能显）外框模式：处于外框模式的层，其上的所有图形只能显）外框模式：处于外框模式的层，其上的所有图形只能显）外框模式：处于外框模式的层，其上的所有图形只能显示轮廓。示轮廓。示轮廓。示轮廓。第49页，本讲稿共60页492场景场景场景场景 场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台场景犹如一个舞台，所有的演员与所有的情节，都在这个舞台上进行。舞台由大小、音响、灯光等条件组成，