游戏动画培训课程课件flash篇015~016 第3章Flash动画的基本类型.ppt

1、Flash动画制作,第3章 Flash动画的基本类型,主要内容：,重点：,难点：,学习目标：,逐帧动画的制作,掌握Flash的3种动画制作方法,创建形状动画,制作形状动画的方法,第3章 Flash动画的基本类型,遮罩动画的创建,创建遮罩动画,制作逐帧动画,逐帧动画的创建,第3章 Flash动画的基本类型,Flash除了可以制作以上补间动画外，还可以制作一种重要的补间动画，那就是“形状动画”。从名字就可以基本了解“形状动画”肯定是与图形形状相关的，在上述动画中只能对图形的位置、大小、旋转等进行动画，如果需要将一个图形渐变成另一个图形，用上述动画就无法完成。这时就要借助下面将要讲到的“形状动画了”

2、,3.3形状动画,3.3.1简单的形状动画,第3章 Flash动画的基本类型,通过补间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状。Flash 也可以补间形状的位置、大小、颜色和不透明度。要对组、实例或位图图像应用形状补间，首先必须分离这些元素。,3.3形状动画,3.3.1简单的形状动画,第3章 Flash动画的基本类型,3.3形状动画,（1）新建Flash文档，使用矩形工具在舞台中绘制一个矩形，注意不要有描边颜色。,（2）单击第30帧按“F7”键插入空白关键帧，使用文本工具在舞台中输入“GAMECOLLEGE”，并连续按两次“Ctrl+B”键将文本打散。,第3章 F

3、lash动画的基本类型,3.3.1简单的形状动画,3.3形状动画,（3）选中第130帧中的某一帧，打开【属性】面版，在【属性】面版的【补间】下拉菜单中选择【形状】。,这样一个简单的形状动画就完成了。,第3章 Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,以上所做的是简单的形状动画，中间帧完全是Flash自动生成的，无法控制动画过程中的形状。如果要精确控制变形过程中的形状，就需要增加关键帧或增加“形状提示”。下面将通过一个实例来讲解如何运用“形状提示”。,第3章 Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（1）新建文档，选择【视图】【网格】

4、【显示网格】命令，打开网格。选择【视图】【贴紧】【贴紧至网格】命令。,（2）选择线条工具，在舞台中绘制一个等腰三角形，由于打开了“贴紧至网格”命令，在绘制时会自动吸附到网格的交点上，可以帮助精确定位。,（3）选择第30帧，按“F6”键插入关键帧。删除右侧表现体积的两条边，绘制另一个等腰三角形。,第3章 Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（4）如果此时创建形状动画，会发现动画并不像大家想象的那样，实现两个三角形的完美转面，在动画的中间帧部分出现了混乱。,（5）先取消形状动画，回到第1帧，选择【修改】【形状】【添加形状提示】。快捷键是“Ctrl+Shift+H

5、”。,第3章 Flash动画的基本类型,3.3.2用提示制作形状动画,3.3形状动画,（6）添加形状提示，并移动位置。,（7）选择第30帧，将形状提示移动位置。注意此时并不能随意移动提示的位置，要想象一下，当三角形转面时，它的每条边到了什么位置。应该把相应的形状提示放到该项位置。,（8）测试影片，可以看到此时三角形实现了完美的转面。用此方法可简单模拟三维效果。还可以选择颜料桶工具选择渐变填充，为其填充颜色，并把线条删除。,第3章 Flash动画的基本类型,3.4遮罩动画,在Flash的作品中，常常看到很多眩目神奇的效果，而其中不少作品的效果就是用“遮罩”完成的，如水波、万花筒、百页窗、放大镜、

6、望远镜等等。 遮罩动画是Flash中的一个很重要的动画类型，很多效果都是通过遮罩动画来完成的。在Flash的图层类型中有一个遮罩图层，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“图形”，遮罩层下方的对象可以通过该“图形”显示出来，而“图形”之外的对象将不会显示。下面通过实例讲解如何制作遮罩动画。,第3章 Flash动画的基本类型,（1）利用遮罩效果制作动画中经常会用到的镜面反光 。,（2）建立新图层，图层重命名为“背景”。在“背景”层中使用【矩形工具】，在舞台中绘制一个和舞台大小相等的矩形，矩形【颜色】填充“灰色”或其他深颜色即可。,3.4遮罩动画,（3）使用【矩形工具】绘制出简

7、单镜框 。,第3章 Flash动画的基本类型,（4）建立新图层，图层重命名为“光泽”。用【矩形工具】绘制3个矩形，矩形的【Alpha】值为“50”，并转换为“图形”元件。,3.4遮罩动画,第3章 Flash动画的基本类型,（5）在“光泽”层的第10帧作一个关键帧，在第110帧上面作补间运动。并且调整第1帧与第10帧光泽的位置。,3.4遮罩动画,光泽第1帧的位置,光泽第10帧的位置,第3章 Flash动画的基本类型,（6）在“光泽”层的上面建立“遮罩矩形”层，在“遮罩矩形”层沿镜面的四周画一个矩形 。,（7）右击图层名称选择【遮罩层】，Flash自动将层转换为“被遮罩”层。,3.4遮罩动画,第3

8、章 Flash动画的基本类型,3.5逐帧动画,多个连续的关键帧就形成了逐帧动画，它最适合于表现动作丰富、细腻的动画。在逐帧动画中，Flash 会保存每个完整帧的值。,一个有11帧的逐帧动画,从站立到躺下睡觉的逐帧动画,第3章 Flash动画的基本类型,3.5逐帧动画,关键帧是定义在动画中的变化的帧。当创建逐帧动画时，每个帧都是关键帧。在补间动画中，可以在动画的重要位置定义关键帧，让 Flash 创建关键帧之间的帧内容。Flash 通过在两个关键帧之间绘制一个浅蓝色或浅绿色的箭头显示补间动画的内插帧。由于 Flash 文档保存每一个关键帧中的形状，所以应在插图中有变化的点处创建关键帧。 关键帧在

9、时间轴中标明：有内容的关键帧以该帧前面的实心圆表示，而空白的关键帧则以该帧前面的空心圆表示。以后添加到同一图层的帧的内容将和关键帧相同。 有些物体运动时只使用简单的移动“补间动画”根本达不到所需要的效果，这时就需要用逐帧动画使物体在运动时更为流畅自然。,第3章 Flash动画的基本类型,3.5逐帧动画,小孩的走路,一颗豆芽的生长过程,第3章 Flash动画的基本类型,3.5逐帧动画,（1）在舞台中绘制一个豆芽图形。,第3章 Flash动画的基本类型,3.5逐帧动画,（2）打开【视图】【标尺】，拖动舞台上面和左面的标尺将会拖出一条辅助线，将辅助线拖动到豆芽根部和豆芽中心垂直的位置。,第3章 Fl

10、ash动画的基本类型,3.5逐帧动画,（3）单击图层第2帧按“F7”键建立空白关键帧，打开图层区中的【绘图纸外观轮廓】选项。,第3章 Flash动画的基本类型,3.5逐帧动画,（4）在第2帧绘制豆芽图形时，豆芽的根部要和第1帧根部对齐，使用辅助线对齐每帧的图形位置。,第3章 Flash动画的基本类型,3.5逐帧动画,（5）按照同样方法在第3帧建立空白关键帧，对照第2帧豆芽轮廓绘制第3帧豆芽。,第3章 Flash动画的基本类型,3.5逐帧动画,（6）使用相同方法绘制其他帧豆芽生长图形，在绘制过程中每绘制完一帧按“Enter”键在Flash中预览一次，以确定生长动画绘制没有问题。,小结,本节主要讲解了如何在Flash中制作形状动画、遮罩动画与逐帧动画。熟练的运用这几种动画效果才能灵活创作出各种动画效果。在以后的制作中会经常用到各种动画运动类型，所以学习好本章内容是非常重要的。,第3章 Flash动画的基本类型,自测习题,判断试题,1缩放动画属于形状补间动画。 （