图像的放大与缩小

一、课题：

二、教学目的和要求：

    （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）按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”变为完全透明。这样，字母在由小变大的同时，颜色发生由浅到深的变化。

（四）课堂小结

根据上述两种制作图像大小变化动画的流程图，总结运动内插动画的制作思路。