计算机动画制作课件

1、计算机动画制作,计算机动画制作,8.1 计算机动画概述,计算机动画技术综合利用了计算机科学、数学、物理学、绘画艺术等知识来生成绚丽多彩的连续的逼真画面。 上世纪60年代初计算机动画程序实现 70年代开始研制动画系统MSGEN 饥饿者(1974)、终结者(1991) 侏罗纪公园(1993)、玩具总动员(1996),计算机动画制作,一、什么是计算机动画 动画是通过一定速度播放连续画面来显示运动和变化的过程，其含义有： 播放速度：24f/s、25f/s、30f/s 运动过程：动画的本质 变化过程：色彩变化、光强变化 计算机动画是借助于计算机生成一系列连续图像并可动态播放的计算机技术。,二、计算机动画

2、的分类,按动画制作原理分类 二维动画(计算机辅助动画) 二维动画主要用来实现中间帧生成，即根据两个关键帧生成所需的中间帧(插补技术)。, 三维动画(计算机生成动画) 三维动画是采用计算机技术来模拟真实的三维空间。,计算机动画制作,三、计算机动画的应用,电视广告、电视片头、卡通片、 电影片头和电影特技,多媒体教学、娱乐,Flash、VRML、JAVA,科学技算可视化、工程设计,飞行模拟器，航天、导弹和 原子武器等复杂的系统工程,计算机动画制作,8.2 计算机动画制作环境,计算机动画系统：计算机硬件、软件系统 一、硬件配置 主机：图形工作站(SGI、SUN、IBM、HP) 微机(Pentium、M

3、acintosh系列机) 输入设备：图像扫描仪、录相输入 输出设备：视频输出、胶片输出,二、软件系统 1.系统软件:操作系统、高级语言、诊断程序等 2.动画软件 二维动画软件:AXA 2D、Animator Studio、Flash 三维动画软件:3D Studio MAX、Softimage 3D Maya(Alias/Wavefront)、Poser,计算机动画制作,3D Studio MAX动画软件： 3DS MAX是美国Autodesk公司在PC机上开发的实体造型、真实感显示和动画制作软件。 Macromedia Flash MX： Flash是Macromedia公司开发的网页多媒体

4、制作软件，具有向量绘图与动画编辑功能，能够简易地制作连续动画、互动按钮、绘图与音效！ Maya： 集成了Alias/Wavefront/TDI最先进的动画及数字效果技术，不仅包括一般三维和视觉效果制作的功能，而且还与最先进的建模、数字化布料模拟、毛发渲染、运动匹配技术相结合。 Animator Pro 和Animator Studio（AUTODESK) 二维专业动画创作软件,计算机动画制作,8.3 计算机动画设计与创意,一、计算机动画创意的概念 计算机动画是高科技与艺术创作的结合，它需要科学的设计和艺术的构思，这些在制作之前的方案性思考，称为创意。 创意有宏观和微观两个层面 宏观(战略创意)

5、：指整个设计行动的统筹安排(战略策划高度)。 微观(战术创意)：指具体动画作品的意境构思及手法选择(小点子、小安排)。,二、动作的设计与创意 1.人物动作规律及设计 人的走路动作：左右两脚交替向前；为了求得平衡，当左脚向前时左手向后摆动，当右脚向前时右手向后摆动。,计算机动画制作,人的奔跑动作：身体中心前倾，手臂成屈曲状，两手自然握拳，双脚的跨步动作幅度较大，头的高低变化也比走路动作大。,人的面部表情：面部的动作变化能体现人物的情绪和性格，但也更加复杂。,计算机动画制作,2.动物动作规律及设计 鸟类：鸟越大，动作越慢 鸟越小，动作越快 翅膀越大，鸟躯干上下运动越明显,兽类：四条腿的兽类在运动时

6、，必须注意前腿动作如何与后腿动作相配合。如牛的右前腿向前时，右后腿在后；在右前腿向后时，右后腿向前。,计算机动画制作,3.自然物体规律及设计 旋转物体：当物体抛向空中时，其重心沿抛物线运动，到顶点时速度减慢，下降时速度加快 强调运动：为了强调运动，有时要加入一些视觉效果。 如开枪射击时枪管突然后退，射击本身是通过很强烈的猛推效果和随枪管再冲向前时一股较慢的喷烟在视觉上展现的。,振动物体： 快速振动 弹簧片的震动 柔性振动 旗帜的飘动,计算机动画制作,三、片头的设计与创意 1.电影片头的设计 电影片头可以通过把影片最扣人心弦的核心展示出来，可只提问题不解决问题，以造成一定的悬念使观众急于相探索其

7、中的究竟。,2.电视片头的设计 电视节目片头：5,10,15,20,60秒 电视栏目片头：12-20秒，字幕是 栏目片头设计中主要的艺术设计形象。,3.电视广告的设计 电视广告通过近在咫尺的屏幕，能使观众见其形而闻其声，具有极大的感染力。 制作电视广告，要让观众接受重点内容，除必要重复外，还应多选中、近镜头。,计算机动画制作,一、F1ash MX的工作界面,1.场景与舞台,8.4 Flash MX概述,2.时间轴窗口,使用时间轴是Flash制作动画的一大特点，在过去通常要绘制出每一帧的图像，或是通过程序来制作动画，而Flash使用关键帧技术，通过对时间轴上关键帧的操作，Flash会自动生成运动

8、中的动画帧。,计算机动画制作,3.工具栏,在Flash MX中，系统提供了三个工具栏，即【主工具栏】、【编辑栏】和【控制器】。它们都通过【窗口】【工具栏】来显示和关闭。,4.绘图工具栏,Flash MX中，绘图工具栏 为用户提供了各种工具来绘 制和编辑图形，它主要分【工具】、【查看】、【颜色】和【选项】四个不同功能的选项区域。,计算机动画制作,二、工作界面的使用方法,1. 使用绘图工具栏 【工具】区域,计算机动画制作,【视图】区域,【颜色】区域,【选项】区域,计算机动画制作,2. 使用时间轴,层控制区,时间轴控制区,计算机动画制作,3. 使用场景,4. 使用符号库窗口,计算机动画制作,5. 关

9、于工具栏操作,计算机动画制作,6. 关于面板,属性面板 动作面板 执行【窗口】【开发面板】【动作】命令，可打开动作面板。,变形面板,执行【窗口】 【设计面板】 【变形】命 令，可以打开变 形面板。,计算机动画制作,颜色面板 执行【窗口】【设计面板】【颜色样本】命令。,混色器面板 执行【窗口】【设计面板】【混色器】命令。,电影监测面板 执行【窗口】【其他面板】【影片浏览器】命令，可以打开 【影片浏览器】面板。,信息面板 执行【窗口】【设计面板】 【信息】命令，可以打开【信息】面板。,计算机动画制作,三、Flash中的常用操作,1. 对作品的操作 在Flash中创建新影片，有两种方法。一是直接执行

10、【文件】【新建】命令，二是执行【文件】【从模板新建】命令，打开【新文档】对话框，利用Flash自带的模板创建。 （1）执行菜单【文件】【保存】 （2）执行菜单【文件】【另存为】 （3）通过执行【文件】【还原】命令可以将当前编辑文件恢复至上次存盘状态。,2. 改变场景中作品的大小,(1) 在Flash MX的【属性】面板中，没有选中对象时，会显示文档【属性】对话框。或者单击所编辑场景的空白处，窗体下方也会出现文档【属性】对话框。 (2) 单击对话框中的【大小】选项后的按钮，打开【文档属性】对话框。通过编辑【尺寸】选项后的文本框，可以设定影片的发布大小。,计算机动画制作,1对标尺的操作 执行【查看

11、】【标尺】命令后，在编辑的舞台上侧和左侧各出现一个标尺栏。 2对网格线的操作 （1）当执行【查看】【网格】【显示网格】命令后，在工作场景中显示网格线。 （2）当执行【查看】【网格】【编辑网格】命令，打开【网格】对话框。,3. 标尺和网格辅助线操作,4. 改变动画播放速度,在属性面板中修改帧频，改变动画的播放速度； 改变之后在时间轴窗口显示出新的帧频。,计算机动画制作,5. 色彩的选择和操作,在制作Flash MX动画过程中，若背景采用渐变色，往往能表现出更加复杂深入的场景。设置渐变色时，通常都是利用【混色器】调配颜色。,6. 文本对象的操作,点击工具菜单上的【文本工具】按钮，把鼠标移动到想放置

12、文字的地方，按下鼠标左键，出现一个文本框，写上“美丽人生”字样。,对于文字的变形，可以通过绘图工具箱中的工具对其进行缩放、旋转、倾斜，扭曲来达到想要的效果。,计算机动画制作,一、图形的基本编辑,1. 绘制直线 Flash MX绘制直线是用【线条工具】来绘制。通过执行【窗口】【工具】命令，或者使用快捷键【Ctrl+F2】可以打开绘图工具栏。,8.5 Flash MX图形编辑,计算机动画制作,2. 绘制椭圆,3. 绘制矩形,和绘制椭圆方法相似，通过【矩形工具】可以绘制矩形图形。,计算机动画制作,4. 用铅笔绘画,5. 编辑图形的色彩,2使用【属性】面板设置图形的【笔触颜色】和【填充色】,1使用绘图

13、工具栏【颜色】选项中的【笔触颜色】和【填充色】,3使用【混色器】面板设置【笔触颜色】和【填充色】,计算机动画制作,4使用【颜色样本】控制面板设置【笔触颜色】和【填充色】 使用【颜色样本】控制面板可以添加、替换、保存调色板、使用网页216色调色板、加载默认调色板，以及在调色板中复制和删除颜色样本等。,计算机动画制作,二、对象的对齐,1. 对齐面板 在Flash MX中，执行【窗口】【设计面板】【对齐】命令。,2. 对象间的分布与对齐,【对齐】控制面板能够沿水平或垂直轴对齐选定的对象，可以沿选定对象的右边缘、中心或左边缘垂直对齐对象，或者沿选定对象的上边缘、中心或下边缘水平对齐对象。每个效果各不相

14、同，用户可以根据自己的需要，选择使用。,3. 对齐到场景,在【对齐】控制面板中，选择【相对于舞台】可以使对象相对于舞台对齐。以上例为例，当选中对象后，点击【相对于舞台】按钮，再选中沿左边缘对齐，则对象就沿舞台左边缘对齐。,计算机动画制作,三、对象组合,1. 建立组合对象 建立组合对象方法如下： (1)选中需要组合的对象，执行【修改】【组合】命令，或按快捷键【Ctrl+G】，所选中的对象就可组合。 (2)当对象组合后，组合对象外会出现一个方框，表示方框内的对象已经合为一个整体了，这时点击属性面板，会显示该组合的相关属性。,2. 编辑组合对象,使用【箭头工具】可以点选或套选组合对象，点选时，选中方

15、框内任一对象即可选中整个组合对象；套选时，需将全部组合对象框住才有效；,3. 解散组合对象,为了作图的需要，组合对象中的各元素需要分散时，可以执行【修改】【取消组合】命令，或按快捷键【Ctrl+Shift+G】；也可以执行【修改】【分离】命令，或按快捷键【Ctrl+B】。,计算机动画制作,四、图形的变形操作,1. 缩放图形对象 先选中图片和【任意变形工具】后，再在【工具】选项中点击【缩放】按钮，就可以对选中的图形进行垂直或水平方向上的放大或缩小。当按住【Shift】键的同时按住鼠标拖放，可以等比例进行缩放。,2. 旋转和倾斜对象,在选择【工具】选项中的【任意变形工具】后，就可以对图片进行旋转与

16、倾斜。,3. 翻转对象,翻转对象可以通过【修改】【变形】【垂直翻转】命令或【修改】【变形】【水平翻转】命令来实现。,计算机动画制作,4. 改变定位点位置,在图形进行缩放、旋转与倾斜等变形时，通常在选中图片和变形工具时，图片四周会出现八个方形点，而图片中心会出现一个圆形点，这个圆形点就是我们经常提到的定位点。在进行变形时这个定位点十分关键，它代表缩放、旋转的基点，当不改变它的位置表示图片在此基点上进行缩放和旋转。若改变了定位点，则表示图片在改变后的基点上进行缩放和旋转等变形。 在变形操作期间拖动定位点则可以重新定位图片等对象。双击定位点时将恢复到默认的中心位置；在变形期间按住【Alt】键拖动，就

17、会切换缩放或倾斜变形的定位点。,5. 删除变形效果,对变形效果不满意时，可以删除变形效果。方法很多，如【变形】面板中的【重置】按钮 ，选择此按钮可以使变形后的图片恢复到原始状态。,计算机动画制作,五、图形的整体处理,1. 移动对象 1通过【箭头工具】移动对象 2键盘方向键移动对象 3通过【属性】面板移动对象 4通过【信息】面板移动对象,2. 通过粘贴移动和拷贝对象,3. 通过剪贴板拷贝美术作品 4. 使用选择性粘贴命令,5. 删除对象 6. 堆叠对象 可以通过执行【修改】【排列】【移至顶层】命令来更改堆叠顺序。,计算机动画制作,8.6 Flash MX文字编辑,创建字体元件的具体步骤如下： （

18、1）执行【窗口】【库】命令，打开存放字体元件的库 。 （2）从【库】面板右上角的选项菜单中选择“新建字型”。 （3）在打开【字体元件属性】对话框中，将该字体元件的名称输入到【名称】文本框中，并从【字体】下拉列表中选择一种字体。 （4）根据需要，还可选择【样式】选项中的【粗体】和【斜体】复选框。以便将选定的样式应用于该字体。 （5）单击【确定】按钮，此时在【库】面板中会出现一个名为“字体1”的字体元件。,一、Flash MX字体简介,二、使用文字工具,1. 文本输入 单击绘图工具栏【工具】选项中的【文本工具】按钮，或直接按键盘上的【T】键，然后在舞台窗口选择需要输入文字的位置，单击鼠标后就可以在

19、光标提示位置输入文字，或者在舞台窗口按鼠标左键不放拖拽出文本框，松开后再开始输入文字。,计算机动画制作,2. 修改文字内容,3. 更改文本框的长度,三、文字工具属性面板,计算机动画制作,四、设置文本的格式,1. 设置字体、字号、颜色、样式 2. 设置字符间距,3. 设置对齐方式、边距、缩进和行间距,执行【文本】【对齐】命令，可以选择文本的对齐方式。在此用户可以选择左对齐、右对齐、居中对齐和两端对齐几种方式。,五、静态文本域、动态文本域和输入文本域,1. 静态文本 【静态文本】主要是显示文本各项不能更改的信息。 2. 动态文本域 动态文本主要是能够动态地显示最新信息。 3. 输入文本域,计算机动

20、画制作,六、建立超链接,七、打散文字,计算机动画制作,八、创建特效文字,1. 带阴影的文本,3. 荧光文字,2. 文本中的渐变填充,计算机动画制作,一、图层的基本操作,1. 了解Flash MX中的图层 2. 创建与删除图层 3. 图层文件夹,8.7 Flash MX层的创建和编辑,二、图层之间的相互关系,1. 图层的叠放顺序 2. 图层的锁定,3. 图层的显示与隐藏,4. 图层的轮廓,计算机动画制作,三、引导层的创建与使用,1. 创建与取消引导图层,当把图层3拖到图层2与引导层的中间,2. 引导图层在动画中的作用,计算机动画制作,四、遮罩层的创建与使用,1. 遮罩图层的创建 2. 遮罩图层的

21、应用,计算机动画制作,五、图层应用实例,1. 引导层动画应用实例,计算机动画制作,2. 遮罩图层应用实例,计算机动画制作,计算机动画制作,一、认识Flash MX中的元件,1. 在动画中使用元件的优点,8.8 Flash MX元件和实例的使用,2. 元件的种类,计算机动画制作,二、 制作元件 1. 创建元件 1创建空元件 2将舞台元素转换成元件,2. 按钮的制作,按钮一般有四个帧，用来表示按钮的四个状态： 【弹起】状态：指鼠标没有接触按钮时，按钮处于弹起位置。 【指针经过】状态：指鼠标指针移到按钮上面，但没有单击时的鼠标状态。 【按下】状态：指鼠标移到了按钮上，并且单击了鼠标的左键时，按钮所处

22、的状态。 【单击】状态：一般是按钮的核心状态，也是响应事件的状态。,计算机动画制作,三、编辑元件,1. 复制元件,2. 删除元件,3. 改变元件的名称和行为类型,4. 编辑元件内容的方法,1当前位置编辑元件 使用【在当前位置编辑】命令在该元件和其它对象在一起的舞台上编辑它。其它对象以灰显方式出现，从而将它们和正在编辑的元件区别开来。,2在新窗口中编辑元件 在舞台上选择该元件的一个实例，右击之后，执行快捷菜单上的【在新窗口中编辑】命令。此时元件将处在一个单独的可编辑窗口。它拥有独立于主场景的时间轴。,计算机动画制作,3在元件编辑模式下编辑元件,四、元件库的使用,1. 元件库的查看方式 显示【库】

23、窗口有三种方法：一种方法是执行【窗口】【库】命令 ；另一种方法是直接单击程序窗口底部状态栏中的【库】按钮；还有就是直接按快捷键【F11】。 2. 元件库中目录的操作, 在为新建的文件夹命名时，不能和同一级目录中的其它元件或文件夹重名，而在不同的文件夹中允许元件、文件夹等相互重名。若要打开或关闭所有文件夹，可以从【库】面板快捷菜单中执行【展开所有文件夹】或【折叠所有文件夹】。,计算机动画制作,3. 元件的替换与更新,4. Flash MX的内置元件库 Flash MX中附带了很多元件成品，分别存放在3个不同的【库】面板中，可供用户直接使用。这三个库分别是【按钮】、【声音】和【学习交互】库。可以通

24、过执行【窗口】【公用库】命令打开这三个库。分别单击【按钮】、【声音】和【学习交互】命令，打开三个内置的元件库面板。,计算机动画制作,五、元件实例的使用,1. 实例的编辑 在舞台中，对某个元件的实例进行编辑时，不会影响【库】中的元件本身，也不会影响到这个元件的其它实例。,对实例对象进行编辑的另外一种方法是，先选中实例对象，再执行【修改】【分离】命令或者按快捷键【Ctrl+B】将实例打散后进行编辑，此时所编辑的不是实例，更不是原始元件，而是一个分散的图形对象。此时实例对象不复存在，但不影响原始元件。,计算机动画制作,2. 设置实例的属性,1【影片剪辑】属性面板 2【图形】实例属性面板,3【按钮】实

25、例属性面板 该对话框中与以上两类不同的是，在位于【交换】按钮的右边有个【按钮选项】列表框。该列表框有【音轨作为按钮】和【音轨作为菜单项】两个选项，用来选择按钮的跟踪模式。,计算机动画制作,六、元件和实例的应用实例,计算机动画制作,一、动画制作中的基本概念,1. 关于时间轴,8.9 Flash MX动画的创建和编辑,2. 关于帧,制作Flash动画时，需要对帧做大量的操作:,1创建、插入关键帧 2清除关键帧 3插入、删除帧 4选取所有帧 5拷贝和粘贴帧 6翻转帧,（1）关键帧是指动画中定义的可更改的帧，其中包括影片中某个帧的动 作脚本的修改。 （2）除了关键帧之外，所有出现在【时间轴】窗口中的帧

26、都统称为帧。,计算机动画制作,二、逐帧动画,逐帧动画通过修改每一帧中的内容来产生动画，它适合于复杂的，每一帧的图像都有变化的动画。在逐帧动画中，Flash MX会保存每个完整帧的值。 Flash MX有两种创建动画的方式：逐帧动画和补间动画 ，相对于补间动画来说，逐帧动画较容易些。要创建逐帧动画，需要将动画中的每一帧都设置成关键帧，然后给每帧创建不同的画面或是导入不同的元件、图像等。,三、形状动画,1. 制作形状动画应注意的问题 形状动画也就是形状变形动画的简称，它是指形状逐渐发生变化的动画。值得用户注意的是，形状动画中的动画对象只能是矢量图形，组对象和符号实例对象等都不能直接创建形状动画。并

27、且制作形状动画时，动画的结束帧和起始帧必须在同一个图层上。,计算机动画制作,2. 制作形状动画,3. 对形状动画的控制,【简易】选项的目的是 调整过程帧变化速率的加速度，它的数值范围规定在-100100之间。 【混合】选项用于选择形状动画在形状上的两种方式，它分为【分布式】和【角形】两种。,计算机动画制作,四、动作动画,1. 制作一个动作动画 下面通过制作一个动作动画展示对象淡入淡出的效果。,计算机动画制作,2. 用引导线制作动画,计算机动画制作,调整“红色车”帧属性，唯一变化的是将这里的【简易】选项设置成-50，（实现汽车在下坡过程中由慢到快的变化）,3. 动作动画的选项设置,计算机动画制作

28、,五、色彩动画,1. 基础知识,其中【颜色】选项中的各项，具体设置功能如下： 若选择“无”，表明对象保持原来颜色，不作任何修改。 选择“亮度”选项，可以在其后的文本框中设置对象的显亮范围，在-100100之间。 选择“色调”选项，可以用下拉颜色调滑块设置色调百分比。 “Alpha”选项可以调节实例的透明度，当值为0%时，完全透明，100%时完全饱和。 “高级”选项分别调节实例的红、绿、蓝和透明度的值。,计算机动画制作,2. 制作实例,六、场景的使用, 一般在多个场景的动画中，要选取一定的方式，使得场景和场景之间的切换有个过渡效果，如可以采用的【淡出淡入】方式。一个好的动画，不仅考虑到场景的过渡

29、，也要考虑到角色对象及剧情的过渡。,计算机动画制作,七、洋葱皮工具的使用,计算机动画制作,一、导入图形,1. Flash MX支持的图形文件 2. 从外部导入位图 导入图片时，可以同时选择多幅图片进行导入。如果图片与Flash MX不兼容时，就会弹出一个警示窗口，说明该文件不能被导入，用户需单击【确定】按钮取消导入操作。,8.10 Flash MX位图和声音的使用,3. 将位图转换为矢量图,执行【修改】【转换位图为矢量图】命令 【颜色阈值】中输入一个介于 1 到 500 之间的值。 【最小区域】中输入一个介于 1 到 1000 之间的像素值。 【曲线拟合】用于确定绘制轮廓的平滑程度。 【转角阈

30、值】用于确定是保留锐边还是进行平滑处理。,计算机动画制作,4. 如何去掉位图文件的背景,二、认识Flash MX中的声音,1. 事件驱动声音 事件驱动声音一般是应用在按钮或是固定在某个行为、动作中的声音。,2. 流式声音 流式声音一般在背景音乐或不需要与场景内容配合的情况下使用，音乐内容可以慢慢的从服务器传送，而动画的画面也不需要与声音同步。当浏览器在播放这种类型的声音时，只要先接受到足够的声音数据，就可以开始播放了，剩余的数据可以在稍后的播放过程中边下载边播放。,计算机动画制作,三、添加音乐,1. 导入声音 在动画中添加声音文件时，要充分考虑文件应用的场合。如果是应用在图形、按钮等对象上，声

31、音文件要尽量短小。而作为一个较长动画影片的背景音乐，则除了长短方面要考虑外，还需要根据场景内容进行选择。,2. 在动画中添加声音,3. 添加声音到按钮中,4. 设置声音同步选项,计算机动画制作,5. 声音效果的编辑,无：表示没有任何声音播出。 左声道：表示只有左声道播放声音。 右声道：表示只有右声道播放声音。 从左到右淡出：表示声音从左声道开始播放，慢慢转到右声道，最 后消失在右声道。,从右到左淡出：表示声音从右声道开始播放，慢慢转到左声道，最后消失在左声道。 淡入：表示声音由细到粗，由小到大的变化。 淡出：表示声音由粗到细，由大到小的变化。 自定义：表示可以根据自己的需要编辑声音从始至终的效果。,计算机动画制作,6. 声音的压缩,输出动画时，声音文件如果经过一定方式的压缩，就可以缩小文件体积。在【库】窗口中，双击音频文件就可以弹出【声音属性】对话框。,7. 声音的替换和更新,四、应用实例,如图，分别为按钮在未开始播放、鼠标移到按钮上方及正在播放等三个状态下的效果。,计算机动画制作,一、调试动画,通常用户使用的调试动画的方法是直接使用编辑环境下的【控制器】面板。执行【窗口】【工具栏】【控制器】命令。,8.11 Flash