1、第五章 Flash简单动画制作,张胜光制作,3,本章目录,第一节 基本动画类型,张胜光制作,5,基本概念 再次复习!,张胜光制作,6,1、矢量图的概念和特点,图形是指从点、线、面到三维空间的黑白或彩色几何图。凡是用Flash工具直接画出来的图形都是矢量图(不包括文字),它是由线条构成的 ,体积较小。,请牢记,矢量图的特点很象拉条子面, 可拉伸,有粘性,弄不好就粘在一起。,矢量图的特点:1 可以无限放大而不失真2 同色相吸,异色相斥(上面的吃掉下面的)3 支持的色彩不如位图多,张胜光制作,7,2、位图的概念和特点,图象是由像素点阵组成的画面,也叫做栅格图像,是由一些排列在一起的栅格组成的,每一个
2、栅格代表一个像素点,而每一个像素点,只能显示一种颜色。位图图像具有以下特点: 1.文件所占的存储空间大; 2.位图放大到一定倍数后,会产生锯齿; 3.位图图像在表现色彩、色调方面的效果比矢量图更加优越。,Flash从外部导入的绝大多数图片都可以认为是位图。 Flash写的文字在制作动画时,也可以被认为是位图。,张胜光制作,8,3、图形与图像的转换,在Flash中,可以很容易地实现图形和图像的转换。方法是使用“修改”菜单中的“分离”或“组合”命令。 “分离”的意思是将位图图像转化成矢量图形; “组合”的意思是将矢量图型转化成位图图像。,张胜光制作,9,使用“分离”命令 Ctrl + B,使用“组
3、合”命令 Ctrl + G,张胜光制作,10,4、图层的概念,图层 = 透明玻璃纸,每张玻璃纸都可以独立绘画,迭加到一起,就是我们看到的最后画面。,张胜光制作,11,5、图层的操作,增加图层按钮,增加引导层,增加图层文件夹,删除图层按钮,1、增加图层 2、删除图层 3、移动图层 4、图层文件夹操作,张胜光制作,12,6、帧的概念,关键帧 = 动画开始和结束的有画面的帧 空白关键帧 = 没有画面的关键帧 帧 = 关键帧之间的帧,其中的画面由系统自动补间。,关键帧,空白关键帧,帧,张胜光制作,13,7、帧的操作,1、插入关键帧 2、插入空白关键帧 3、在关键帧之间增加和删除帧 帧的操作实例教学,关
4、键帧,空白关键帧,帧,张胜光制作,14,Flash动画基本类型:3-4-8种,Flash 动画,逐帧 动画,渐变 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,遮罩动画,精确变形动画,普通变形动画,脚本 动画,第二节 逐帧动画,张胜光制作,16,Flash动画基本类型:3-4-8种,Flash 动画,逐帧 动画,渐变 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,遮罩动画,精确变形动画,普通变形动画,脚本 动画,张胜光制作,17,逐帧动画,逐帧动画是Flash动画中原理最简单、但制作最复杂的动画形式。它的基本思路是象拍电影那样每秒钟制作出至少12张以上的动画
5、画面,每张画面略有区别,放到一个接一个的关键帧上,就可以像放电影那样播放出动人的动画画面来。所以,它的原理简单,制作复杂,常用来制作卡通片之类的动画影片。,张胜光制作,18,逐帧动画实例,源程序,张胜光制作,19,张胜光制作,20,张胜光制作,21,逐帧动画的制作要点,制作逐帧动画,在时间轴上的关键帧必须密集排列,不允许中间出现大片的普通帧,否则制作出来的动画就会不连续。,张胜光制作,22,Gif动画制作实例地球转动,第三节 形状变形动画,张胜光制作,24,Flash动画基本类型:3-4-8种,Flash 动画,逐帧 动画,渐变 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,
6、遮罩动画,精确变形动画,普通变形动画,脚本 动画,张胜光制作,25,注意,变形动画的制作对象要求:,变形动画虽然分为三种,但其基本的前提是,所使用的动画素材必须是矢量图形,而不能是位图图形,就像是做拉条子的面与烤馕的面不同一样。,这就是说,变形动画的所有对象素材,要么使用Flash直接绘制,要么将导入的图片“分离”或“打散”,否则变形动画就不可能制作成功。,请牢记,矢量图的特点很象拉条子面,可拉伸,有粘性,弄不好就粘在一起。,张胜光制作,26,形状变形动画制作步骤,1、在时间轴上插入两个关键帧,分别导入两幅图片。这就是它被称为“补间动画”的原因:只需要画两张图片,就可完成动画; 2、用Ctrl
7、+B或用“修改”菜单上的“分离”命令将两个关键帧中的图片打散成矢量图形; 3、设置矢量图形的各种属性后,创建补间动画,变形动画完成。,变形动画讲解,张胜光制作,27,实例演示,注意,变形动画时间轴背景是绿色的!,张胜光制作,28,实例演示,张胜光制作,29,张胜光制作,30,张胜光制作,31,张胜光制作,32,张胜光制作,33,想一想,这个动画是怎么做出来的?,源程序,讲解,第四节 运动动画,张胜光制作,35,Flash动画基本类型:3-4-8种,Flash 动画,逐帧 动画,渐变 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,遮罩动画,精确变形动画,普通变形动画,脚本 动画
8、,张胜光制作,36,注意,运动动画的制作对象要求:,运动动画与变形动画所使用的动画素材截然相反,它不能使用任何矢量图形,而必须是位图图形,初学者作运动动画往往失败,原因就在这里。,这就是说,运动动画的所有对象素材,要么使用导入的图片,要么将矢量图形“组合”或做成元件,否则运动动画就不可能制作成功。,飞盘之所以能平稳地旋转飞行,是因为它是硬的物体,一个拉条子面片想像飞碟那样飞行,就不那么容易了。,张胜光制作,37,运动动画制作步骤,1、在时间轴上插入两个关键帧,分别导入两幅图片; 2、用Ctrl+G或“修改”菜单的“组合”命令将两帧中的图片分别组合成实体; 3、设置实体对象的各种属性后,创建补间
9、动画,运动动画完成。,运动动画讲解,张胜光制作,38,实例演示,注意,运动动画时间轴背景是灰色的!,张胜光制作,39,张胜光制作,40,张胜光制作,41,Flash动画基本类型,Flash 动画,逐帧 动画,补间 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,遮罩动画,精确变形动画,普通变形动画,张胜光制作,42,发布效果,张胜光制作,43,想一想,这个动画是怎样作出来的?,源程序,张胜光制作,44,Flash 动画,逐帧 动画,渐变 动画,运动 动画,变形 动画,色彩动画,引导动画,普通运动动画,遮罩动画,精确变形动画,普通变形动画,脚本 动画,本章总结:Flash动画基本类型,张胜光制作,45,