flash2004-校本教材

初识 Flash flash 动画基础知识 温泉县初级中学信息技术校本课程教材 2014 温泉县初级中学 那仁巴图 附录 FlashMX2004 基础知识 附录 2 页 信息技术校本课程纲要信息技术校本课程纲要 课程名称 信息技术校本课程课程名称 信息技术校本课程 承担教师 那仁巴图承担教师 那仁巴图 校本课程开发总体目标校本课程开发总体目标 1 通过信息技术学习 培养学生在信息技术方面的能力 从而提高学生综合素养和能 力 激发学生对信息技术的兴趣 2 让每个学生都学有所长 通过信息技术教育 努力培养自己的一技之长 为他们今 后的自我发展提供空间 3 培养学生的创新精神和实践能力 课程实施建议课程实施建议 针对全校七 八年级信息技术兴趣小组学生 通过上半年的学习 学生对信息技术有 一定了解 但是由于每一学期信息技术课时比较少 每周只有一节课 学生的遗忘性大 大 多数学生学后没有注意巩固 学生掌握的情况不是很理想 参差不齐 有条件的学生家中有 电脑 上机时间相对多一些 操作较熟练 有大部分学生纯粹是上课时间听课 课后就没有 练习巩固的机会 所以 这一部分学生对所学知识遗忘较大 操作生疏 学生对本学科的学 习积极性还是比较高 因为信息技术课并不像语文 数学那么枯燥 单调 也不像历史 政 治需要死记硬背 相对来说学生觉得比较新鲜 但是这又存在一个问题就是学生感兴趣的并 不是学习 而是打游戏 上网聊天 所以 学生对计算机的认识还有待提高 要进一步对他 们进行正确的引导 课程评价建议课程评价建议 由于此类课程从资源到学习活动本身都存在一定的开放性 因此 教师不再是也不可 能成为学生学习活动评价的主体 借助网络平台 学生学习活动的反馈与评价有如下特性 1 自评与他评为主 开放与共享是网络的特点 共享的同时也是自我展示和自我学习的过程 因此 基于 信息技术的校本课程的评价是自评基础上的他评 见贤思齐 承认他人将成为学生重要的评 价品质 2 弹性评价与强调参与 由于学习者的年龄 生活经历 信息技术水平存在差异 因此 在评价中提倡弹性评价 强调参与 尊重学习者的劳动价值 3 重视合作态度 合作角色 在社会科技分工越来越细的今天 合作已成为人们重要的一项能力 学习者在学习活动 中的合作态度 合作学习中扮演的角色也将体现其学习的品质 附录 FlashMX2004 基础知识 附录 3 页 目 录 第一周 初识 Flash 变形动画 第二周 升旗动画 第三周 转动的风车 第四周 蝴蝶飞 第五周 太阳 地球 月亮的转 动 第六周 开门动画 第七周 翻书动画 第八周 遮罩和配音 附录 FlashMX2004 基础知识 附录 4 页 附录 FlashMX2004 基础知识 附录 5 页 第第 1 1 课课 初识初识 Flash 变形动画 变形动画 学习任务学习任务 1 认识 Flash 中可以创建的两种动画 帧帧动画和过渡动画 2 制作一个球体逐渐变成五边形的变形动画 知识要点 知识要点 1 认识帧及关键帧 2 导入 GIF 图片 3 用颜料桶工具着色 4 使用椭圆工具绘制圆 使用多角星形工具绘制五边形 5 制作形状补间动画 操作步骤 操作步骤 一 一 帧及关键帧的概念帧及关键帧的概念 在 Flash 中 帧就是画面 一帧就是指一个画面 动画制作的关键画面就是关键帧 在 Flash 中为了提高工作效率 有些画面必须由作者制作 称为关键帧 有些画面则可以由计算机自动生成 称作中间帧 二 二 认识认识 FlashFlash 中可以创建的两种动画中可以创建的两种动画 1 帧帧动画 逐帧动画 制作好每一帧画面 然后连续播放产生动画效果 帧帧动画的每 一帧都要保存在文件中 因此文件很大 所以实际制作时帧帧动画用得比较少 2 过渡动画 变形动画 制作好若干关键帧的画面 由 Flash 通过计算生成中间各帧 使 画面从一个关键帧过渡到另一个关键帧 过渡动画的分类过渡动画的分类 根据画面形成的规则和形式 过渡动画又分为运动动画和变形动画 1 变形动画 就是由一种对象逐渐变为另一种对象 2 运动动画 它可以使一个对象在画面中移动 改变其大小 形状使其旋转 改变颜 色 产生淡入淡出等效果 各种变画可以独立进行也可以合成复杂的动画 三 三 制作变形动画制作变形动画 1 使用默认的电影属性 创建一个新文件 2 绘制球体图形 选取绘图工具中的椭圆工具 设置笔触颜色为无 填充颜色为蓝黑渐变色 按住 Shift 键在舞台左上 角绘制一个无边框的正圆 如图 1 1 图 1 1 3 绘制五边形图形 1 选中第 20 帧 击右键 单击插入空白关键帧在第 20 帧处插入空白关键帧 附录 FlashMX2004 基础知识 附录 6 页 2 选择多角星形工具 如图 1 2 图 1 2 多角星形工具 3 在舞台右下角 绘制一无边框红黑渐变色的五边形 如图 1 3 图 1 3 4 创建关键帧的动作回到第一帧 单击属性打开 属性 面板 在补间动画中选择形状 如 图 1 4 图 1 4 属性 面板 四 预览动画四 预览动画 执行 Ctrl 回车 预览动画效果 附录 FlashMX2004 基础知识 附录 7 页 五 五 保存动画效果 保存动画效果 思考与拓展 思考与拓展 1 如何修改文档 使球体变成五角星之后再逐渐变为球体 2 制作文字变形效果 数字 5 变成 9 提示 文字制作变形效果必须将文字转换为图形 使 用修改菜单中的分离命令 3 制作一模拟计算机安装软件时显示装载进程的动画 画面是一个红色的条带从左向右延 伸 附录 FlashMX2004 基础知识 附录 8 页 第第 2 2 课课 升旗动画升旗动画 学习任务学习任务 红旗升起的运动动画 知识要点 知识要点 1 设置舞台背景颜色 2 图层的使用 3 创建图形元件 4 用动作补间制作移动动画 操作步骤 操作步骤 一 一 新建文件新建文件 创建一个新文件 设置舞台背景色为淡蓝色 执行 窗口 属性 命令 快捷键 Ctrl F3 打开 属性 面板 属性 面板位 于舞台的下方 新建文档以后 用 属性 面板来指定文档的 舞台 大小 背景颜色 帧频 fps 也就是播放速度 以及文档的 发布设置 等参数 二 二 绘制旗杆绘制旗杆 设置笔触颜色为无颜色 填充颜色为棕色 选取矩形工具 分别绘制旗台 旗杆 如图 2 1 图 2 1 附录 FlashMX2004 基础知识 附录 9 页 三 三 制作红旗的图形符号制作红旗的图形符号 插入 新建元件 元件名称命名为 红旗 行为选取 图形 单击确定 进入元件编辑状态 如图 2 2 图 2 2 选取矩形工具 将笔触颜色设为无 填充色设为红色 在工作区绘制 红旗 四 四 制作运动动画制作运动动画 单击场景 回到工作区中 单击添加图层按纽添加图层 并将图层命名为 红旗 单击 Ctrl L 打开库面板 从库中将名为 红旗 的图形符号拖到工作区中 放到旗杆的 下端 如图 2 3 如红旗大小不合适 可以右击库中的红旗符号 选择 如红旗大小不合适 可以右击库中的红旗符号 选择 编辑编辑 命令 重命令 重 新编辑红旗符号 新编辑红旗符号 图 2 3 在图层 1 第 200 帧处插入帧 并在 红旗 层第 200 帧处插入关键帧 然后将红旗符号 移动到旗杆顶端 4 回到第一帧 右击选择 创建补间动画 完成后的时间轴效果图如下图 2 4 附录 FlashMX2004 基础知识 附录 10 页 图 2 4 五 五 预览动画预览动画 Ctrl Enter 预览动画效果 六 六 保存动画文件保存动画文件 执行 文件 另存为 命令 保存动画文件 生成的是扩展名为 fla 的可编辑的 Flash 文件 注 图层的概念 图层就像是若干张透明纸叠放在一起 透过图层上没有画东西的区域就可注 图层的概念 图层就像是若干张透明纸叠放在一起 透过图层上没有画东西的区域就可 以看到下面的图层 创建一个新的以看到下面的图层 创建一个新的 Flash 电影时 它仅有一层 在制作的过程中 可以根据电影时 它仅有一层 在制作的过程中 可以根据 图形和动画的需要在电影中加入并组织多个图层 图形和动画的需要在电影中加入并组织多个图层 思考与拓展思考与拓展 制作一个蝴蝶由近到远飞行的动画 并且蝴蝶图形由大慢慢变小 附录 FlashMX2004 基础知识 附录 11 页 第第 3 3 课课 转动的风车转动的风车 学习任务学习任务 制作一个只有 4 个叶片的风车绕风车中心点旋转的动画 知识要点 知识要点 1 变形面板的使用 2 组合对象 3 选择工具的使用 4 部分选取工具的使用 5 在动作补间中使用旋转 操作步骤 操作步骤 一 一 新建文件 设置背景属性为淡粉色 新建文件 设置背景属性为淡粉色 二 二 创建叶片符号创建叶片符号 插入 新建元件 元件名称命名为 叶片 行为选取 图形 单击确定 进入元件编辑状态 3 选择矩形工具 将设置笔触颜色为无填充色 填充颜色为绿黑渐变色 4 在符号区中绘制矩形 如图 3 1 图 3 1 图 3 2 5 选择 部分选取工具 选中矩形后 拖动矩形左下角顶点至矩形右下角顶点处 使左下 角两个顶点重合 矩形变成三角形 如图 3 2 6 选择 选择工具 移动鼠标指针到三角形的上边线处 鼠标变成箭头下跟圆弧线时 按 住鼠标左键向上拖动 使之成为弧形 如图 3 3 附录 FlashMX2004 基础知识 附录 12 页 图 3 3 图 3 4 7 使用 部分选取工具 选中变形后的三角形 通过拖动该图形底部的控制点将图形 3 3 调整为如图 3 4 所示的扇形 8 拖动叶片符号 使扇形的顶点与符号编辑工作区的中心点 字重合 建立符号中心点 三 三 创建风车符号创建风车符号 1 建立名为 风车 的图形符号 进入符号编辑工作区 2 使用 Ctrl L 组合键打开库面板 弹出如图 3 5 所示的窗口 从中选取叶片符号 并拖动 符号到编辑工作区 如图 3 6 所示 图 3 5 附录 FlashMX2004 基础知识 附录 13 页 图 3 6 3 拖动扇形叶片符号使其顶点与风车符号中心点重合 4 执行 窗口 设计面板 变形 命令 打开变形面板 4 选择旋转 在其后输入 90 度 如图 3 7 图 3 7 6 单击右下角的 复制并应用转换 按纽 复制叶片 绘制出风车图形 如图 3 8 附录 FlashMX2004 基础知识 附录 14 页 图 3 8 7 执行 编辑 全选 命令 将叶片全部选中 然后执行 修改 组合 命令 将 风车组合为一个整体 四 制作旋转动画四 制作旋转动画 1 单击场景 1 回到工作区中 将风车符号拖到舞台上 2 使用任意变形工具 调节风车符号的大小 3 选择第 10 帧 按 F6 插入关键帧 4 回到第一帧 单击属性打开 属性 面板 在补间框中选择 动作 在旋转下拉列表中 选择顺时针 六 六 预览动画预览动画 执行 Ctrl 回车 预览动画效果 七 七 保存动画效果 保存动画效果 思考与拓展思考与拓展 利作本课所学知识制作一个旋转的六角形雪花动画 你会吗 附录 FlashMX2004 基础知识 附录 15 页 第第 4 4 课课 蝴蝶飞蝴蝶飞 学习任务学习任务 制作 蝴蝶在花丛中飞舞 的动画 知识要点知识要点 让对象沿路径运动 引导层的使用 导入图片作为背景 操作步骤操作步骤 一 一 新建文件新建文件 选择 文件 新建 命令新建一个动画文件 二 二 导入背景图片导入背景图片 1 文件 导入 导入到舞台 导入一张花朵图片做为背景 调整图片大小 图 4 1 位 置 使 之 与 舞 台 大 小 一 致 并 在图层 1 第 70 帧处单击 F5 插入帧 三 制作蝴蝶飞的电影剪辑符号三 制作蝴蝶飞的电影剪辑符号 1 按快捷键 Ctrl F8 创建一个名为 蝴蝶飞 的影片剪辑元件 2 执行 文件 导入 导入到舞台 命令 导入蝴蝶图片 如图 4 2 附录 FlashMX2004 基础知识 附录 16 页 图 4 2 选用任意变形工具 蝴蝶图片四周出现 8 个小方框 把鼠标放在右下的小方框上 待鼠标变 为一个圆形箭头 鼠标轻轻向左一拖 把蝴蝶转个方向 如图 4 3 图 4 3 4 移动蝴蝶 使蝴蝶的头部正好在舞台的正中央 右键点时间轴上的第 3 帧 插入关键帧 附录 FlashMX2004 基础知识 附录 17 页 5 用任意变形工具 把蝴蝶压扁 如图 4 4 图 4 4 四 制作蝴蝶沿路径飞的运动动画四 制作蝴蝶沿路径飞的运动动画 1 回到场景一 单击 时间轴 面板中的插入图层按钮 新增一层并改名为 蝴蝶 2 按 Ctrl L 快捷键 打开库面板 将蝴蝶元件拖入到舞台中 然后在 蝴蝶 图层中右键 单击第 70 帧 选择插入关键帧 或按 F6 插入关键帧 3 添加运动引导层 1 建立引导层 选中 蝴蝶 图层 选择 插入 运动引导线 命令 或者直接单击 图层面板左下角第 2 个图标添加 引导层 按钮 2 单击引导层 在引导层中用铅笔绘制出一条运动线 注意要将 工具 面板下面的图标改 为平滑 如图 4 5 图 4 5 五 使蝴蝶沿路线运动五 使蝴蝶沿路线运动 1 为确保蝴蝶的头部是朝向运动路径的 在 蝴蝶 图层中选取第 1 帧 拖动蝴蝶到 路径起点位置 注意这时候 对齐对象 按钮必须处于打开状态 蝴蝶移动为路径 起点时会自动吸附到起点处 如下图 4 6 同样单击 蝴蝶 图层第 70 帧 拖动蝴 蝶到路径终点并吸附到终点上 如下图 4 7 图 4 6 图 4 7 附录 FlashMX2004 基础知识 附录 18 页 2 第 1 帧和第 70 帧之间创建 动作 动画 单击第 1 帧 打开属性面板 设置 补间 为 动作 勾选 缩放 调整到路径 同步 对齐 3 画制作完成 按 Ctrl Enter 测试动画 由于引导层在动画输出时是不可见的 所以 只看到一蝴蝶在飞 9 测试影片 保存动画 思考与拓展思考与拓展 1 再添加一只飞舞的蝴蝶 你会吗 2 如果要让蝴蝶在花朵上停留一会儿 你将如何修改此文档 附录 FlashMX2004 基础知识 附录 19 页 第第 5 课课 太阳 地球 月亮的转动太阳 地球 月亮的转动 学习任务学习任务 利用引导图层制作太阳 地球 月亮的转动 知识要点知识要点 创建电影剪辑符号 运动引导层的使用 操作步骤 操作步骤 一 新建文档一 新建文档 实例场景的大小为 600px 200px 背景为黑色 二 制作地球符号二 制作地球符号 1 按快捷键 Ctrl F8 打开 创建新元件 面板 创建一个名为 地球 的图形元件 单击 确定 进入元件编辑状态 2 选取椭圆工具 将笔触颜色设为无 填充色设为蓝黑渐变色 在工作区绘制 地球 注 意 球体的中心要和场景的中心 重叠在一起 这是实现效果的关键之一 三 制作月亮符号三 制作月亮符号 1 按快捷键 Ctrl F8 打开 创建新元件 面板 创建一个名为 月亮 的图形元件 单击确 定 进入元件编辑状态 2 选取椭圆工具 将笔触颜色设为无 填充色设为黄色 在工作区绘制 月亮 三 三 制作月亮围绕地球转动的元件制作月亮围绕地球转动的元件 1 按快捷键 Ctrl F8 创建一个名为 地球系 的影片剪辑元件 在 地球系 元件的场景 里双击 图层一 层的名字并改名为 地球 层 按快捷键 Ctrl L 打开库 把图形元件 地 球 拖拽到 地球 层中 接着在第 35 帧按 F5 键插入帧 2 单击 时间轴 面板中的插入图层按钮 新增一层并改名为 月亮 把库中的 月亮 元件拖拽到 月亮 层中 然后在该层的第 35 帧按 F6 键插入关键帧 并移动月亮的位置 然后回到该层的第 1 帧创建补间动画 3 单击 添加运动引导图层 按纽在月亮层上加一个运动引导层 并在引导层的第一帧画一 个无填充色的圆 然后使用橡皮工具将该圆擦去一个小缺口 然后单击图层 2 第一帧 将 月亮 放到引导线的一端 如图 5 1 再单击图层 2 第 35 帧 将 月亮 放到引导线的另 一端 如图 5 2 附录 FlashMX2004 基础知识 附录 20 页 图 5 1 图 5 2 五 制作地球月亮围绕太阳转动的动画五 制作地球月亮围绕太阳转动的动画 1 回到场景 1 选取椭圆工具 将笔触颜色设为无 填充色设为红色 在工作区绘制 太阳 并在第 70 帧处按 F5 插入帧 2 单击 时间轴 面板中的插入图层按钮 新增一层并改名为 地球系 按快捷键 Ctrl L 打开库 把电影剪辑元件 地球系 拖拽到 地球系 层中 接着在第 70 帧按 F6 键插入 关键帧 并移动地球系的位置 然后回到该层的第 1 帧创建补间动画 3 单击 添加运动引导图层 按纽在 地球系 层上加一个运动引导层 并在引导层的第一 帧画一个无填充色的圆 然后使用橡皮工具将该圆擦去一个小缺口 然后单击图层 2 第一帧 将 地球系 放到引导线线的一端 如图 5 3 再单击图层 2 第 70 帧 将 月亮 放到 引导线的另一端 如图 5 4 注意 中心点要与引导线对齐 图 5 3图 5 4 六 六 测试影片 保存动画 测试影片 保存动画 思考与拓展思考与拓展 利用引导层制作原子运动动画 两个电子绕原子核做半径不同的圆周运动 其中外层原子运 动周期是内层原子运动周期的两倍 附录 FlashMX2004 基础知识 附录 21 页 第 6 课 开门动画 学习任务 学习任务 制作两扇门逐渐打开的动画 知识要点 知识要点 插入背景图片 调整元件中心点 元件变形 操作步骤 操作步骤 一 创建新文档 插入背景图片一 创建新文档 插入背景图片 1 启动 FlashMX2004 程序 单击 创建空白文档 2 打开 文件 菜单 导入 导入到舞台 打开 导入 对话框 找到相应的图片 文件 单击 打开 按钮 图片导入到舞台 调整图片大小 位置 重命名此层为 背景 在 40 帧 插入帧 或按 F5 键 锁定此图层 如图 6 1 图 6 1 二 二 制作左扇门的动画制作左扇门的动画 1 单击时间轴上的 插入图层 按钮 插入一新图层 命名 左扇门 2 单击 矩形 工具 笔触颜色选择无 填充颜色选择红色 从图片的左上角起 按下鼠标 向右下拖动大约到图片中下部中点 选中此矩形 执行 修改 菜单 转换为元件 命令 附录 FlashMX2004 基础知识 附录 22 页 打开对话框名称输入 门 行为选择 图形 单击 确定 如图 6 2 图 6 2 矩形四周出现蓝线 说明此矩形转换成了元件 单击 任意变形工具 我们发现矩形四周 有 8 个正方形句柄 中间一个图形中心点 鼠标拖动中心点到左边线中间 然后在 40 帧插入 关键帧 调整此帧矩形形状 单击 任意变形工具 调整门的倾斜度 把右边线向下拖动 而后 把鼠标放在右线中间柄处 鼠标变成双箭头 向左拖动 使矩形向左缩小宽度成一很 窄矩形 选中第一帧 打开 属性 面板 补间栏选择 动作 如图 6 3 图 6 3 三 三 制作右扇门动画制作右扇门动画 1 新建一图层命名为 右扇门 2 打开 库 面板 把 门 元件 拖动到图片右半侧 调整大小位置 做两扇门并在一 起但不重叠 单击 任意变形工具 调整中心点到右边线中点 在 40 帧插入 关键帧 调 整此帧矩形形状 单击 任意变开工具 调整门的倾斜度 把左边线向下拖动 注意和左扇 门倾斜度一致 如图 6 4 而后 把鼠标放在左线中间柄处 鼠标变成双箭头 向右拖动 使矩形向右缩小宽度成一很窄矩形 与左扇门矩形等宽 然后在此层第一帧单击打开 属性 面板 下拉列表 选择 动作 如图 6 5 附录 FlashMX2004 基础知识 附录 23 页 图 6 4 图 6 5 四 四 测试影片 保存动画 测试影片 保存动画 思考与拓展思考与拓展 门打开后 让生日蛋糕放大显示 你如何修改此文档 附录 FlashMX2004 基础知识 附录 24 页 第第 7 课课 翻书动画翻书动画 学习任务 学习任务 制作翻书动作动画 知识要点 知识要点 插入背景图片 调整元件中心点 操作步骤 操作步骤 一 创建新文件一 创建新文件 创建空白文档 设置文档属性 执行 修改 菜单 文档 命令 打开 文档属性 对话框 设置场景颜色为天蓝色 其他参数保持不变 单击 确定 如图 7 1 图 7 1 二 绘制书皮二 绘制书皮 1 单击 矩形 工具 笔触选择颜色无 填充颜色选择一种颜色 如紫红色 从场景的 左上角起 按下鼠标 向右下拖动 宽度大约到场景的一半 高度大约到场景高度的五 分之四 2 单击 任意变形 工具 调整矩形为平行四边形 其右边线下顶点到场景下边线 制 作出前书皮 封面 调整一种填充颜色 同样方法制作出后书皮 封底 使两书皮大 小相等 相邻边线对齐 在 60 帧插入帧 F5 键 双击图层名称 命名此图层为 书 皮 锁定此图层 如图 7 2 附录 FlashMX2004 基础知识 附录 25 页 图 7 2 三 制作图片翻动动画 三 制作图片翻动动画 1 单击时间轴上插入图层图标 双击图层名称 命名此图层为 翻书 打开 文件 菜单 导入 导入到舞台 打开 导入 对话框 找到相应的图片文件 单击 打开 按钮 图片导入到舞台 调整图片大小 位置 利用 任意变形 工具 使之与后书皮正好 重合 把图片中心圆点拖动到右边中心 将来以此为中心轴翻动 如图 7 3 图 7 3 2 在 60 帧 插入关键帧 或按 F6 键 单击 任意变形 工具 选中此图片 拖动 右边线句柄到前书皮的左边线 调整其倾斜度 使之与前书皮正好重合 单击此图层第一帧 打开 属性 面板 补间 栏选择 动作 因是图片不属于形状 如图 7 4 附录 FlashMX2004 基础知识 附录 26 页 图 7 4 四 四 测试影片 保存动画 测试影片 保存动画 思考与拓展思考与拓展 1 假如再添加一个书页翻动 你如何修改此 flash 文档 2 如果制作成一本日记 两面都有文字 你如何修改此 flash 文档 附录 FlashMX2004 基础知识 附录 27 页 第 8 课