《多媒体技术与应用》第5章：二维动画制作技术课件

第五章二维动画制作技术本章主要介绍Flash软件的特点和Flash8的基本操作方法；借助实例讲解最常见的几种动画的制作方法。第五章二维动画制作技术1第五章二维动画制作技术5.1Flash软件的特点5.2Flash8的工作环境5.3逐帧动画的制作5.4动作补间动画的制作5.5形状补间动画制作5.6特殊层动画制作5.7本章小结第五章二维动画制作技术5.1Flash软件的特点25.1Flash软件的特点Flash软件的发展Flash的前身是FutureSplash（Flash1），1996年被MSN全面使用；美国Macromedia公司收购了FutureSplash，改名为：Flash；到目前为止Flash已经发展到8.0版，Flash已经成为互联网多媒体动画制作的主要工具。人们把善于使用Flash的网友冠以响亮地名字：“闪客”。5.1Flash软件的特点Flash软件的发展35.1Flash软件的特点（续）Flash软件的特点：1、矢量图形系统：元素都是用矢量来描绘。其占用的存储空间很小，并且可以任意缩放尺寸而不影响图形的质量。2、流式播放技术：使得动画可以边播放边下载，而不必等到影片全部下载完成再观看。3、减小文件大小：通过使用关键帧和元件使得所生成的动画文件(.swf)非常小。4、Flash插件方式：用户只要安装“FlashPlayer”插件，就可以直接观看Flash动画。另外，Flash还支持多种动画导出格式，如GIF等。5.1Flash软件的特点（续）Flash软件的特点：45.1Flash软件的特点（续）Flash软件的特点：5、引入多媒体技术：可以把音乐、动画、声效、交互方式融合在一起，自Flash4.0开始支持MP3音乐格式。6、强大的交互功能：具有独特的动作脚本语句来实现交互，可以设计出具有复杂交互性和互动性的动画，语句使用简便。7、方便的播放测试：动画制作完成后，测试方便。8、与其他软件的配合：与Dreamweaver和Fireworks组合形成著名的网页制作三剑客。5.1Flash软件的特点（续）Flash软件的特点：55.2Flash8的工作环境图5-2-1Flash8的操作界面5.2Flash8的工作环境图5-2-1Flash65.2Flash8的工作环境（续）1、标题栏显示当前文件的名字等，如当前文件的名称后面如果带有“*”号，表明该文件尚未保存。2、菜单栏包括创建和编辑文档时的常用命令，还有在编辑和控制动画对象时用到的一些特殊命令。3、绘图工具箱包含所有绘图工具（详见教材），其位置可以调整。5.2Flash8的工作环境（续）1、标题栏75.2Flash8的工作环境（续）4、时间轴面板用来进行动画创作和编辑的主要工具，包括图层控制区和时间控制区两部分。图层控制区用于组织比较复杂的动画，将不同的元素放在不同的图层上分别进行修改、编辑，而不会影响其他层中的对象。时间控制区用于控制动画发生的时间。5.2Flash8的工作环境（续）4、时间轴面板85.2Flash8的工作环境（续）5、场景工作区绘制图形和编辑图形、图像的矩形区域，也是创建动画的区域。场景中的白色区域是场景的工作区，只有在场景工作区内的对象才能够显示和打印出来。单击场景工作区，可以显示场景属性面板。5.2Flash8的工作环境（续）5、场景工作区95.2Flash8的工作环境（续）6、浮动面板点击【窗口】菜单中的相应命令打开对应的浮动面板。“混色器”面板：可以选择自己需要的颜色模式、合适的调配颜色。“属性”面板：随着当前选择对象而变化，用于设置所选对象的各项属性信息。“库”面板：用于存放可以反复使用的Flash动画文件，包括声音、按钮和动画等，5.2Flash8的工作环境（续）6、浮动面板105.3逐帧动画的制作影片中的每一个画面称为一帧(Frame)，动画实际上是由若干静止的帧组成的。只要确定动画对象在运动过程中的关键状态，中间各帧的动画效果就会由Flash自动计算得出。使对象发生改变的关键状态称为关键帧，与关键帧保持相同内容的画面称为普通帧，由Flash自动计算得出的位于关键帧之间的画面称为中间帧。5.3逐帧动画的制作影片中的每一个画面称为一帧(Frame115.3逐帧动画的制作（续）1、空白关键帧：表示尚未绘制画面。2、关键帧：表示已经绘制了画面，随后的灰色背景所在的单元格以及结束时带黑框灰背景的单元格是普通帧。3、两个关键帧：两个关键帧可以绘制不同的画面，关键帧之间的黑色箭头灰背景的单元格是Flash自动计算得出的画面，即中间帧。图5-3-1不同状态的帧5.3逐帧动画的制作（续）1、空白关键帧：表示尚未绘制画面125.3逐帧动画的制作（续）逐帧动画是由多个连续的关键帧组成的动画。逐帧动画的制作是先创建内容完全相同的关键帧，再按照动画的发展编辑和修改每个关键帧，使相邻关键帧中的内容稍微有一些变化。逐帧动画适合于制作复杂的动画，但其制作比较麻烦，生成的动画文件比较大。5.3逐帧动画的制作（续）逐帧动画是由多个连续的关键帧组成135.3逐帧动画的制作（续）【实例5-3-1】草原上的豹子（详细制作过程见教材）5.3逐帧动画的制作（续）【实例5-3-1】草原上的豹子145.4动作补间动画的制作动作补间动画是指在动画的播放过程中，场景中的一个对象产生位置、形状、大小、颜色、透明度、旋转角度等属性的改变，从而产生动态效果。动作补间动画只是单一对象的动画，如果需要制作多个对象同时运动的效果，需要建立多个层，分别进行设置。构成动作补间动画的元素应该是元件，不能是形状。5.4动作补间动画的制作动作补间动画是指在动画的播放过程中155.4动作补间动画的制作（续）图5-4-2动作补间动画的属性面板5.4动作补间动画的制作（续）图5-4-2动作补间动画165.4动作补间动画的制作（续）【缓动】选项：在-1到-100的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速运动。在1到100的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢运动。默认情况下（0值），运动的速率是不变的。【旋转】选项：【无】（默认设置）：可禁止元件旋转；【自动】：可使元件在需要最小动作的方向上旋转对象一次；【顺时针】或【逆时针】，并在后面输入数字：可使元件在运动时顺时针或逆时针旋转相应的圈数。5.4动作补间动画的制作（续）【缓动】选项：175.4动作补间动画的制作（续）【调整到路径】复选框：将补间元素的基线调整到运动路径，此项功能主要用于引导线运动。【同步】复选框使图形元件实例的动画和主时间轴同步。【对齐】选项可以根据其设定点将补间元素附加到运动路径，此项功能主要用于引导线运动。5.4动作补间动画的制作（续）【调整到路径】复选框：185.4动作补间动画的制作（续）【实例5-4-1】城市上空的飞机（详细制作过程见教材）5.4动作补间动画的制作（续）【实例5-4-1】城市上空195.4动作补间动画的制作（续）【实例5-4-2】变换的文字（详细制作过程见教材）5.4动作补间动画的制作（续）【实例5-4-2】变换的文字205.5形状补间动画制作形状补间动画可以实现一个对象逐渐变化成另外一个对象，在变化的过程中也可以实现两个对象之间颜色、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间。形状补间主要针对图形、打散的文字以及由导入的点位图转化而成的矢量图。如果要对图形元件、按钮、文字进行变形，则必须先执行菜单【修改】|【分离】命令，将它们“打散”后才能创建变形动画。5.5形状补间动画制作形状补间动画可以实现一个对象逐渐变化215.5形状补间动画制作（续）设置两个关键帧，其中分别放置变形前和变形后的对象，单击开始帧，在【属性】面板的【补间】中选择【形状】，完成形状补间动画。当建立了一个形状补间动画后，单击补间中的任意帧，此时【属性】面板如图5-5-2所示。5.5形状补间动画制作（续）设置两个关键帧，其中分别放置变225.5形状补间动画制作（续）图5-5-2形状补间动画的【属性】面板5.5形状补间动画制作（续）图5-5-2形状补间动画的【235.5形状补间动画制作（续）【缓动】选项的功能与动作补间动画相同。【混合】选项：角形：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。分布式：创建的动画中间形状比较平滑和不规则。5.5形状补间动画制作（续）【缓动】选项的功能与动作补间动245.5形状补间动画制作（续）当形状补间前后图形差异较大时，变形结果会显得很乱，需要使用“形状提示”进行改善。“形状提示”是指在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。选中形状补间动画的开始帧，执行菜单【修改】|【形状】|【添加形状提示】命令，可以在开始帧和结束帧分别添加一个带字母的红色圆圈。用鼠标左键分别拖动两个关键帧中的“提示圆圈”，放置在适当位置。安放成功后开始帧上的“提示圆圈”变为黄色，结束帧上的“提示圆圈”变为绿色，安放不成功或两个“提示圆圈”不在一条曲线上时，“提示圆圈”颜色仍为红色。5.5形状补间动画制作（续）当形状补间前后图形差异较大时，255.5形状补间动画制作（续）使用“形状提示”时应该遵循以下原则：“形状提示”可以最多能添加26个。“形状提示”点从形状的左上角开始按逆时针顺序摆放，效果更好。开始和结束帧中“形状提示”的摆放位置应符合逻辑顺序。“形状提示”要在形状的边缘才能起作用，可以利用【绘图工具箱】中的“吸咐开关”进行自动吸附。在复杂的变形动画中，最好创建中间帧，而不要只指定一个起始帧、一个结束帧。在制作复杂的变形动画时，“形状提示”的添加和拖放要多方位尝试和调整。5.5形状补间动画制作（续）使用“形状提示”时应该遵循以下265.5形状补间动画制作（续）删除所有的形状提示，可执行菜单【修改】|【形状】|【删除所有提示】命令。删除单个形状提示，可用鼠标右键单击它，在弹出菜单中选择【删除提示】。

5.5形状补间动画制作（续）删除所有的形状提示，可执行菜单275.5形状补间动画制作（续）【实例5-5-1】欢度国庆（详细制作过程见教材）5.5形状补间动画制作（续）【实例5-5-1】欢度国庆（详285.5形状补间动画制作（续）【实例5-5-2】公鸡变孔雀（详细制作过程见教材）5.5形状补间动画制作（续）【实例5-5-2】公鸡变孔雀（295.6特殊层动画制作1、遮罩动画：遮罩动画就是通过遮罩层将普通图层中的一部分遮挡，使另一部分可见而生成的动画。在遮罩层内放置一个任意形状的对象作为遮罩物，形成一个窗口，被遮罩层中，除了能够从该窗口中看到的部分外，其他的所有部分都被隐藏。遮罩物在播放时是看不到的，5.6特殊层动画制作1、遮罩动画：305.6特殊层动画制作（续）遮罩物可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。遮罩层是由普通图层转化的。只要在某个普通图层上单击鼠标右键，在弹出菜单中选择【遮罩层】，该图层就会生成遮罩层，系统会自动把遮罩层下面的一层关联为“被遮罩层”，如果想让更多普通层变为被遮罩层，只要把这些层拖到已有的被遮罩层下面即可。5.6特殊层动画制作（续）遮罩物可以是按钮、影片剪辑、图形315.6特殊层动画制作（续）使用遮罩时应当注意：能够透过遮罩物看到“被遮罩层”中的对象及其属性的变化，但是遮罩物的许多属性却是被忽略的。不能用一个遮罩层试图遮蔽另一个遮罩层。在制作过程中，可以单击遮罩层面板的显示图层轮廓按钮，使遮罩物只显示边框形状，以方便操作。在被遮罩层中不能放置动态文本。5.6特殊层动画制作（续）使用遮罩时应当注意：325.6特殊层动画制作（续）2、引导层动画：引导层有普通引导层与运动引导层两类。普通引导层起到辅助绘图和定位的作用。在普通图层上单击鼠标右键，选择【引导层】命令，即可将普通图层转换为普通引导层。运动引导层可以设置补间动画的路径（可以为曲线）。被引导层中对象就会沿着这条路径移动，引导路径在播放的时候是看不见的。5.6特殊层动画制作（续）2、引导层动画：335.6特殊层动画制作（续）【实例5-6-1】探照灯文字效果（详细制作过程见教材）5.6特殊层动画制作（续）【实例5-6-1】探照灯文字效果345.6特殊层动画制作（续）【实例5-6-2】灯光照射文字效果（详细制作过程见教材）5.6特