第7章 Flash 8基础与实例(2)——
常见动画的制作
知识点:
1、 逐帧动画的制作。 2、 形状补间动画的制作。 3、 动作补间动画的制作。 4、 遮罩动画的制作。 5、 引导路径动画的制作。 学时分配:2学时 教学内容:
1、 逐帧动画的制作。 2、 形状补间动画的制作。 3、 动作补间动画的制作。 4、 遮罩动画的制作。 5、 引导路径动画的制作。 教学重点:
1、 形状补间动画的制作。 2、 动作补间动画的制作。 3、 遮罩动画的制作。 4、 引导路径动画的制作。 教学难点:
形状补间动画与动作补间动画的区别。 教学方法与手段:讲授法,多媒体展示 教学过程:
(一)创设意境,导入新课(设疑法、提问法) 导入:
教师展示几个Flash实例,然后引导学生一个一个亲自动手制作。 引入新课程:
(二)新课教学(讲解法、提问法、示范法、实验法)
.
本次课开始学习用Flash制作动画效果,在Flash中共有5种动画形式:逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。
? 逐帧动画的制作
逐帧动画是一种常见的动画手法,它的原理是在“连续的关键帧”中分解动画动作,也就是每一帧中的内容不同,连续播放而成的一种动画。
优点:与电影播放模式相似,适合于表演很细腻的动画,如3D动画、人物或动物急剧转身等效果。
缺点:每一帧的序列内容都不一样,增加制作负担,文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式
在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容。
逐帧动画在时间帧上表现为连续出现的关键帧,如图7-3-1所示。
图 7-3-1 逐帧动画
二、创建逐帧动画的几种方法 1.用导入的静态图片建立逐帧动画
用jpg、png等格式的静态图片连续导入Flash中,就会建立一段逐帧动画。 2.绘制矢量逐帧动画
用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画
用文字作帧中的元件,实现文字跳跃、旋转等特效。 4. 导入序列图像
可以导入gif序列图像、swf动画文件或者利用第三方软件(如swish、swift 3D等)产生的动画序列。 三、绘图纸功能 1.绘图纸的功能
.
绘图纸是一个帮助定位和编辑动画的辅助功能,这个功能对制作逐帧动画特别有用。通常情况下,Flash 在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后,你就可以在舞台中一次查看两个或多个帧了。
如下图所示是使用绘图纸功能后的场景,可以看出,当前帧中内容用全彩色显示,其它帧内容以半透明显示,它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上,这些内容相互层叠在一起。当然,这时你只能编辑当前帧的内容。
2.绘图纸各个按钮的介绍
(1)
【绘图纸外观】按钮:按下此按钮后,在时间帧的上方,出现
绘图
纸外观标记。拉动外观标记的两端,可以扩大或缩小显示范围。
(2)
【绘图纸外观轮廓】按钮:按下此按钮后,场景中显示各帧内容的轮廓线,填
充色消失,特别适合观察对象轮廓,另外可以节省系统资源,加快显示过程。
(3)【编辑多个帧】按钮:按下此按钮后,可以显示全部帧内容,并且可以进行“多帧同时编辑”。
(4)【修改绘图纸标记】按钮:按下此按钮后,弹出菜单,菜单中有以下五个选项: ? “总是显示标记”选项会在时间轴标题中显示绘图纸外观标记,无论绘图纸外观
是否打开。
? “锚定绘图纸”选项会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。
通常情况下,绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记,可以防止它们随当前帧的指针移动。 ? “绘图纸 2”选项会在当前帧的两边显示两个帧。 ? “绘图纸 5”选项会在当前帧的两边显示五个帧。 ? “绘制全部”选项会在当前帧的两边显示全部帧。
上面,我们全面介绍了逐帧动画的特点和创建方法,现在,我们来动手制作两个逐帧动画实例,以加深对逐帧动画的认识。 【实战练习】闪动的小球
(1)新建一个文件,背景色为黑色。
(2)在第1帧内绘制一个黑色到绿色放射渐变的小球,调整到合适的大小与位置。
.