《Flash动画的基本类型.ppt》由会员分享,可在线阅读,更多相关《Flash动画的基本类型.ppt(30页珍藏版)》请在金锄头文库上搜索。
1、Flash动画制作动画制作第第4 4章章 Flash Flash动画动画的基本类型的基本类型Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.主要内容:主要内容:主要内容:主要内容:重点:重点:重点:重点:学习目标:学习目标:学习目标:学习目标: 掌握Flash的3种动画制作方法创建形状动画制作形状动画的方法第第4章章 Flash动画的基本类型动画的基本类型创建逐帧动画制作逐帧动画的方法Evaluation only.
2、Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.FlashFlash动画分类动画分类逐帧动画逐帧动画动作补间动画动作补间动画(motion)(motion) 可以设置对象的可以设置对象的大小大小、位置位置、旋转旋转、倾斜倾斜、颜色颜色、透明度透明度等等。但前提是此等等。但前提是此对象为一个独立的元件对象为一个独立的元件(Symbol)(Symbol)或一个组或一个组(Group)(Group)。 补间动画补间动画形状补间动画形状补间动画(Shape
3、)(Shape) 可以设置对象的形可以设置对象的形状变化。前提是此对象状变化。前提是此对象为为分离分离状态。状态。(Break (Break Apart)Apart)Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第4章章 Flash动画的基本类型动画的基本类型 Flash除了可以制作以上补间动画外,还可以制作一种重要的补间动画,那就是“形状动画”。从名字就可以基本了解“形状动画”肯定是与图形形状相关的,在上述动画
4、中只能对图形的位置、大小、旋转等进行动画,如果需要将一个图形渐变成另一个图形,用上述动画就无法完成。这时就要借助下面将要讲到的“形状动画了” 4.34.3形状动画形状动画 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.4.3.14.3.1简单的形状动画简单的形状动画第第4章章 Flash动画的基本类型动画的基本类型通过补间形状,可以创建类似于形变的效果,使一个形状看起来随着时间变成另一个形状。Flash 也可以补间
5、形状的位置、大小、颜色和不透明度。要对组、实例或位图图像应用形状补间,首先必须分离这些元素。 4.34.3形状动画形状动画 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.4.3.14.3.1简单的形状动画简单的形状动画第第4章章 Flash动画的基本类型动画的基本类型4.34.3形状动画形状动画 (1)新建Flash文档,使用矩形工具在舞台中绘制一个矩形,注意不要有描边颜色。 (2)单击第30帧按“F7”键插入空白
6、关键帧,使用文本工具在舞台中输入“GAMECOLLEGE”,并连续按两次“Ctrl+B”键将文本打散。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型4.3.14.3.1简单的形状动画简单的形状动画4.34.3形状动画形状动画 (3)选中第130帧中的某一帧,打开【属性】面版,在【属性】面版的【补间】下拉菜单中选择【形状】。 这样一个简单的形状动画就完成了。 Eva
7、luation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.3.2用提示制作形状动画用提示制作形状动画 3.33.3形状动画形状动画 以上所做的是简单的形状动画,中间帧完全是Flash自动生成的,无法控制动画过程中的形状。如果要精确控制变形过程中的形状,就需要增加关键帧或增加“形状提示”。下面将通过一个实例来讲解如何运用“形状提示”。 Evaluation only.Created
8、 with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.3.2用提示制作形状动画用提示制作形状动画 3.33.3形状动画形状动画 (1)新建文档,选择【视图】【网格】【显示网格】命令,打开网格。选择【视图】【贴紧】【贴紧至网格】命令。(2)选择线条工具,在舞台中绘制一个等腰三角形,由于打开了“贴紧至网格”命令,在绘制时会自动吸附到网格的交点上,可以帮助精确定位。 (3)选择第30帧,按“F6”键插入关键帧。删除右侧表
9、现体积的两条边,绘制另一个等腰三角形。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.3.2用提示制作形状动画用提示制作形状动画 3.33.3形状动画形状动画 (4)如果此时创建形状动画,会发现动画并不像大家想象的那样,实现两个三角形的完美转面,在动画的中间帧部分出现了混乱。(5)先取消形状动画,回到第1帧,选择【修改】【形状】【添加形状提示】。快捷键是“Ctr
10、l+Shift+H”。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.3.2用提示制作形状动画用提示制作形状动画 3.33.3形状动画形状动画 (6)添加形状提示,并移动位置。 (7)选择第30帧,将形状提示移动位置。注意此时并不能随意移动提示的位置,要想象一下,当三角形转面时,它的每条边到了什么位置。应该把相应的形状提示放到该项位置。 (8)测试影片,可以看到
11、此时三角形实现了完美的转面。用此方法可简单模拟三维效果。还可以选择颜料桶工具选择渐变填充,为其填充颜色,并把线条删除。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.43.4遮罩动画遮罩动画 在Flash的作品中,常常看到很多眩目神奇的效果,而其中不少作品的效果就是用“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜等等。遮罩动画是Flash中的一个很重要的动
12、画类型,很多效果都是通过遮罩动画来完成的。在Flash的图层类型中有一个遮罩图层,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“图形”,遮罩层下方的对象可以通过该“图形”显示出来,而“图形”之外的对象将不会显示。下面通过实例讲解如何制作遮罩动画。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型(1)利用遮罩效果制作动画中经常会用到的镜面反光 。(2)建立
13、新图层,图层重命名为“背景”。在“背景”层中使用【矩形工具】,在舞台中绘制一个和舞台大小相等的矩形,矩形【颜色】填充“灰色”或其他深颜色即可。 3.43.4遮罩动画遮罩动画 (3)使用【矩形工具】绘制出简单镜框 。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型(4)建立新图层,图层重命名为“光泽”。用【矩形工具】绘制3个矩形,矩形的【Alpha】值为“50”,并转换
14、为“图形”元件。 3.43.4遮罩动画遮罩动画 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型(5)在“光泽”层的第10帧作一个关键帧,在第110帧上面作补间运动。并且调整第1帧与第10帧光泽的位置。3.43.4遮罩动画遮罩动画 光泽第1帧的位置 光泽第10帧的位置 Evaluation only.Created with Aspose.Slides for .NE
15、T 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型(6)在“光泽”层的上面建立“遮罩矩形”层,在“遮罩矩形”层沿镜面的四周画一个矩形 。(7)右击图层名称选择【遮罩层】,Flash自动将层转换为“被遮罩”层。3.43.4遮罩动画遮罩动画 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3
16、章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 多个连续的关键帧就形成了逐帧动画,它最适合于表现动作丰富、细腻的动画。在逐帧动画中,Flash 会保存每个完整帧的值。 一个有11帧的逐帧动画 从站立到躺下睡觉的逐帧动画 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 关键帧是定义在动画中的变化的帧。当创建逐帧动画
17、时,每个帧都是关键帧。在补间动画中,可以在动画的重要位置定义关键帧,让 Flash 创建关键帧之间的帧内容。Flash 通过在两个关键帧之间绘制一个浅蓝色或浅绿色的箭头显示补间动画的内插帧。由于 Flash 文档保存每一个关键帧中的形状,所以应在插图中有变化的点处创建关键帧。关键帧在时间轴中标明:有内容的关键帧以该帧前面的实心圆表示,而空白的关键帧则以该帧前面的空心圆表示。以后添加到同一图层的帧的内容将和关键帧相同。有些物体运动时只使用简单的移动“补间动画”根本达不到所需要的效果,这时就需要用逐帧动画使物体在运动时更为流畅自然。 Evaluation only.Created with Asp
18、ose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 小孩的走路 一颗豆芽的生长过程 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (1)在舞台中绘
19、制一个豆芽图形。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (2)打开【视图】【标尺】,拖动舞台上面和左面的标尺将会拖出一条辅助线,将辅助线拖动到豆芽根部和豆芽中心垂直的位置。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0
20、.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (3)单击图层第2帧按“F7”键建立空白关键帧,打开图层区中的【绘图纸外观轮廓】选项。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (4)在第2帧绘制豆芽图形时,豆芽的根部要和第1帧根
21、部对齐,使用辅助线对齐每帧的图形位置。Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (5)按照同样方法在第3帧建立空白关键帧,对照第2帧豆芽轮廓绘制第3帧豆芽。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright
22、 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型3.53.5逐帧动画逐帧动画 (6)使用相同方法绘制其他帧豆芽生长图形,在绘制过程中每绘制完一帧按“Enter”键在Flash中预览一次,以确定生长动画绘制没有问题。 Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd. 小结小结 本节主要讲解了如何本节主要讲解了如何在在Flash中中制作形状动画、遮罩动画与逐帧动画。制
23、作形状动画、遮罩动画与逐帧动画。熟练的运用这几种动画效果才能灵活创作出各种动画效果。在以后的制熟练的运用这几种动画效果才能灵活创作出各种动画效果。在以后的制作中会经常用到各种动画运动类型,所以学习好本章内容是非常重要的。作中会经常用到各种动画运动类型,所以学习好本章内容是非常重要的。第第3章章 Flash动画的基本类型动画的基本类型Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.自测习题自测习题 判断试题判断试题 1
24、 1缩放动画属于形状补间动画。 ()2. 逐帧动画每个帧都是关键帧。 ()第第3章章 Flash动画的基本类型动画的基本类型Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.自测习题答案自测习题答案 判断试题判断试题 1 1缩放动画属于形状补间动画。( 错 )2. 逐帧动画每个帧都是关键帧。( 对 )第第3章章 Flash动画的基本类型动画的基本类型Evaluation only.Created with Aspose
25、.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.课后作业课后作业 1 1绘制一个眼镜的反光遮罩动画。绘制一个眼镜的反光遮罩动画。第第3章章 Flash动画的基本类型动画的基本类型Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.第第3章章 Flash动画的基本类型动画的基本类型Evaluation only.Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0.Copyright 2004-2011 Aspose Pty Ltd.