1、计算机动画技术4-2：通常认为第一部动画影片是由通常认为第一部动画影片是由J.StewartJ.Stewart BlacktonBlackton于于19061906年创作年创作的的滑稽脸的幽默面滑稽脸的幽默面。1946 1946年美国创作第一部长篇真年美国创作第一部长篇真人与动画合演的动画片人与动画合演的动画片南方之歌南方之歌。制作流程制作流程：根据剧本中的人物和活动场景，先用铅笔画在动画纸：根据剧本中的人物和活动场景，先用铅笔画在动画纸上，然后用钢笔把线条描在透明的化学板上，然后用钢笔把线条描在透明的化学板(赛璐璐赛璐璐)上，再用毛笔上，再用毛笔在化学板的反面涂上各种颜色。把已绘制好的背景和
2、人物合在一在化学板的反面涂上各种颜色。把已绘制好的背景和人物合在一起，放在平面的摄影台上，由摄影师一张一张地拍成电影胶片，起，放在平面的摄影台上，由摄影师一张一张地拍成电影胶片，再冲洗出电影影像。再冲洗出电影影像。计算机动画技术4-3 在拍摄动画片在拍摄动画片大闹天宫大闹天宫时，几十位动画工作时，几十位动画工作者花了近两年的时间才完成者花了近两年的时间才完成,共绘制了共绘制了600600多万张多万张图画。图画。美国迪士尼公司于美国迪士尼公司于19371937年年创作的第一部长达创作的第一部长达8383分钟的大分钟的大型动画片型动画片白雪公主和七个小白雪公主和七个小矮人矮人，共绘制了两亿张草图，
3、共绘制了两亿张草图，最后用来拍摄的图画有最后用来拍摄的图画有250250 000000张。张。计算机动画技术4-4 ：19641964年年,Bell,Bell实验室的实验室的Ken Ken KnowltonKnowlton博士制作了第一部计算机动画片。博士制作了第一部计算机动画片。19711971年，被称为计算机动画之父的年，被称为计算机动画之父的Nestor Nestor BurtnykBurtnyk和和MarceliMarceli WeinWein 提出了提出了计算机产生关计算机产生关键帧动画键帧动画技术技术,并应用该技术开发了并应用该技术开发了MSGENMSGEN二维二维动画系统。动画系
4、统。玩具总动员玩具总动员 侏罗纪公园侏罗纪公园 泰坦尼克号泰坦尼克号计算机动画技术4-5一、动画与计算机动画一、动画与计算机动画 动画动画是通过一定速度播放的连续画面来显示是通过一定速度播放的连续画面来显示运动和变化的过程。其含义有：运动和变化的过程。其含义有：播放速度：播放速度：2424 f/sf/s、2525 f/sf/s、3030 f/sf/s。运动过程：动画的本质。运动过程：动画的本质。变化过程：色彩变化、光强变化。变化过程：色彩变化、光强变化。计算机动画计算机动画是借助于计算机生成一系列连续是借助于计算机生成一系列连续图像并动态播放的计算机技术。图像并动态播放的计算机技术。计算机动画
5、技术4-6二、计算机动画的分类二、计算机动画的分类 1.1.按动画的系统功能分类按动画的系统功能分类 第一级第一级：用于交互产生、着色、存储、检索：用于交互产生、着色、存储、检索和修改图像，不考虑时间和修改图像，不考虑时间(图像编辑器图像编辑器)。第二级第二级：实现中间帧的计算。：实现中间帧的计算。第三级第三级：提供形体的操作：提供形体的操作(平移、旋转平移、旋转)。虚拟摄像机的操作虚拟摄像机的操作(镜头推移镜头推移)。第四级第四级：定义角色。：定义角色。第五级第五级：智能动画系统：智能动画系统(自学习能力自学习能力)。计算机动画技术4-74-7 2.2.按动画的制作原理分类按动画的制作原理分
6、类 二维动画二维动画(计算机辅助动画计算机辅助动画)二维动画可实现中间帧生成，即根据两个关二维动画可实现中间帧生成，即根据两个关键帧生成所需的中间帧键帧生成所需的中间帧(插补技术插补技术)。二维动画系统的功能二维动画系统的功能(第二级第二级)中间帧画面生成中间帧画面生成 着色着色 预演预演 后期制作后期制作计算机动画技术4-84-8 三维动画三维动画(计算机生成动画计算机生成动画)三维动画是采用计算机技术来模拟真实的三维动画是采用计算机技术来模拟真实的三维空间三维空间(虚拟真实性虚拟真实性)。三维动画系统的功能三维动画系统的功能(第三、四级第三、四级)定义角色定义角色 构造几何造型构造几何造型
7、 设置运动和灯光设置运动和灯光 调整材质和贴图调整材质和贴图 生成连续画面生成连续画面计算机动画技术4-94-9三、计算机动画文件格式三、计算机动画文件格式 1.1.GIF(Graphics Interchange Format)GIF(Graphics Interchange Format)在一个文件中同时存储若干幅静止图像，并进而形在一个文件中同时存储若干幅静止图像，并进而形成连续的动画。成连续的动画。2.SWF(Shock Wave Flash)2.SWF(Shock Wave Flash)Flash Flash软件软件的专用格式，支持矢量图形和点阵图像的专用格式，支持矢量图形和点阵图像
8、，可与可与HTMLHTML文件充分结合，广泛应用于网页文件充分结合，广泛应用于网页。3.FLIC(FLI/FLC)3.FLIC(FLI/FLC)Autodesk Autodesk公司在其公司在其2D/3D2D/3D动画制作软件中采用的彩动画制作软件中采用的彩色动画文件格式，色动画文件格式，FLICFLIC是是FLCFLC和和FLIFLI的统称。的统称。计算机动画技术4-104-10 4.QTM 4.QTM（Quick TimeQuick Time）Apple Apple公司的动画文件格式，能通过公司的动画文件格式，能通过InternetInternet提供实时的数字化信息流、工作流与文件回放，
9、提供实时的数字化信息流、工作流与文件回放，可用于保存音频和运动视频信息。可用于保存音频和运动视频信息。5.VRML 5.VRML（Virtual Reality Modeling Virtual Reality Modeling LanguageLanguage）面向面向WebWeb，用于建立真实世界的场景模型或虚，用于建立真实世界的场景模型或虚构三维世界的场景建模语言，具有平台无关性。构三维世界的场景建模语言，具有平台无关性。计算机动画技术4-114-11四、计算机动画的应用四、计算机动画的应用 1.1.影视广告影视广告 主要用于制作电视广告、电视片头、卡通片、主要用于制作电视广告、电视片头
10、、卡通片、电影片头和电影特技等。电影片头和电影特技等。电视广告电视广告：计算机动画可制：计算机动画可制作出神奇的视觉效果，以取得特作出神奇的视觉效果，以取得特殊宣传效果和艺术感染力。殊宣传效果和艺术感染力。电影电影玩具总动员玩具总动员：没有真人演员表演的：没有真人演员表演的故事片，这部长达故事片，这部长达7777分钟的影片全部由计算机动分钟的影片全部由计算机动画和计算机合成图像组成。画和计算机合成图像组成。计算机动画技术4-124-12 2.2.工程设计工程设计 计算机辅助设计计算机辅助设计/制图，正朝着利用计算机制图，正朝着利用计算机动画的后期预览发展。动画的后期预览发展。工程图纸设计完后，
11、指定立体模型材质，工程图纸设计完后，指定立体模型材质，制作三维动画。如机械运动的效果、楼房建筑制作三维动画。如机械运动的效果、楼房建筑的透视和整体视觉效果。的透视和整体视觉效果。计算机动画技术4-134-13 3.3.飞行模拟飞行模拟 飞行模拟器飞行模拟器：它能训练飞行员模拟起飞和着：它能训练飞行员模拟起飞和着陆、操纵各种手柄、观察各种仪器以及在舷窗能陆、操纵各种手柄、观察各种仪器以及在舷窗能看到机场跑道或自然景象等。看到机场跑道或自然景象等。在航天、导弹等复杂的系统工程中，先建立在航天、导弹等复杂的系统工程中，先建立模型，再用计算机动画模拟真实系统的运行，调模型，再用计算机动画模拟真实系统的
12、运行，调节参数，获得最佳运行状态。节参数，获得最佳运行状态。计算机动画技术4-144-14 4.4.教育与娱乐教育与娱乐 教育教育：利用计算机动画可将各种现象或模型：利用计算机动画可将各种现象或模型形象生动地表现出来，如化学反应时分子结构变形象生动地表现出来，如化学反应时分子结构变化、机器结构模型拆装。化、机器结构模型拆装。娱乐娱乐：利用计算机动画产生模拟环境，使人：利用计算机动画产生模拟环境，使人有身临其境的感觉。有身临其境的感觉。计算机动画技术4-154-15 5.5.科学计算可视化科学计算可视化 通过计算机动画将科学计算过程及结果转换通过计算机动画将科学计算过程及结果转换为图形或图像并显
13、示出来，如计算标量数据场、为图形或图像并显示出来，如计算标量数据场、流体动力学分析等。流体动力学分析等。计算机动画技术4-164-16 6.6.虚拟现实技术虚拟现实技术 利用计算机动画模拟产生一个三维空间的虚利用计算机动画模拟产生一个三维空间的虚拟环境系统。拟环境系统。视觉、听觉、触觉、嗅觉等。视觉、听觉、触觉、嗅觉等。计算机动画技术4-174-17一、计算机硬件与软件环境一、计算机硬件与软件环境 1.1.硬件配置硬件配置 图形工作站图形工作站：SGISGI、SUNSUN、IBMIBM、HPHP 高档微型机高档微型机：PentiumPentium、MacintoshMacintosh 输入设备
14、输入设备：图形输入板、扫描仪：图形输入板、扫描仪 输出设备输出设备：视频输出、胶片输出：视频输出、胶片输出计算机动画技术4-184-18 2.2.软件环境软件环境 系统软件系统软件 操作系统、诊断程序、开发环境和工具操作系统、诊断程序、开发环境和工具 动画软件动画软件 二维动画软件二维动画软件：二维卡通动画制作系统：二维卡通动画制作系统 SGI/IRIXSGI/IRIX，PC/WindowsPC/Windows计算机动画技术4-194-19 ：专业二维动画制作系统：专业二维动画制作系统 适用于适用于PCPC、AppleApple机机 ：二维卡通制作系统：二维卡通制作系统 代表作代表作美女和野兽
15、美女和野兽 ：我国第一个拥：我国第一个拥有自主版权的计算机辅助制作动画系统。有自主版权的计算机辅助制作动画系统。代表作代表作海尔兄弟海尔兄弟计算机动画技术4-204-20三维动画软件三维动画软件：擅长于卡通造型和角色擅长于卡通造型和角色动画，如动画，如侏罗纪公园侏罗纪公园中恐龙的制作。中恐龙的制作。：擅长于人物或动物动画，如泰擅长于人物或动物动画，如泰坦尼克号中许多画面的制作。坦尼克号中许多画面的制作。：广泛应用于的三维建模、动画、广泛应用于的三维建模、动画、渲染软件，制作高质量动画、广告等。渲染软件，制作高质量动画、广告等。：专门用来制作人体，它可以产生：专门用来制作人体，它可以产生各种类型
16、的人物，如男人、女人、小孩等。各种类型的人物，如男人、女人、小孩等。计算机动画技术4-214-21二、二维动画基本制作过程二、二维动画基本制作过程 1.1.二维动画制作与三维动画制作的区别二维动画制作与三维动画制作的区别 二维动画制作在方法上沿用传统的动画制二维动画制作在方法上沿用传统的动画制作技术，关键帧画面需手工绘制，对动画人员作技术，关键帧画面需手工绘制，对动画人员的绘画艺术能力要求较高。的绘画艺术能力要求较高。三维动画的制作三维动画的制作是是由物体建模、设计材质由物体建模、设计材质、放置灯光和摄像机、设置动画和渲染输出等一放置灯光和摄像机、设置动画和渲染输出等一系列过程系列过程来来完成
17、完成的。的。传统手绘方法被完全取消，传统手绘方法被完全取消，更多取决于计算机和相应软件的性能，更注重更多取决于计算机和相应软件的性能，更注重动画人员动画人员在在技术方面的操作能力。技术方面的操作能力。计算机动画技术4-224-22 2 2.二维动画基本制作过程二维动画基本制作过程 (1)(1)前期策划。前期策划。包括制定企划草案包括制定企划草案，进行进行市场市场调调研，研，创作文学剧本与分镜头剧本，以及美术设计等方面。创作文学剧本与分镜头剧本，以及美术设计等方面。(2)(2)素材制作。素材制作。根据前期策划收集或者绘制合适的根据前期策划收集或者绘制合适的素材。素材包括背景图片、音效、视频剪辑等
18、多素材。素材包括背景图片、音效、视频剪辑等多种种形形式。式。(3)(3)动画制作。动画制作。首先需要根据动画分镜头剧本中的首先需要根据动画分镜头剧本中的每个小画面设计角色动作并为动画角色设计每个镜头每个小画面设计角色动作并为动画角色设计每个镜头的关键画面，然后利用绘图工具绘制动画中的关键帧的关键画面，然后利用绘图工具绘制动画中的关键帧画面画面，再，再利用利用FlashFlash制作制作中间帧等。中间帧等。计算机动画技术4-234-23 调试优化。调试优化。优化动画节奏、色彩、声音以及播放优化动画节奏、色彩、声音以及播放效果等的过程，保证作品的最终效果与质量。效果等的过程，保证作品的最终效果与质
19、量。测试动画。测试动画。在不同配置的电脑上对动画进行播放、在不同配置的电脑上对动画进行播放、下载等测试，根据测试结果对动画作品进行调整和优化，下载等测试，根据测试结果对动画作品进行调整和优化，保证动画在不同环境下保持良好的播放效果。保证动画在不同环境下保持良好的播放效果。发布动画。发布动画。根据动画的用途、使用环境进行输出根据动画的用途、使用环境进行输出格式、画面品质和声音等的设置，用于网络传播的动画格式、画面品质和声音等的设置，用于网络传播的动画作品应充分考虑网速对动画播放速度的影响，权衡设置。作品应充分考虑网速对动画播放速度的影响，权衡设置。计算机动画技术4-244-24三、三维动画基本制
20、作过程三、三维动画基本制作过程 建模。建模。是动画师根据前期的造型设计，通过三是动画师根据前期的造型设计，通过三维建模软件在计算机中绘制出角色模型的过程。维建模软件在计算机中绘制出角色模型的过程。材质贴图。材质贴图。材质就是材质就是对对模型赋予生动的表面特模型赋予生动的表面特性，性，如如物体的颜色、透明度、反光度、反光强度、自物体的颜色、透明度、反光度、反光强度、自发光及粗糙程度等。贴图是指把二维图片通过软件的发光及粗糙程度等。贴图是指把二维图片通过软件的计算贴到三维模型上，形成表面细节和结构。计算贴到三维模型上，形成表面细节和结构。计算机动画技术4-254-25 灯光。灯光。设置灯光目的是最
21、大限度地模拟自然界设置灯光目的是最大限度地模拟自然界的光线类型和人工光线类型。的光线类型和人工光线类型。摄像机控制。摄像机控制。依照摄影原理在三维动画软件中依照摄影原理在三维动画软件中使用摄影机工具，实现分镜头剧本设计的镜头效果。使用摄影机工具，实现分镜头剧本设计的镜头效果。摄影机功能只有情节需要才使用，不是任何时候都使摄影机功能只有情节需要才使用，不是任何时候都使用。用。动画。动画。根据分镜头剧本与动作设计，运用已设根据分镜头剧本与动作设计，运用已设计的造型在三维动画制作软件中制作出一个个动画片计的造型在三维动画制作软件中制作出一个个动画片段。段。计算机动画技术4-264-26 渲染。渲染。
22、渲染是指根据场景的设置、赋予物渲染是指根据场景的设置、赋予物体的材质和贴图、灯光等，由程序绘出一幅完体的材质和贴图、灯光等，由程序绘出一幅完整的画面或一段动画。整的画面或一段动画。合成剪接。合成剪接。主要是将之前所做的动画片段、主要是将之前所做的动画片段、声音等素材，按照分镜头剧本的设计，通过非声音等素材，按照分镜头剧本的设计，通过非线性编辑软件的编辑，最终生成动画影视文件。线性编辑软件的编辑，最终生成动画影视文件。计算机动画技术4-274-27一、计算机动画创意一、计算机动画创意 计算机动画是高科技与艺术创作的结合，计算机动画是高科技与艺术创作的结合，它需要科学的设计和艺术构思，这些在制作之
23、它需要科学的设计和艺术构思，这些在制作之前的方案性思考，称为前的方案性思考，称为创意创意。创意有宏观和微观两个层面。创意有宏观和微观两个层面。宏观宏观(战略创意战略创意)：指整个设计行动的统筹：指整个设计行动的统筹安排安排(战略策划高度战略策划高度)。微观微观(战术创意战术创意)：指具体动画作品的意境：指具体动画作品的意境构思及手法选择构思及手法选择(小点子、小安排小点子、小安排)。计算机动画技术4-284-28创意思考的技巧创意思考的技巧：拟人：拟人：把事物人格化，使之具有人的灵性把事物人格化，使之具有人的灵性和感情，从而使作品内容具体形象、生动活泼和感情，从而使作品内容具体形象、生动活泼。
24、反成：反成：人们对某种事物的认识往往形成思人们对某种事物的认识往往形成思维定势，按常规去表现该事物，难免落入俗套。维定势，按常规去表现该事物，难免落入俗套。如果一反常规，改变事物的形态，反而给人耳目如果一反常规，改变事物的形态，反而给人耳目一新、出其不意的感觉一新、出其不意的感觉。夸张：夸张：对事物固有的形态、特点作出出人对事物固有的形态、特点作出出人意料的发挥，往往能强烈的表达作品主题思想。意料的发挥，往往能强烈的表达作品主题思想。计算机动画技术4-294-29二、动画动作的设计二、动画动作的设计 1.1.动画时间的分配动画时间的分配 动画时间动画时间：一个动作要用几帧来完成。：一个动作要用
25、几帧来完成。放映速度放映速度：2424 f/sf/s、2525 f/sf/s、3030 f/sf/s 动画电影动画电影：只画：只画1212张，重复张，重复1 1次次11秒秒人类人类急跑急跑4 4 f f、快跑、快跑8 8 f f、慢跑、慢跑1212 f f大象大象一个完整步子一个完整步子1 11.51.5 s s小猫小猫一个完整步子一个完整步子0.5s0.5s 老鹰老鹰一个翅膀循环一个翅膀循环9 9 f f麻雀麻雀一个翅膀循环一个翅膀循环2 2 f f计算机动画技术4-304-30 2.2.物体运动规律及设计方法物体运动规律及设计方法 自然物体都有重量、结构和一定的柔韧自然物体都有重量、结构和
26、一定的柔韧性，动画制作时还要考虑牛顿定律。性，动画制作时还要考虑牛顿定律。旋转物体旋转物体 当物体抛向空中或降落地面时，其重心当物体抛向空中或降落地面时，其重心沿抛物线运动，到顶点时沿抛物线运动，到顶点时速度减慢，下降时速度加速度减慢，下降时速度加快。不规则的物体在运动快。不规则的物体在运动过程中还要旋转。过程中还要旋转。计算机动画技术4-314-31 振动物体振动物体 快速振动快速振动：弹簧片的震动弹簧片的震动 柔性振动柔性振动：旗帜的飘动旗帜的飘动往复运动物体往复运动物体计算机动画技术4-324-32 3.3.动物动作规律及设计方法动物动作规律及设计方法 飞鸟类飞鸟类 鸟越大，翅膀动作越慢
27、；鸟越小，翅膀鸟越大，翅膀动作越慢；鸟越小，翅膀动作越快。动作越快。计算机动画技术4-334-33 昆虫类昆虫类 多数昆虫都有翅膀，但其扇动速度远快于普多数昆虫都有翅膀，但其扇动速度远快于普通鸟类，这就需要用一种特殊方法来处理通鸟类，这就需要用一种特殊方法来处理(翅膀翅膀模糊技术模糊技术)。计算机动画技术4-344-34 兽类兽类 四条腿的兽类在运动时，必须注意前腿动作四条腿的兽类在运动时，必须注意前腿动作如何与后腿动作相配合。如牛的右前腿向前时，如何与后腿动作相配合。如牛的右前腿向前时，右后腿在后；在右前腿向后时，右后腿向前。右后腿在后；在右前腿向后时，右后腿向前。兽类兽类跨步时间跨步时间牛
28、、马牛、马1 1大象大象1.51.5猫猫0.50.5计算机动画技术4-354-35 4.4.人物动作规律及设计方法人物动作规律及设计方法 人的走路动作人的走路动作 左右两脚交替向前。为了保持身体的平衡左右两脚交替向前。为了保持身体的平衡当左脚向前时左手向后摆动，当右脚向前时右当左脚向前时左手向后摆动，当右脚向前时右手向后摆动。手向后摆动。计算机动画技术4-364-36 人的奔跑动作人的奔跑动作 身体重心前倾，两手自然握拳，手臂成屈曲身体重心前倾，两手自然握拳，手臂成屈曲状，双脚的跨步动作幅度较大，头的高低变化也状，双脚的跨步动作幅度较大，头的高低变化也比走路动作大。比走路动作大。计算机动画技术
29、4-374-37 人的面部表情人的面部表情 面部的动作变化能体现人物的情绪和性格，面部的动作变化能体现人物的情绪和性格，但也更加复杂。但也更加复杂。计算机动画技术4-384-38三、影视片头的设计三、影视片头的设计 1.1.片头设计的长度片头设计的长度 电视栏目片头的时间长度：电视栏目片头的时间长度：2020 电视台台标的时间长度：电视台台标的时间长度：3030 2.2.电影片头的设计电影片头的设计 电影片头可以通过把影片最扣人心弦的核心电影片头可以通过把影片最扣人心弦的核心展示出来，可只提问题不解决问题。展示出来，可只提问题不解决问题。二维动画二维动画：人物、动物等柔软复杂实体：人物、动物等
30、柔软复杂实体 三维动画三维动画：变形、真实感强的造型物体：变形、真实感强的造型物体计算机动画技术4-394-39 3.3.电视片头的设计电视片头的设计 电视节目片头电视节目片头：5 5、1212、2020、6060 新闻、评论类：严肃庄重新闻、评论类：严肃庄重 文艺、少儿类：轻松活泼文艺、少儿类：轻松活泼 电视栏目片头电视栏目片头：12122020 字幕是电视栏目片头字幕是电视栏目片头设计中主要的艺术设计形设计中主要的艺术设计形象，这是以线为主的点、象，这是以线为主的点、线、面组合的表现艺术。线、面组合的表现艺术。计算机动画技术4-404-40一、一、FlashFlash概述概述 1.Flas
31、h 1.Flash的发展简史的发展简史年代年代版本版本描述描述早期早期Future Splash Animator6人小组，最大用户是人小组，最大用户是Microsoft、Disney1996年年11月月Flash 1.0Macromedia收购收购1997年年6月月Flash 2.0199.951998年年5月月Flash 3.0交互式矢量动画标准交互式矢量动画标准/2991999年年6月月Flash 4.0F 5.0闪客：编程、美术闪客：编程、美术/3992002年年3月月Flash MX4992003年年8月月Flash MX 2004499/6992005年年10月月Flash 8.0
32、增强了对视频支持增强了对视频支持2007年年7月月Adobe Flash CS3Adobe Creative Suite2008年年9月月Adobe Flash CS43D转换，反向运动与骨骼工具转换，反向运动与骨骼工具2010年年4月月Adobe Flash CS5代码片段面板、代码片段面板、Deco绘制工具绘制工具2011年年4月月Adobe Flash CS5.5HTML5、移动、移动平台平台续表计算机动画技术4-424-42 2.2.基本功能基本功能 绘图功能绘图功能：可以使用：可以使用FlashFlash完成图形绘制、完成图形绘制、特殊字形处理等方面工作。特殊字形处理等方面工作。动画
33、功能动画功能：即使没有绘画基础也可以使用：即使没有绘画基础也可以使用FlashFlash提供的动画工具提供的动画工具,编辑从外部导入的图像，编辑从外部导入的图像，制作出动画。制作出动画。编程功能编程功能：FlashFlash提供了几百个关键词提供了几百个关键词,用用来制作交互式动画。来制作交互式动画。以上以上3部分功能是部分功能是相对独立相对独立的。的。计算机动画技术4-434-43 3.3.动画特点动画特点 FlashFlash动画是一种交互的矢量动画，能在低动画是一种交互的矢量动画，能在低数据传输率下实现高质量的动画效果。数据传输率下实现高质量的动画效果。矢量图形矢量图形：任意调整图形或色
34、块的颜色：任意调整图形或色块的颜色 交互式动画交互式动画：用户对动画进行控制：用户对动画进行控制 流式播放技术流式播放技术：边下载边播放：边下载边播放 多种文件格式多种文件格式：图形图像、声音、视频：图形图像、声音、视频 插件工作方式插件工作方式：Flash PlayerFlash Player插件插件计算机动画技术4-444-44 4.4.应用领域应用领域 MTVMTV、动画短片、广告、交互游戏等。动画短片、广告、交互游戏等。计算机动画技术4-454-45 5.5.工作界面工作界面 标题栏、菜单栏、工具栏、工具箱标题栏、菜单栏、工具栏、工具箱计算机动画技术4-464-46计算机动画技术4-4
35、74-47 舞台和工作区舞台和工作区：创作时观看作品的场所：创作时观看作品的场所 属性属性面板面板：取决于当前选定的内容，可显：取决于当前选定的内容，可显示当前文档、帧或工具的信息和设置。示当前文档、帧或工具的信息和设置。时间轴面板时间轴面板：用于组织和控制文档内容在：用于组织和控制文档内容在一定时间内播放的层数和帧数。一定时间内播放的层数和帧数。计算机动画技术4-484-48二、二、FlashFlash基本操作基本操作 例题例题 制作一个移动的变色圆。制作一个移动的变色圆。打开打开FlashFlash，选择红色。，选择红色。选择椭圆工具，在舞台左上方画一个小圆。选择椭圆工具，在舞台左上方画一
36、个小圆。右击第右击第3030帧，选择插入空白关键帧。帧，选择插入空白关键帧。选择蓝色，在舞台右下方画一个较大圆。选择蓝色，在舞台右下方画一个较大圆。选中第选中第1 1帧，属性面板帧，属性面板/补间补间形状。形状。选择控制选择控制/播放。播放。计算机动画技术4-494-49 (1 1)创建创建FlashFlash文件文件 文件文件/新建，工具栏新建，工具栏“新建新建”按钮按钮 (2 2)设置文档属性设置文档属性 修改修改/文档，属性面板文档，属性面板文档属性文档属性尺寸尺寸用于设置动画的尺寸用于设置动画的尺寸(宽度宽度高度高度)背景颜色背景颜色用于设置文档的背景颜色用于设置文档的背景颜色帧频帧频
37、用于设置影片的播放速度用于设置影片的播放速度(f/s)(f/s)标尺单位标尺单位设置表示文档尺寸的单位设置表示文档尺寸的单位计算机动画技术4-504-50 (3 3)简单动画制作简单动画制作 新建文件新建文件设置影片属性设置影片属性(400(400300)300)导入背景图片：文件导入背景图片：文件/导入导入 调整图像大小调整图像大小第第3636帧选择帧选择“插入帧插入帧”插入新图层：单击插入新图层：单击“插入图层插入图层”按钮按钮 输入文本：文本工具输入文本：文本工具(隶、隶、6060、红、红)图层图层2525 f f深、深、1010 f f圳、圳、1515 f f大、大、2020 f f学
38、学 设置移动动画：补间设置移动动画：补间/动作动作 加入背景音乐：文件加入背景音乐：文件/导入导入计算机动画技术4-514-51 (4 4)预览动画预览动画 控制控制/测试影片测试影片(Ctrl+Enter)Ctrl+Enter)(5)(5)保存动画文件保存动画文件 文件文件/保存或另存为保存或另存为(myfirst.fla)myfirst.fla)(6)(6)输出动画文件输出动画文件 文件文件/导出影片导出影片 myfirst.swfmyfirst.swfFlashFlash播放文件播放文件 myfirstmyfirst.aviavi视频文件视频文件 myfirstmyfirst.gifgi
39、f动画动画GIFGIF计算机动画技术4-524-52 1.1.绘图工具绘图工具 椭圆工具、矩形工具、线条工具椭圆工具、矩形工具、线条工具 铅笔工具、文本工具、钢笔工具铅笔工具、文本工具、钢笔工具 2.2.图形编辑图形编辑 选择工具、次选工具、套索工具选择工具、次选工具、套索工具 颜料捅工具、墨水瓶工具、橡皮工具颜料捅工具、墨水瓶工具、橡皮工具 任意变形工具、填充变形工具任意变形工具、填充变形工具 喷涂刷工具喷涂刷工具、Deco工具工具计算机动画技术4-534-53 3.3.图形对象图形对象 (1 1)对齐对象对齐对象 (2 2)合并对象合并对象 联合，交集，打孔，裁切联合，交集，打孔，裁切 (
40、3)(3)组合与分离对象组合与分离对象 (4)(4)排列对象排列对象计算机动画技术4-544-54 4.4.特效特效 (1 1)文本特效文本特效 选择选择“文本工具文本工具”创建文本，创建文本，设置为设置为“动态文动态文本本”，然后执行，然后执行“文本文本”“可滚动可滚动”命令命令。(2 2)滤镜特效滤镜特效 投影投影，模糊模糊，发光发光，斜角斜角，渐变发光渐变发光，渐变斜渐变斜角角，调整颜色调整颜色计算机动画技术4-554-55 5.5.图像导入图像导入 使用使用Flash,Flash,除了可以绘制矢量图形外，还除了可以绘制矢量图形外，还可以从外部导入位图，以便制作出更加丰富的可以从外部导入
41、位图，以便制作出更加丰富的动画。动画。计算机动画技术4-564-56三、基本动画制作三、基本动画制作 FlashFlash的动画原理与电影的成像原理一样，的动画原理与电影的成像原理一样，是利用人眼的视觉暂留现象。是利用人眼的视觉暂留现象。FlashFlash创建动画有两种方法：创建动画有两种方法：逐帧动画逐帧动画：帧帧连续动画：帧帧连续动画(工作量大工作量大)补间动画补间动画：运动补间动画：运动补间动画(平移、转动平移、转动)形状补间动画形状补间动画(变形变形)关键帧、帧关键帧、帧(普通帧或内插帧普通帧或内插帧)计算机动画技术4-574-57 1.1.逐帧动画逐帧动画 逐帧动画是构成动画的每一
42、帧的内容都逐帧动画是构成动画的每一帧的内容都是由一幅绘制的图像组成的。是由一幅绘制的图像组成的。例如：例如：骏马奔驰骏马奔驰计算机动画技术4-584-58 2.2.运动补间动画运动补间动画 创建平移动画创建平移动画 球的运动球的运动 创建引导动画创建引导动画 指定路径运动指定路径运动计算机动画技术4-594-59 3.3.形状补间动画形状补间动画 形状动画描述在一段时间内将一个对象转形状动画描述在一段时间内将一个对象转变成另一个对象的过渡过程。变成另一个对象的过渡过程。创建形状动画创建形状动画 形状的变化形状的变化 创建遮罩动画创建遮罩动画 探照灯效果探照灯效果计算机动画技术4-604-60
43、4 4.骨骼动画骨骼动画 通过骨骼系统和反向运动工具，为一系列独立的通过骨骼系统和反向运动工具，为一系列独立的元件添加骨骼，制作类似于图形链的动画效果。元件添加骨骼，制作类似于图形链的动画效果。5 5.3D3D动画动画计算机动画技术4-614-61四、元件与库资源四、元件与库资源 1 1.元件元件 元件是指在元件是指在Flash创作环境中创建过一次的图形、按创作环境中创建过一次的图形、按钮或影片剪辑，一旦被创建，自动添加到库中，钮或影片剪辑，一旦被创建，自动添加到库中，可可重复重复使用。使用。图形元件图形元件 按钮元件按钮元件 影片剪辑元件影片剪辑元件 计算机动画技术4-624-62 2 2.
44、元件的创建元件的创建 3.3.元件的编辑元件的编辑 4.4.图库元件的使用图库元件的使用 计算机动画技术4-634-63五、声音与视频五、声音与视频 Flash Flash中可导入音频和视频文件，并对其添中可导入音频和视频文件，并对其添加特效，设置事件。加特效，设置事件。(1)(1)音频导入音频导入 (2)(2)添加特效添加特效 (3)(3)事件设置事件设置 计算机动画技术4-644-64六、动画美学六、动画美学 动画美学的主要内容动画美学的主要内容：注重画面结构布局，为动画主体留出活注重画面结构布局，为动画主体留出活动空间。动空间。动画画面调度设计，主要在镜头移动、动画画面调度设计，主要在镜
45、头移动、纵深运动、平面运动等模式。纵深运动、平面运动等模式。动画制作符合视觉规律。动画制作符合视觉规律。固定不动的物体构成背景的主要对象，起到画面均衡的作用。固定不动的物体构成背景的主要对象，起到画面均衡的作用。低速运动的物体给人以平稳的感觉。低速运动的物体给人以平稳的感觉。高速运动能够引起特别注意，起到着力渲染的作用。高速运动能够引起特别注意，起到着力渲染的作用。计算机动画技术4-654-65 把握动画的运动节奏把握动画的运动节奏 动画主体的运动节奏通过对时间的掌握动画主体的运动节奏通过对时间的掌握进行控制。就帧动画而言，动画的运行速度进行控制。就帧动画而言，动画的运行速度与帧间的位置差成正
46、比。与帧间的位置差成正比。造型设计、动作设计造型设计、动作设计 造型设计将主要针对文字的形态、设备造型设计将主要针对文字的形态、设备的人格化、界面的风格等方面进行。动作设的人格化、界面的风格等方面进行。动作设计则针对动作主体的运动模式以及运动时间计则针对动作主体的运动模式以及运动时间进行规划。进行规划。计算机动画技术4-664-66一、一、FlashFlash游戏的特点游戏的特点 强大而简便的交互功能强大而简便的交互功能，很适合用于制作游很适合用于制作游戏。戏。图形处理速度方面存在瓶颈图形处理速度方面存在瓶颈。不能随意存取本地硬盘数据不能随意存取本地硬盘数据。对三维功能支持有限对三维功能支持有
47、限。FlashFlash是一个集美工、动画与编程于一体的集是一个集美工、动画与编程于一体的集成开发环境，编程方式成开发环境，编程方式与其与其他他纯纯程序开发的编程程序开发的编程方式有所不同。方式有所不同。计算机动画技术4-674-67FlashFlash作品的结构作品的结构计算机动画技术4-684-68二、二、ActionScriptActionScript语言基础语言基础 1.1.概述概述 ActionScriptActionScript语言是语言是FlashFlash提供的一种动作脚本语言，提供的一种动作脚本语言，可可对对关键帧按钮关键帧按钮、影片剪辑添加影片剪辑添加脚本，制作交互动画脚本
48、，制作交互动画 。计算机动画技术4-694-69 2.2.基本语法基本语法 常量与变量。常量与变量。关键字关键字varvar声明变量，变量名区分大小写，严格声明变量，变量名区分大小写，严格指定数据类型。指定数据类型。var number1:int;var number1:int,number2:int,number3:int=0;简单数据类型简单数据类型：booleanboolean、stringstring，intint、NumberNumber等。等。复杂数据类型复杂数据类型:Array:Array、ObjectObject、MovieClipMovieClip等等。计算机动画技术4-70
49、4-70运算符和表达式。运算符和表达式。算术运算符算术运算符是用来处理四则运算的符号。是用来处理四则运算的符号。+、-、*、/、%、+、-字符串运算符字符串运算符使用加法运算符来完成使用加法运算符来完成。逻辑运算符逻辑运算符通常用来测试真假值。通常用来测试真假值。、=、=、!=、&、|、!、=、!=。赋值运算符赋值运算符用来为变量或者常量赋值用来为变量或者常量赋值。=、+=计算机动画技术4-714-71 大括号。大括号。用大括号用大括号“”将一个语句块或是一将一个语句块或是一句表达式结合在一起。句表达式结合在一起。onClipEvent(frame)H.stop();小括号。小括号。小括号小括
50、号“（）（）”用于定义和调用函数用于定义和调用函数或相关参数，还可以更改表达式中的运算顺序，组或相关参数，还可以更改表达式中的运算顺序，组合到小括号中的运算总是最先执行。合到小括号中的运算总是最先执行。trace(1+2*3);/7trace(1+2)*3);/9计算机动画技术4-724-72分号。分号。用分号用分号“；”来结束一条语句。来结束一条语句。字母大小写。字母大小写。除关键字以外，其他动作脚本是除关键字以外，其他动作脚本是不严格区分大小写的，关键字是指有特殊含义的保不严格区分大小写的，关键字是指有特殊含义的保留字符，如留字符，如var,void,function,continueva
