信息技术：图像的放大与缩小

一、课题：图像的放大与缩小

二、教学目的和要求：

（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”变为完全透明。这样

，字母在由小变大的同时，颜色发生由浅到深的变化。

（四）课堂小结

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