图像的放大与缩小

1 / 5 图像的放大与缩小 一、课题：图像的放大与缩小 二、教学目的和要求： （ 1）理解运动内插动画的概念。 （ 2）进一步掌握文字输入及格式设置的方法。 （ 3）掌握放大工具的使用方法。 （ 4）进一步理解关键帧的意义。 （ 5）掌握建立和调用符号的方法。 （ 6）掌握运动内插动画的设置方法。 三、教学过程： （一）复习前课 （ 1） Flash5 界面的组成及其主要操作。 （ 2）动画文件的打开与播放。 （二）导入新课 （ 1）演示几个运动内插动画实例，增加学生对运动内插动画的感性认识，并激发起学习制作运动内插动画的兴趣。 （ 2）剖析其中一到两个运动内插动画，引导学生观察运动内插动画关键帧之间图形逐帧变化的情况，借此理解计算机动画的形成方式，并得出运动内插动画的制作机理是：先在一帧上定义实体、集合或者文本块的属性，如位置、大2 / 5 小、颜色、旋转等，然后在另一帧上改变这些属性。 （ 3）明确本次课学习任务：制作一个使字母 “A” 由小变大的运动内插动画。 （三）进行新课 课题：第二节运动内插动画 一、图像的放大与缩小 讲解并演示： 1矢量图形大小变化制作流程 流程图： 新建作品 输入文字 插入关键帧 放大文字 建立motion 动画 观看效果 制作步骤： （ 1）新建动画文件，并按 ctrl+m 键，设定动画的大小为 160px160px ，背景为白色。 （ 2）在字符面板中设置 “Arial” 字体，选择 24 大小，蓝色，在工作区任意处输入字母 “A” 。 （ 3）在 20 影格，按 F6 插入关键帧。 注意引导学生观察 1 20 帧的画面内容，理解插入关键帧后使得第 1 帧的内容被复制到 1 20 帧，此时每一帧的画面内容相同，播放时不能形成动画的效果。 （ 4）选择放大缩小工具，将字母放大到合适尺寸。 拖动鼠标时注意不要使字母上下左右翻转。 3 / 5 （ 5）单击第 1 影格，单击 “ 修改 ” 菜单中的 “ 帧数 ”命令，打开 “ 帧属性 ” 设置面板，选择 “ 变化 ” 选项为 “ 动作 ”( 自动建立过程动画 )。 提醒学生注意，这时时间轴的第 1 影格到第 20 影格间呈淡蓝色并画有一条箭头线，否则表示没有自动建立起动画，需 检查原因。 观察 1 20 帧字母 “A” 由逐帧变化的情况，进一步认识运动内插动画的含义。 （ 6）单击 “ 控制 ” 菜单中的 “ 测试影片 ” 命令（或按ctrl+Enter 键），观看效果。 注意观察字母 “A” 由小变大是从某一角（如左下角）固定不动，向对角线方向逐渐变大，而不是以字母 “A” 的中心为中心向四面八方均匀变大的。要使字母 “A” 能以字母的中心为中心向四周放大，需要将字母做成符号。 下面用建立组件的方法来制作图像大小变化的动画。 2符号对象大小变化制作流程 流程图： 新建作品 建立文字符号 将文字符号调入场景 插入关键帧 将文字符号放大 建立运动内插动画 观看动画演示 制作步骤： （ 1）新建动画文件，按 ctrl+m 键，设定动画的大小为4 / 5 160px160px ，背景为白色； （ 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：在以上已经制成的动画基础上，延长动画到 405 / 5 帧，并将第 40 帧的字母 “A” 缩小，再设置 20 帧动画属性为 “ 动作 ” ，使整个动画由 1 20 帧的放大部分和 21 40帧的缩小部分两段构成。 方法 2：修改以上动画的制作方法。在第 20 帧插入关键帧后，不要改变字母 “A” 的大小，再在第 10 帧插入关键帧，并将这一帧的字母 “A” 放大，然后再在第 1 帧和第 20帧处设置动画属性 为 “ 动作 ” ，这样整个动画是由前 10 帧由小到大变化和后 10 帧由大到小变化的两段动画构成。 （ 2）怎样使字母 “A” 在大小变化的同时，发生颜色的变化？ 双击第 1 影格，在弹出的 “ 效果 ” 设置面板中，选