动画处理技术课件

1、动画处理技术第一章 动画产生原理 动画的工作原理接近于电影，都是利用人眼的视觉惰性原理，即当人眼观看一个物体时，同时在人脑中形成一个对应的物象，该物体突然消失，人脑中的物象并不会同时消失，仍然有一段时间的滞留。若有一组画面内容相关的图像，以一定的速度播放，当播放速度大于15帧/秒时，人眼视觉分辨不出这种高速变化，而感觉看到的是一组连续的动作画面。动画就是由这样一组组不同数量的图像连续播放形成的。 第二章 计算机动画的分类和存储格式 动画因其数据格式的不同分为位图动画和矢量动画。因其视觉感觉不同分为二维动画和三位动画。二维动画三维动画虚拟现实 不同的动画制作工具，可以产生不同格式的动画文件，这里

2、仅介绍比较常见的动画格式GIF和SWF。GIF格式：GIF格式动画产生的原理完全基于传统的动画设计，即动画效果是由一系列具有细微差异的图片连续播放产生的。制作方法：先使用图像处理软件制作出不同的图像，然后使用GIF动画制作软件进行动画处理，设置每一幅画面的显示时间，画面的显示次序，显示方式等。第三章 认识Flash动画制作工具 Macromedia Flash MX是为网络站点设计平面图形和动画的创作工具，它主要包含的是矢量图形，但也可以导入位图图像和声音。 Flash MX窗口主要由以下几部分组成：一个场景和舞台、一个包含菜单和命令的菜单栏、多个面板和一个属性面板，以及一个包含工具的工具栏。

3、 工具箱面板包含主工具栏和绘图工具栏。时间轴面板用于组织和控制文档内容在一定时间内播放的层数和帧数。舞台和场景（工作区）在当前编辑的动画窗口中，我们把动画内容编辑的整个区域叫做场景，为了设计的需要，可以更换不同的场景，每个场景都有不同的名称。可以在整个场景内进行图形的绘制和编辑工作，但是最终动画仅显示场景中白色区域的内容，我们把这个区域称为舞台。 第四章 绘图与编辑工具一、工具栏：工具栏根据工具的相关功能划分为4个区域：工具：包含绘图、涂色和选择工具。查看：包含在应用程序窗口内进行缩放和移动的工具。颜色：包含用于笔触颜色和填充颜色的工具。选项：显示选定工具的组合键，这些组合键会影响工具的涂色或

4、编辑操作。1. 线条工具铅笔工具：用于绘制一些简单的线条和图形。伸直：使绘制的矢量线自行趋于规则的形态。平滑：线条将趋于更加流畅平滑的形态。墨水：线条接近手绘线条时的轨迹。设置笔触颜色和属性。线条工具：绘制各种不同粗细、样式的直线。设置笔触颜色。2. 规则图形椭圆工具：绘制椭圆或配合Shift键绘制正圆。设置笔触颜色和填充色以及属性，填充色可以是渐变色。矩形工具：绘制矩形或配合Shift键绘制正方形。设置笔触颜色和填充色以及属性，填充色可以是渐变色。可以设置矩形角半径。多角星形工具：绘制多边形和星形。设置笔触颜色和填充色以及属性，填充色可以是渐变色。可以进行选项设置，设置样式、边数和星形顶点大

5、小（01之间）。3. 刷子工具：填充图形，可设置平滑度。刷子大小：刷子形状：刷子模式：标准绘画：绘制的图形会遮挡并覆盖住舞台中原有的图形。颜料填充：绘制的图形只能出现在线条的下方，不会对线条产生任何影响。后面绘画：绘制的图形只能在原图形的后面穿过，起到反衬托作用。颜料选择：先选取原图形矢量色块，再在色块上绘图才能产生效果，并且此时的刷子对矢量线不产生影响。内部绘画：根据起始位置在图像上着色。当刷子的起始位置位于矢量色块内部时，就只能在矢量色块上着色；当刷子的起始位置位于矢量色块外部时，就只能在矢量色块外部着色。锁定填充：处于锁定状态时，渐变色彩的规律是以完整的渐变色过程是一个固定的区域，刷子涂

6、抹到什么区域，就对应出现什么渐变色彩。处于解锁状态时，渐变色彩的规律是在单个图形内完成色彩渐变过程，而不会相互影响。4. 编辑调整图形墨水瓶工具：改变线条色和样式。颜料桶工具：颜料桶工具：在图形中填充颜色。选项：不封闭空隙：只有完全封闭的区域才能填充颜色。封闭小空隙：封闭中等空隙：封闭大空隙：水龙头：一次擦除笔触色或填充色。5. 滴管工具：具有吸取画面中矢量线、矢量色块、位图等相关属性设置，直接应用于另外矢量对象的功能。提取线条属性：吸取源矢量线的笔触颜色、笔触高度和笔触样式等属性设置，应用到目标矢量线，使后者具有前者的线属性。提取色彩属性：吸取填充颜色的相关属性，不论是单色还是复杂的渐变色，

7、都可以被复制下来，转移给目标矢量色块。注意：将渐变色应用到其它对象之前，先去掉“锁定填充”按钮选项。提取分离位图：可以吸取外部引入的位图样式，作为填充图案，使填充的图案像编制的花布一样，重复排列吸取的位图图案。（填充DOG1.BMP）提取文字属性：可以吸取源文字的字体、文本颜色、字体大小等属性，但不能吸取文本的内容。先选中目标文字，然后吸取源文字属性。（自动填充）擦除文字和位图（需先分离）：文字和位图是作品创作中经常用到的元素，如过要擦除这两种元素，必须将其分离，然后再用橡皮擦工具进行擦除。选中位图“修改”“分离”；选中文字“修改”“分离” “分离”。7. 箭头工具选择工具：单击图形边缘线，选

8、择边缘线；双击图形边缘线，选择所有边缘线。Shift键可以同时选择区域。单击图形内部，选择图形填充色块；双击图形内部，选择图形填充色块和边缘线。移动与复制图形：选择后可以拖动图形（移动）；ctrl+拖动或alt+拖动可以复制图形。编辑修改图形：将鼠标移到要调整的线条上，拖曳图形边线； 或ctrl+拖曳图形边线。部分选取工具：利用锚点和手柄编辑修改图形。8. 套索工具首先分离位图：“修改”“分离”多边形模式：单击图形的某一点继续单击最后双击（可以形成一个封闭的选择区域）非多边形模式：拖曳鼠标魔术棒：根据容差范围选择色块。首先设置“魔术棒属性”。(举例1：去掉DOG中小狗的白色背景)9. 创建自由

9、形态工具任意变形工具：用于把规则的图形调整为随意的形态。旋转与倾斜：对着四个角拖曳鼠标可以旋转，对着四条边拖曳鼠标可以倾斜。缩放：对着八个点可以缩放。扭曲：对着八个点可以扭曲。封套：对着方块和圆点可以调整手柄。（一般2个手柄一起调整，按Alt键，可以只调整一个手柄）10. 钢笔工具：可以独立创建矢量线和矢量图形，也可以编辑矢量对象。创建不封闭图形：连续单击鼠标最后双击鼠标创建封闭图形：连续单击鼠标最后出现小圆点时双击鼠标绘制带有弧线的图形：单击某点拖曳鼠标调整手柄在编辑过程中要注意光标的变化：当光标移到没有节点的弧线时，光标变为带有加号的钢笔符号时，单击鼠标，增加一个编辑节点光标移到节点上，变

10、成带有折线的钢笔符号时，单击鼠标，弧线节点变为直线连接点。光标移到节点上，变成带有减号的钢笔符号时，单击鼠标，删除节点。11. 部分选区工具：可以对已经绘制出来的矢量线或矢量图形进行再次编辑。光标移到没有节点的空线上时，光标变为带有黑色方块的箭头时，可以移动图形。光标移到某一个节点时，光标变为带有白色方块的箭头，可以移动单个节点的位置。光标移到调节柄时，可以调整该节点牵连的线段的弯曲度。按住Alt键，同时调整调节柄，可以调整该手柄对应的弧线段。二、辅助面板1. 对齐面板（“窗口”“设计面板”“对齐”）对齐：左对齐（按所选全部对象的最左对象进行左对齐）、水平中齐、右对齐、上对齐、垂直中齐、底对齐

11、分布：匹配大小：匹配宽度（按最大的宽度）、匹配高度、匹配宽和高间隔：垂直平均间隔、水平平均间隔相对于舞台：2. 变形面板（“窗口”“设计面板”“变形”设置回车）约束：按比例调整图形的大小旋转：倾斜：水平倾斜、垂直倾斜复制并应用变形：旋转并复制图形（“窗口”“设计面板”“变形”设置回车）“任意变形工具”调整旋转中心位置打开变形面板设置旋转角度连续单击“复制并应用变形”按钮重置按钮：恢复到变形前初始状态4. 选择、编辑渐变色（线性或放射）填充颜色（线性或放射状）、可设置RGB、输入6位十六进制数+回车添加色标按钮（最多8个）：单击色带下方，鼠标呈+删除色标按钮：将色标按钮往下拖5. 位图填充：填充

12、颜色（位图）“文件”“导入”“导入到库”选择文件“确定”在混色器中选择位图颜料桶工具单击需填充图形“填充变形工具”单击图形中位图调整图形第五章 用Flash制作简单的动画一、逐帧动画的制作普通帧：仅延长动画显示的时间。关键帧：保留前一帧内容，并可插入新内容。空白关键帧：可插入新内容，不保留前一帧内容。删除帧：减少动画显示时间。删除关键帧：将此帧内容删除，保留前帧内容。分离：将位图或图形等转变为矢量图形。举例3 ：(小狗翻跟斗) 将“例题”文件夹中“bj.jpg”和“DOG”文件夹中的8张图片导入到新建的Flash.fla中，制作小狗在翻跟斗的动画。最后导出影片Flash.swf。举例4 ：(霓

13、虹闪烁) 将“例题”文件夹中 “YUEQI”文件夹中的4张图片导入到新建的Flash.fla中，调整图片的角度，加上矩形霓虹效果，矩形笔触粗细为10，颜色依次为红、绿、黄、蓝、紫、青，每种颜色延长4帧，最后导出影片Flash.swf。二、过渡变形补间动画过渡动画是通过建立动画过程的首尾两个关键帧的内容，中间的过渡帧则由计算机通过首尾帧的特性以及动画属性要求来计算得到并补间插入。过渡变形补间一般简称为变形动画，指形状逐渐发生变化的动画。变形动画中的动画对象只能是矢量图形（文字等必须先分离），组对象和元件实例对象等都不能直接进行变形动画。举例5 ： (圆变心)画面中一个蓝色的正圆2秒钟逐渐变成一个

14、红色的心形。蓝色正圆和红色心形均延长5帧。举例6：(鸡变羊)打开“鸡变羊.fla”文件，利用形状补间将鸡逐渐变成羊。一开始鸡保持10帧，然后从第10帧到第40帧逐渐变成羊，然后显示羊8帧。其中“鸡变羊”文字从第10帧开始显示，到第40帧结束显示。三、动作补间动画的制作动作补间动画是补间动画的一种，它所处理的动画对象是舞台中建组（Group）后的矢量图形、字符、引入的元件实例或其他导入的素材对象。利用这种动画方法，可以使上述对象产生位置、大小、旋转等变化效果。对于引入的元件实例还可以产生颜色的变化，实现诸如淡出、淡入的变化效果。举例7：(小球运动) 制作一个4秒钟的动画，小球能自由落地，弹起一次

15、然后又落地，落地后停止0.5秒。小球的笔触颜色为无色，填充色为绿色放射状渐变色。(书上P198例3)举例8： (射箭)利用 “射箭.fla”，制作一个40帧的射箭动画，每支箭的射箭过程为20帧。四、元件及多图层动画元件的制作元件是可以在文档中重新使用的元素。元件包括图形、按钮、视频剪辑、声音文件或字体。当创建一个元件时，该元件会存储在文件的库中。当元件放在舞台上，就会创建该元件的一个实例 。元件的类型 每个元件都有一个唯一的时间轴和舞台。创建元件时要选择元件类型。常用元件分为3种类型：图形元件、按钮元件和影片剪辑元件。转换元件 在Flash中根据制作需要，可以将某种类型的元件转换为另一种类型的

16、元件。3种元件类型都可以轻松地实现相互间转换。 “窗口”“库”选择某元件“元件属性”选择行为“确定”元件的创建举例9-1：将举例“圆变心”中的蓝色圆转换为元件“圆”，将红色心形转换为元件“心”。举例9-2：将Flash1文件夹中的7个圣诞老人转换为动画元件“圣诞老人”。2. 多图层动画举例10：见书P199例4，利用“例4素材.fla”，制作小球滚动，并且带着阴影一起运动的动画，保存为“例4结果.fla”。5. 为动画配音用Flash制作的动画作品可以方便地加入配音，可以导入包括WAV、MP3格式的多种声音文件。外界导入的图片、声音文件等对象也会放入库中。举例11： (配音)打开“霓虹闪烁.f

17、la”， 配上“例题”中的甜蜜幻想之舞.wav音乐(音乐长度为34秒钟)，计算出时间轴的总帧数，利用复制帧和粘贴帧，完成此题，然后导出影片。（总帧数为12帧每秒34秒）五、遮罩层动画在Flash MX 2004中，可以利用遮罩层来决定被遮罩层中动画对象的显示情况。遮罩层中有动画对象存在的地方，都产生一个孔，使其链接的被遮罩层相应区域中的对象显示出来。而没有动画对象的地方，会产生一个罩子，遮盖住链接层相应区域中的对象。对于遮罩层的理解，可以将它看作是普通层的反转，其中有对象存在的位置为透明，空白区域则为不透明。 制作遮罩效果前，起码要有两个图层，一个是遮罩层，另一个是被遮罩层。举例12 ：(花遮罩) 打开“花遮罩.fla”，根据样张“花遮罩.swf”完成要求。举例13 ：(荷花遮罩) 打开“荷花遮罩.fla”，根据样张“荷花遮罩.swf”完成要求。六、运动引导层动画运动引导层：使用运动引导