|
|
一、课题：
二、教学目的和要求：
（1）理解运动内插动画的概念。
（2）进一步掌握文字输入及格式设置的方法。
（3）掌握放大工具的使用方法。
（4）进一步理解关键帧的意义。
（5）掌握建立和调用符号的方法。
（6）掌握运动内插动画的设置方法。
三、教学过程：
（一）复习前课
（1）flash5界面的组成及其主要操作。
（2）动画文件的打开与播放。
（二）导入新课
（1）演示几个运动内插动画实例，增加学生对运动内插动画的感性认识，并激发起学习制作运动内插动画的兴趣。
（2）剖析其中一到两个运动内插动画，引导学生观察运动内插动画关键帧之间图形逐帧变化的情况，借此理解计算机动画的形成方式，并得出运动内插动画的制作机理是：先在一帧上定义实体、集合或者文本块的属性，如位置、大小、颜色、旋转等，然后在另一帧上改变这些属性。
（3）明确本次课学习任务：制作一个使字母“a”由小变大的运动内插动画。
（三）进行新课
课题： 第二节 运动内插动画
一、图像的放大与缩小
讲解并演示：
1．矢量图形大小变化制作流程
流程图：
新建作品→输入文字→插入关键帧→放大文字→建立motion动画→观看效果
制作步骤：
（1）新建动画文件，并按ctrl+m键，设定动画的大小为160px×160px，背景为白色。
（2）在字符面板中设置“arial”字体，选择24大小，蓝色，在工作区任意处输入字母“a”。
（3）在20影格，按f6插入关键帧。
注意引导学生观察1－20帧的画面内容，理解插入关键帧后使得第1帧的内容被复制到1－20帧，此时每一帧的画面内容相同，播放时不能形成动画的效果。
（4）选择放大缩小工具，将字母放大到合适尺寸。
拖动鼠标时注意不要使字母上下左右翻转。
（5）单击第1影格，单击“修改”菜单中的“帧数”命令，打开“帧属性”设置面板，选择“变化”选项为“动作” (自动建立过程动画)。
提醒学生注意，这时时间轴的第1影格到第20影格间呈淡蓝色并画有一条箭头线，否则表示没有自动建立起动画，需检查原因。
观察1－20帧字母“a”由逐帧变化的情况，进一步认识运动内插动画的含义。
（6）单击“控制”菜单中的 “测试影片”命令（或按ctrl+enter键），观看效果。
注意观察字母“a”由小变大是从某一角（如左下角）固定不动，向对角线方向逐渐变大，而不是以字母“a”的中心为中心向四面八方均匀变大的。要使字母“a”能以字母的中心为中心向四周放大，需要将字母做成符号。
下面用建立组件的方法来制作图像大小变化的动画。
2．符号对象大小变化制作流程
流程图：
新建作品→建立文字符号→将文字符号调入场景→插入关键帧→将文字符号放大→建立运动内插动画→观看动画演示
制作步骤：
（1）新建动画文件，按ctrl+m键，设定动画的大小为160px×160px，背景为白色；共2页，当前第1页12图像的放大与缩小
（2）按ctrl+f8键，建立一个新组件(组件1)；
（3）选择“arial”字体，选择24大小，蓝色，在工作区任意处输入字母“a”。
（4）单击层标示区的“场景1”标签，回到场景编辑状态。
这一步学生容易忽视，容易出错。需强调符号编辑和场景编辑是两个不同的编辑状态，并掌握两种编辑状态转换的方法。
（5）单击“窗口”菜单中的“图库”命令（或按ctrl+l键），调出组件库，并拖动组件库里的图形“a”到工作区中。
（6）单击时间轴的第20影格处，按f6键插入关键帧。
（7）选择放大缩小工具，将字母放大到合适尺寸。
（8）单击第1影格，设置动画属性为“动作”，可以看见时间轴的第1影格到第20影格间呈淡蓝色并有一条箭头线。
（9）作品完成。按ctrl+enter键观看效果。这时看到字母“a”是从字母中心向四周由小到大逐渐变化的。
问题讨论：
（1）字母“a”由小变大后，怎样再使字母“a”由大变小？
方法1：在以上已经制成的动画基础上，延长动画到40帧，并将第40帧的字母“a”缩小，再设置20帧动画属性为“动作”，使整个动画由1－20帧的放大部分和21－40帧的缩小部分两段构成。
方法2：修改以上动画的制作方法。在第20帧插入关键帧后，不要改变字母“a”的大小，再在第10帧插入关键帧，并将这一帧的字母“a”放大，然后再在第1帧和第20帧处设置动画属性为“动作”，这样整个动画是由前10帧由小到大变化和后10帧由大到小变化的两段动画构成。
（2）怎样使字母“a”在大小变化的同时，发生颜色的变化？
双击第1影格，在弹出的“效果”设置面板中，选择效果为“明亮”，将滑块拖到100%，将字母“a”变为完全透明。这样，字母在由小变大的同时，颜色发生由浅到深的变化。
（四）课堂小结
根据上述两种制作图像大小变化动画的流程图，总结运动内插动画的制作思路。
共2页，当前第2页12图像的放大与缩小 |
|
发表于 2021-1-22 17:37:44
