电子课件-《Flash-CC动画设计与制作》-A06-2765-第六章-Flash-CC基本动画制作.pptx

1、Flash CC 动画设计与制作第六章 Flash CC基本动画制作 教学目标1.掌握逐帧动画的基本操作。2.掌握形状补间动画的基本操作。3.掌握传统补间动画的基本操作。4.掌握引导动画的基本操作。教学内容：深入讲述Flash CC编辑工具的工作原理和使用技巧。采用动画案例详细分析逐帧动画、形状补间动画、传统补间动画和引导动画等基本动画制作技巧。其中包含矢量图绘画、动画合成、编辑技巧和使用方法。这些内容是利用Flash进行制作动画创作的基础，是必须熟练掌握的。目录6.1 马奔跑逐帧动画6.2 蜡烛形状补间动画6.3 制作白云飘飘6.4 制作杨柳依依6.5 综合案例（一）制作鱼游动画6.6 综合

2、案例（二）制作眉开眼笑6.7 综合案例（三）制作蝴蝶飞舞本章小结 6.1 马奔跑逐帧动画 6.1.1 案例描述 6.1.2 制作步骤 6.1.3 案例小结空白关键帧、绘图纸外观的运用 6.1.4 能力扩展 6.1.1 案例描述 本案例是绘制马在草原奔跑的动画。使用逐帧动画的视觉暂留原理，绘制马奔跑的连续运动图形放置在关键帧，快速地播放连续的、具有细微差别的图像，使原来静止的马图形奔跑起来。制作过程中主要使用文件导入、钢笔工具、矩形工具、添加“插入空白关键帧”、“绘图纸外观”填充“渐变颜色”等组合完成。6.1.2 制作步骤 制作过程中主要使用“钢笔”工具、“矩形”工具、“插入空白关键帧”、“绘图

3、纸外观”、“渐变颜色”等组合完成。6.1.3 案例小结空白关键帧、绘图纸外观的运用 插入空白关键帧的另外一种方法是：选中某一帧后，在该帧上面右击，单击“插入空白关键帧”命令即可，插入空白关键帧不能将前面的图形延长到这一帧来，相当于一张空白的纸，可以重新在上面作图或在舞台上插入图形。绘图纸外观功能，在时间轴窗口单击“绘图纸外观”按钮，可以看到在“绘图纸起始点”和“绘图纸终止点”标记之间的帧被重叠，然后根据上一帧，调整下一帧图形位置。6.1.4 能力扩展 综合运用前面所写知识，制作小鸟的飞行逐帧动画，如上图所示“扩展效果图”6.2 蜡烛形状补间动画 6.2.1 案例描述 6.2.2 制作步骤 6.

4、2.3案例小结形状补间动画的运用 6.2.4 能力扩展 6.2.1 案例描述 本案例使用形状补间制作蜡烛燃烧效果。在Flash的时间帧面板上，在一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建形状补间动画。6.2.2 制作步骤 制作过程中主要使用“钢笔”工具、“矩形”工具、“椭圆”、“关键帧”、“绘图纸外观”、“任意变形”工具、“渐变颜色”等组合完成。6.2.3 案例小结形状补间动画的运用 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压

5、感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。6.2.4 能力扩展 综合运用前面所写知识，制作生日蛋糕蜡烛燃烧补间动画，如上图“扩展效果图”所示。6.3 制作白云飘飘 6.3.1 案例描述 6.3.2 制作步骤 6.3.3 案例小结空白关键帧的运用 6.3.4 能力扩展 6.3.1 案例描述 本案例是制作白云飘动的动画.使用传统补间动画,使白云图形的位移信息发生改变,快速地播放连续的图像,使原来静止的白云图形飘动起来.制作过程中主要使用文件导入、钢笔工具和通过添加“插入空白关键帧”、创建补间动画、填充“渐变颜色”等组合完成.6.3.2 制作步骤 制作过程中主要使用文件导

6、入、钢笔工具和通过添加“插入空白关键帧”、创建补间动画、填充“渐变颜色”等组合完成.6.3.3 案例小结空白关键帧的运用 插入空白关键帧的另外一种方法是:选中某一帧后,在该帧上面右击,单击“插入空白关键帧”命令即可,插入空白关键帧不能将前面的图形延长到这一帧来,相当于一张空白的纸,可以重新在上面作图或在舞台上插入图形.6.3.4 能力扩展 综合运用前面所写知识，制作如上图所示的车往前移动的补间动画.6.制作杨柳依依 6.4.1 案例描述 6.4.2 制作步骤 6.4.3 案例小结空白关键帧的运用 6.4.4 能力扩展 6.3.1 案例描述 本案例制作在微风中的柳条缓缓摆动的效果.细柳条配上绿绿

7、的小嫩叶,仿佛给人带来一丝阳光,既美丽又温暖,非常适合在一个安静、小清新的场景中使用.制作过程中主要使用绘制工具和任意变形工具调整柳条的角度、方向和大小等.6.3.2 制作步骤 制作过程中主要使用绘制工具和任意变形工具调整柳条的角度、方向和大小等.6.3.3 案例小结线条工具、任意变形工具、传统补间动画的介绍1.线条工具 2.任意变形工具3.传统补间动画 6.3.4 能力扩展 综合运用前面所学的知识,制作如上图所示的笔从左边移动到右边的动画.提示:单击补间中的任意一帧可以展开缓动和旋转等属性.6.5 综合案例（一）制作鱼游动画 6.5.1 案例描述 6.5.2 制作步骤 6.5.1 案例描述

8、本案例是制作一个夜晚的池塘，池塘里有荷花和游动鱼的动画。制作鱼游效果，需要了解鱼的运动规律，使用关键帧制作鱼游的游动动作。制作过程中主要使用新建元件、传统。6.5.2 制作步骤 制作过程中主要使用“传统补间”、“引导层”、“椭圆”工具、“刷子”工具、“矩形”工具、添加“投影”等组合完成。6.6综合案例(二)制作眉开眼笑 6.6.1 案例描述 6.6.2 制作步骤 6.6.3 案例小结 6.6.4 能力扩展 6.6.1 案例描述 本案例制作在气泡和气球漂浮场景中,一个小桃子眉开眼笑的效果.制作过程中主要使用运动引导层、绘制工具和颜色填充工具完成.6.6.2 制作步骤制作过程中主要使用运动引导层、

9、绘制工具和颜色填充工具完成.6.7 综合案例(三)制作蝴蝶飞舞 6.7.1 案例描述 6.7.2 制作步骤 6.7.3 案例小结 6.7.4 能力扩展 6.7.1 案例描述 本案例制作一个简单的新年贺卡小动画,采用黑白风格结合不同的景物,产生不一样的视觉效果.制作过程中运用了逐帧动画、传统补间动画、补间形状动画、补间动画、引导路径动画、遮罩动画等功能.6.7.2 制作步骤 制作过程中运用了逐帧动画、传统补间动画、补间形状动画、补间动画、引导路径动画、遮罩动画等功能.6.7.3 案例小结逐帧动画、传统补间动画、补间形状动画、补间动画、引导路径动画、遮罩动画的注意事项 逐帧动画:逐帧动画与传统的动

10、画制作方式相同,将连续的帧设置为关键帧,通过向每帧添加不同的图像来创建简单的动画;制作逐帧动画之前需要先将动画中的每一个动作分解成图像,再通过每一帧描绘出来,形成连续的播放效果.传统补间动画:制作传统补间动画时,需要两个处于同一图层的关键帧,其中必须且只能存在一个元件或文本对象,因此,创建传统补间动画必须保证用于创建动画的元素是元件或组合对象.补间形状动画:补间形状动画是一个对象的形状过渡到另一个对象的形状的动画,可以实现两个图形之间的形状、颜色、大小及位置的相互变化,如果使用图形元件、文字等对象进行动画制作,则需要将对象先分离才能创建补间形状动画.补间动画:补间动画主要实现动画中的位置、大小

11、、旋转、倾斜以及颜色的变化,可以对个别动画属性实行全面控制,因此,补间动画可以将补间直接应用于对象而不是关键帧.引导路径动画:制作引导路径动画,必须创建一个引导层,引导层分为普通引导层和运动引导层两种,普通引导层在绘制图形时起辅助作用,用于帮助对象定位,运动引导层中绘制的图形是路径,使被引导层按其路径进行运动.遮罩动画:遮罩层中可以放置文字、形状、动画等对象,这些对象具有透明效果,透过遮罩层中的对象可以看到被遮罩层中的对象.6.3.4 能力扩展 利用本案例素材文档中提供的素材,发散思维,制作如上图所示的生日贺卡.本章小结 本章主要讲述Flash CC编辑工具的工作原理和使用技巧。采用动画案例详细分析逐帧动画、形状补间动画、传统补间动画和引导动画等基本动画制作技巧。其中包含矢量图绘画、动画合成、编辑技巧和使用方法。这些内容是利用Flash进行制作动画创作的基础，是必须熟练掌握的。