课 题:

快乐的校园动画设计之二 ——形状补间动画的制作

教学目标:

通过实例,学习并掌握flash动画中第二种自动产生动画方式——形状补间动画。

教学重点:

学习并掌握形状补间动画的制作。

教学难点:

形状补间动画的制作。一定要让学生感觉到学会了,明了了。

教 具:

多媒体电脑1室

教学方法:

师分步演示,生分步跟作;并在老师的提示与讲解中明白自己这样做的含义以及为什么要这么操作。利用多媒体的电脑室设备及软件,在学生制作过程中师加强监视与个别辅导。

教学过程:

一、复习上节课内容:强调黑片头动画的各个环节:

a)在第1帧处制作黑色矩形,遮住整个屏幕;

b)将其转换成图形元件“黑片头”;

c)在第5帧处插入关键帧,并设置黑片头(元件实例)的透明度(Alpha)为0%;

4)在第1~5帧的中间帧上右击,创建补间动画。观察属性栏上补间模式:“动作”。

二、引入:

再观察“快乐的校园。swf”在黑片头动画之后的效果——标题文字动画;直接引入新课——形状补间动画。

三、新课:快乐的校园实例制作2——形状补间动画的制作过程(标题动画);

1、打开上节文件“快乐的校园1.fla”,锁住原有的图层(“背景”层和“黑片头”图层)

2、制作标题动画:在新图层上20——40帧处制作标题动画;

a)新建图层,改名“标题”;在第20帧处右击,插入空白关键帧,

b)利用矩形工具 ,设置其边框色为橙黄色,填充色:无 ,在背景图层中椭圆框的上方绘制大小和位置适中的5个矩形;绘制完后,利用选择工具,以及旋转变形等操作,适当调整这5个矩形的方向,以适合标题汉字的方向,并适当增粗矩形的边框(如图);

c)第40帧处插入关键帧;从库中拖出“biaoti.png”元件到舞台,利用“修改——变形——旋转和倾斜”对标题的位置和方向进行适当的调整(如图);

d)选择该元件实例,修改——分离(使得该元件转成一般图形);

e)再次回到第20帧,在属性栏上设置“形状”补间;

3、测试影片,存盘“快乐的校园2.fla”,关闭flash,并上交作业。

四、小结:

形状补间动画——用以制作两个不同形状(或颜色)的一般图形(不是元件)之间渐变的动画。

它要求:前后两个关键帧上放置两个不同的图形对象(一般图形,不需要是元件对象),中间创建“形状”补间动画。

五、修改完成自己的本节课制作,理解形状补间动画的含义,并存盘,提高作业。

后记:

1)从同学们课堂情况来看,多数同学的作品动了起来了,还行。

2)不同的同学制作的矩形方框不同,大小、位置、方向都不尽相同。有些还不错。也有些缺乏美感。怎样能让学生一下子就把握美的结构设计,看起来还要下功夫。