第一专题Flash的基本动画.ppt

《第一专题Flash的基本动画.ppt》由会员分享，可在线阅读，更多相关《第一专题Flash的基本动画.ppt（32页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、二维动画制作工具Flash的使用 张金菊张金菊 第一专题第一专题 Flash的基本动画的基本动画n本专题主要讨论如下问题：本专题主要讨论如下问题：n从整体上认识从整体上认识Flash的功能的功能nFlash的内容层次的内容层次nFlahs的基本动画的基本动画一从整体上认识一从整体上认识FlashFlash的功能的功能nFlash是素材制作工具，可以制作：是素材制作工具，可以制作：n 二维矢量图形二维矢量图形n平面顺序动画平面顺序动画n平面交互式动画平面交互式动画n多媒体作品制作工具多媒体作品制作工具n主要是指完整的动画作品，作品中能整合多主要是指完整的动画作品，作品中能整合多媒体素材。媒体素材

2、。 二二FlashFlash的内容层次的内容层次n学习学习Flash，可按照如下内容层次进行，可按照如下内容层次进行n作品（电影）作品（电影）场景场景层层帧帧帧上各种类型的对象。即：帧上各种类型的对象。即：n一个一个Flash作品可有一个或多个场景作品可有一个或多个场景n一个场景可有一层或多层组成一个场景可有一层或多层组成n一层上可有一帧或多帧一层上可有一帧或多帧n每一帧上可有一个或多个对象。每一帧上可有一个或多个对象。n对象的类型主要有：外部资源对象、组合对象、文对象的类型主要有：外部资源对象、组合对象、文字对象、实例对象、矢量图形对象等。字对象、实例对象、矢量图形对象等。提示：提示：n学习

3、学习Flash最基本的就是掌握对这些内容最基本的就是掌握对这些内容的处理和将这些内容有机结合的方法，的处理和将这些内容有机结合的方法，以实现期望的动画效果。以实现期望的动画效果。 三三. Flahs. Flahs的基本动画的基本动画nFlash的强大功能充分体现在动画制作上。nFlash动画是以时间线为基础的帧动画。n这里，讨论以下问题：n动画效果的类型动画效果的类型 n实现动画效果的途径实现动画效果的途径n对帧的初步认识对帧的初步认识nFlash的三种基本动画及其制作方法的三种基本动画及其制作方法 动画效果的类型动画效果的类型nFlash可以实现的基本动画效果有：n对象位置的变化n对象的放大

4、与缩小n对象的旋转n对象的变色n对象的淡入淡出n对象的形状变化实现动画效果的途径实现动画效果的途径nFlash是通过改变连续帧上的是通过改变连续帧上的内容来实现这些效果的。内容来实现这些效果的。 对帧的初步认识对帧的初步认识n因为因为Flash动画实质上是帧动画，是通过改变连续帧的内动画实质上是帧动画，是通过改变连续帧的内容来实现动画效果容来实现动画效果n所以，帧在动画制作中是一个很重要的概念，也是很重要所以，帧在动画制作中是一个很重要的概念，也是很重要的角色。的角色。nFlash动画制作的过程，就是决定动画每一帧显示什么内动画制作的过程，就是决定动画每一帧显示什么内容的过程。容的过程。nFl

5、ash的帧有两种：的帧有两种：n关键帧和延伸帧。其中：关键帧和延伸帧。其中：n关键帧是用来定义动画变化的帧，只能在关键帧上放置动画内容。关键帧是用来定义动画变化的帧，只能在关键帧上放置动画内容。n延伸帧用来延伸关键帧的内容。延伸帧用来延伸关键帧的内容。 FlashFlash的三种基本动画及其制作方法的三种基本动画及其制作方法nFlash动画是以三种动画为基础的动画是以三种动画为基础的,这三这三种动画为：种动画为：n运动动画、形变动画、逐帧动画。运动动画、形变动画、逐帧动画。n对这三种动画要了解的基本问题是：对这三种动画要了解的基本问题是：n针对什么类型的对象的针对什么类型的对象的 n能产生什么

6、效果能产生什么效果 n如何进行相应类型的动画设置如何进行相应类型的动画设置1 1运动动画运动动画n针对非矢量图形对象针对非矢量图形对象n能使这些对象产生位置、大小、旋转等变化效能使这些对象产生位置、大小、旋转等变化效果，还能对其中的实例对象产生变色，渐变等果，还能对其中的实例对象产生变色，渐变等变化效果。变化效果。n基本的动画方法是：基本的动画方法是：n在开始的关键帧上确定动画的初始状态，在结束的在开始的关键帧上确定动画的初始状态，在结束的关键帧上确定动画的结束状态关键帧上确定动画的结束状态n这时，在开始的关键帧和结束的关键帧之间是延伸帧，这时，在开始的关键帧和结束的关键帧之间是延伸帧，n然后

7、在开始的关键帧处设置运动动画模式。然后在开始的关键帧处设置运动动画模式。 2形变动画形变动画n针对矢量图形对象针对矢量图形对象n能使这些对象产生形状、位置、颜色、能使这些对象产生形状、位置、颜色、大小等变化效果。大小等变化效果。n基本的动画方法是：基本的动画方法是：n在开始的关键帧上设置动画的初始状态，在在开始的关键帧上设置动画的初始状态，在结束的关键帧上设置动画的结束状态结束的关键帧上设置动画的结束状态n这时在开始的关键帧和结束的关键帧之间是延伸这时在开始的关键帧和结束的关键帧之间是延伸帧帧n然后在开始的关键帧处设置形变动画模式。然后在开始的关键帧处设置形变动画模式。 3逐帧动画逐帧动画n逐

8、帧动画是一个由若干连续关键帧组成的动画序列，逐帧动画是一个由若干连续关键帧组成的动画序列，是与传统动画制作类似的最为基础的动画制作方法。是与传统动画制作类似的最为基础的动画制作方法。n在制作这种动画时，需要对每一帧的内容进行逐个绘在制作这种动画时，需要对每一帧的内容进行逐个绘制、处理，不论什么类型的对象，从动画开始状态到制、处理，不论什么类型的对象，从动画开始状态到结束状态，每一帧都要自行处理。结束状态，每一帧都要自行处理。n逐帧动画工作量大，但能产生相当强的动画效果，只逐帧动画工作量大，但能产生相当强的动画效果，只要你能想到，能绘制出来，就能形成动画要你能想到，能绘制出来，就能形成动画n因此

9、，当你采用其它方法无法实现预期的动画效果时，因此，当你采用其它方法无法实现预期的动画效果时，就可考虑采用逐帧动画的方法来实现。就可考虑采用逐帧动画的方法来实现。n逐帧动画非常适合于制作较为复杂的动画效果，但对逐帧动画非常适合于制作较为复杂的动画效果，但对制作人员的绘画技巧有较高的要求，而且动画文件数制作人员的绘画技巧有较高的要求，而且动画文件数据量大，所以，除非有必要，一般不制作逐帧动画。据量大，所以，除非有必要，一般不制作逐帧动画。实践一实践一转动的照片转动的照片 （运动动画）（运动动画）nS1：设置电影属性，尺寸：800600；背景：白色；帧速度：12。n S2：在第1关键帧的左上角放置一

10、图片，要做：n导入一图片 n 调整 其大小（为280220）和位置（25，13）。n S3：在第30帧处插入关键帧，在右下角（255，160）处放置与第1关键帧大 小内容相同的图片，并旋转180 度。nS4：在第1帧上设置运动动画。nS5：播放。 实践一方法：实践一方法：nS1：设置电影属性，尺寸：设置电影属性，尺寸：800600；背景：；背景：白色；帧速度：白色；帧速度：12。n方法：单击舞台，在方法：单击舞台，在“属性属性”面板中单击面板中单击“大小大小”指示的按钮，可在弹出的指示的按钮，可在弹出的“文档属性文档属性”对话框中对话框中将将“尺寸尺寸”处的内容改为处的内容改为“800”和和“

11、600”；“背景背景”选择白色；选择白色；“帧频帧频”处键入处键入“12”。（若缺省内容与要求相同，可不改。）（若缺省内容与要求相同，可不改。）S2：在第：在第1关键帧的左上角放置一图片关键帧的左上角放置一图片要做：要做：n导入一图片导入一图片n 调整其大小（为调整其大小（为280220）和位置（）和位置（25，13）n方法：n导入图片n单击“文件”菜单，选择“导入”命令，在“导入”对话框中选择要导入的图片文件，单击“打开”。 （这时，舞台上出现导入的图片，而且库里也有导入的图片。）n如果库里有你需要的图片，也可直接从库中拖出，方法是：打开图库面板，用鼠标拖动的方式将该图片直接拖到舞台上，这就

12、完成了图片的导入。 n 调整大小和位置n在“工具”栏中单击“箭头工具”， 单击待调整大小的图片，再在“工具”栏中单击“任意变形工具”，在图片的周围处根据鼠标所到处箭头的指示方向按住左键不放拖曳鼠标，将图片的大小调整到满意为止。大小调整合适后，在“工具”栏中单击“箭头工具”，用按住左键不放拖曳鼠标的方法，将调整好的图片放到合适的位置。n还可通过修改“属性”面板中参数的方法进行大小和位置的调整。当在“工具”栏中单击“箭头工具”， 单击待调整大小的图片后，“属性”面板中会出现该图片（位图）的大小和位置属性，即：高、宽、X、Y。将宽设置为280，将高设置为220，将X设置为25，将Y设置为13。S3：

13、在第：在第30帧处插入关键帧，在右下角（帧处插入关键帧，在右下角（255，160）处）处放置与第放置与第1关键帧大关键帧大 小内容相同的图片，并旋转小内容相同的图片，并旋转180 度。度。n方法：n单击时间线上的第30帧，鼠标不离开n按右键弹出快捷菜单，选择“插入关键帧”命令n将舞台上出现的图片用“箭头工具”拖曳到（255，160）处n用“任意变形工具”将图片旋转180 o。S4：在第：在第1帧上设置运动动画。帧上设置运动动画。n方法：方法：n单击时间线上的第单击时间线上的第1帧帧n单击单击“属性属性”面板中面板中“补间补间”的下拉键的下拉键n在下拉菜单中选择在下拉菜单中选择“运动渐变运动渐变

14、”。S5：播放。：播放。n方法：方法： n单击单击“控制控制”菜单菜单n选择选择“播放播放”命令。命令。 实践二实践二 方圆变化方圆变化 （形变动画）（形变动画） nS1：设置电影属性，尺寸：设置电影属性，尺寸：550400；背景：；背景：白色；帧速度：白色；帧速度：12。 nS2：在第：在第1关键帧上绘制一个圆，其属性为：关键帧上绘制一个圆，其属性为：无填充、线条颜色为红色、直径为无填充、线条颜色为红色、直径为150，位置，位置在（在（50，45）。）。 nS3：在第：在第40帧处插入关键帧，将帧上的圆放帧处插入关键帧，将帧上的圆放置在右下角（置在右下角（360，220）处，在圆内再画一）处

15、，在圆内再画一方，其属性为：无填充、线条颜色为黑色，注方，其属性为：无填充、线条颜色为黑色，注意方不要太大，四个角不要与圆的边接触。意方不要太大，四个角不要与圆的边接触。nS4：在第：在第1帧上设置形变动画。帧上设置形变动画。nS5：播放。：播放。 实践二方法：实践二方法：nS1：设置电影属性，尺寸：设置电影属性，尺寸：550400；背景：白；背景：白色；帧速度：色；帧速度：12。 n方法：方法：n单击舞台单击舞台n在在“属性属性”面板中单击面板中单击“大小大小”指示的按钮指示的按钮n在弹出的在弹出的“文档属性文档属性”对话框中对话框中n将将“尺寸尺寸”处的内容改为处的内容改为“550”和和“

16、400”n“背景背景”选择白色选择白色n“帧频帧频”处键入处键入“12”。（若缺省内容与要求相同，可不改。）。（若缺省内容与要求相同，可不改。）S2：在第：在第1关键帧上绘制一个圆，其属性为：无填充、关键帧上绘制一个圆，其属性为：无填充、线条颜色为红色、直径为线条颜色为红色、直径为150，位置在（，位置在（50，45）。）。n绘制圆的方法：绘制圆的方法：n 在在“工具工具”栏中单击栏中单击“椭圆工具椭圆工具”n在在“工具工具”栏中的栏中的“颜色颜色”处处n将将“填充色填充色”设置为设置为“无填充无填充”n将将“笔触颜色笔触颜色”（线条颜色）设置为红色，颜色号为（线条颜色）设置为红色，颜色号为#

17、FF0000。n在舞台上用鼠标拖曳的方法，绘制一圆，为保证是在舞台上用鼠标拖曳的方法，绘制一圆，为保证是正圆而不是椭圆，可在拖曳鼠标的同时，按住正圆而不是椭圆，可在拖曳鼠标的同时，按住“Shift”键。键。n用用“工具工具”栏中的栏中的“箭头工具箭头工具”，点击圆的线条，点击圆的线条，将圆选中，将将圆选中，将“属性属性”面板中的面板中的“高高”和和“宽宽”都都设置为设置为150；将；将“X”和和“Y”分别设置为分别设置为50和和45。S3：在第：在第40帧处插入关键帧，将帧上的圆放置在右下角帧处插入关键帧，将帧上的圆放置在右下角（360，220）处，在圆内再画一方，其属性为：无填充、）处，在圆

18、内再画一方，其属性为：无填充、线条颜色为黑色。线条颜色为黑色。n绘制方的方法与绘制圆的方法基本相同，只绘制方的方法与绘制圆的方法基本相同，只是具体的绘图工具选择是具体的绘图工具选择“矩形工具矩形工具”。n属性的设置方法也与圆的设置方法基本相同，属性的设置方法也与圆的设置方法基本相同，只是方的大小没有具体要求，在圆内根据情只是方的大小没有具体要求，在圆内根据情况用况用“箭头工具箭头工具”，和鼠标拖曳的方法调整，和鼠标拖曳的方法调整方的大小和位置。方的大小和位置。n同样在绘制方的时候，为保证是正方，可用同样在绘制方的时候，为保证是正方，可用“Shift”键。键。 S4：在第：在第1帧上设置形变动画

19、。帧上设置形变动画。n方法：方法：n单击时间线上的第单击时间线上的第1帧帧n单击单击“属性属性”面板中面板中“补间补间”的下拉键的下拉键n在下拉菜单中选择并单击在下拉菜单中选择并单击“形状渐变形状渐变”。S5：播放。：播放。n方法：方法：n单击单击“控制控制”菜单菜单n选择选择“播放播放”命令。命令。 实践三实践三 写字效果写字效果 （逐帧动画）（逐帧动画） nS1：设置电影属性，尺寸：设置电影属性，尺寸：550400；背景：白色；背景：白色；帧速度：帧速度：12。 nS2：在第：在第1关键帧上键入一个字，比如：关键帧上键入一个字，比如：“大大”，该，该字的属性：字号为字的属性：字号为150、

20、 字体为楷体、字形为加粗、字体为楷体、字形为加粗、颜色为红色。并将它颜色为红色。并将它“打散打散”。 nS3：在下一帧插入关键帧，进行反笔顺擦除。：在下一帧插入关键帧，进行反笔顺擦除。 nS4：重复：重复S3，直到全部擦除。（擦除时注意两点，一，直到全部擦除。（擦除时注意两点，一是一次不要擦除太多，二是要保持笔划的完整性。）是一次不要擦除太多，二是要保持笔划的完整性。） nS5：对经过：对经过S3和和S4所得到的所有帧进行帧翻转，即：所得到的所有帧进行帧翻转，即：将原来的第将原来的第1帧翻转为最后一帧，原来的最后一帧翻转帧翻转为最后一帧，原来的最后一帧翻转为第为第1帧，原来的第帧，原来的第2帧

21、翻转为倒数第帧翻转为倒数第2帧，原来的倒帧，原来的倒数第数第2帧翻转为第帧翻转为第2帧，依此类推。帧，依此类推。 nS6：播放。：播放。 实践三方法：实践三方法：nS1：设置电影属性，尺寸：设置电影属性，尺寸：550400；背景：白；背景：白色；帧速度：色；帧速度：12n方法：方法：n单击舞台单击舞台n在在“属性属性”面板中单击面板中单击“大小大小”指示的按钮指示的按钮n在弹出的在弹出的“文档属性文档属性”对话框中对话框中n将将“尺寸尺寸”处的内容改为处的内容改为“550”和和“400”n“背景背景”选择白色选择白色n“帧频帧频”处键入处键入“12”。（若缺省内容与要求相同，可不改。）。（若缺

22、省内容与要求相同，可不改。）S2：在第：在第1关键帧上键入一个字，比如：关键帧上键入一个字，比如：“大大”，该字，该字的属性：字号为的属性：字号为150、 字体为楷体、字形为加粗、颜色字体为楷体、字形为加粗、颜色为红色。并将它为红色。并将它“打散打散”。n方法：方法：n键入字：键入字：n在在“工具工具”栏中单击栏中单击“文本工具文本工具”n单击单击“属性属性”面板中的面板中的“字体字体”下拉箭头下拉箭头n在下拉菜单中选择在下拉菜单中选择“楷体楷体”n在在“字体大小字体大小”中设置中设置150n在在“文本填充文本填充”中设置颜色为红色；单击中设置颜色为红色；单击“切换粗体切换粗体”。n在舞台上，

23、单击鼠标，在出现的文本框中键入在舞台上，单击鼠标，在出现的文本框中键入“大大”字字n用用“箭头工具箭头工具”将这个将这个“大大”字拖曳到合适的位置，比如，舞台字拖曳到合适的位置，比如，舞台正中间。正中间。n打散打散n用用“箭头工具箭头工具”将该字选中将该字选中n单击单击“修改修改”菜单菜单n选择并单击选择并单击“分离分离”命令。命令。 S3：在下一帧插入关键帧，进行反笔顺擦除。：在下一帧插入关键帧，进行反笔顺擦除。n方法：方法：n在在“工具工具”栏中单击栏中单击“橡皮擦工具橡皮擦工具” n在在“选项选项”中单击中单击“橡皮擦形状橡皮擦形状”下拉箭头，下拉箭头，选择合适的橡皮擦形状选择合适的橡皮擦形状n在舞台上按右键拖曳鼠标进行擦除。在舞台上按右键拖曳鼠标进行擦除。 S5：对经过：对经过S3和和S4所得到的所有帧进行帧翻转。所得到的所有帧进行帧翻转。n方法：方法：n单击这些帧所在的层，将所有帧选中。单击这些帧所在的层，将所有帧选中。 n单击单击“修改修改”菜单，选择并单击菜单，选择并单击“帧帧”子菜子菜单单n在出现的子菜单中选择并单击在出现的子菜单中选择并单击“翻转翻转”命令。命令。 S6：播放。：播放。n方法：方法：n单击单击“控制控制”菜单菜单n选择选择“播放播放”命令。命令。练习一练习一制作：n1转动的照片n2方圆变化n3写字效果