八年级信息技术第12课水波荡漾.ppt

八年级上册信息技术第3单元奇思妙想第12课水波荡漾 遮罩层 动画授课老师 孜伟旦木 买买吐地 jjjll 教学目标 知识与技 1 复习各类型元件的制作方法 熟练掌握元件的位置 颜色等属性的更改 2 复习巩固引导层动画的制作方法 过程与方法 学习遮罩层动画的制作 情感态度与价值观 让学生通过欣赏与制作简单动画来培养计算机兴趣 jjjll 教学方法 理论 讨论 讲解 教学课时 第 1 课时 总 3 节教学重点 本课学习的重点 遮罩层动画 教学难点 遮罩层动画的创建是本课的重点也是难点 教学过程 师引入课题 教师演示本课范例 创作天地范例 百叶窗特效 放大镜特效等具有遮罩层特效的动画 让学生观察用所学的知识能否完成这些动画效果的制作 以此引入本课学习的重点 遮罩层动画 一 制作背景师 导入外部图片用于制作动画作品的背景 并利用影片剪辑元件的颜色透明度设置制作出水中倒影效果 导入图片师先做演示操作 然后学生上机操作 具体演示操作步骤 1 新建动画文件 修改文档 属性 的大小为 800 600像素 背景色为 蓝色 2 执行 文件 导入 导入到库 命令 将素材图片bk10 bmp导入到库中 学生上机往库导入图片 制作有水中倒影效果的背景师先做演示操作 然后学生上机操作 具体演示操作步骤 1 执行 插入 新建元件 命令 新建图形元件 背景图 2 打开 库 面板 将图像bk10 bmp拖放到舞台 3 回到场景1的编辑状态 重命名 图层1 为 背景 将图形元件 背景图 拖放到舞台上 在 属性 面板中调整X Y的坐标值为0 0 如教材P66图10 2所示 4 在 图层1 上复制图形元件 背景图 的另一个实例 在属性面板中调整其X Y坐标值为0 300 颜色透明度设置为40 如教材P66图10 3所示 5 使用 选择工具 单击舞台下方位置的 背景图 执行 修改 变形 垂直翻转 命令 制作出水中倒影的物效 如教材P66图10 4所示 6 在 背景 层第50帧插入帧 学生上机制作有水中倒影效果的背景 二 制作乘伞落下的小熊师先做演示操作 然后学生上机操作 具体演示操作步骤 1 新建图形元件 落水的小熊 使用 线条工具 椭圆工具 等绘制小熊图案 如教材P67图10 5所示 2 回到 场景1 的编辑状态 新建图层 重命名为 小熊 将图形元件 落水的小熊 拖放到舞台上方 在第50帧插入关键帧 移动小熊位置 使其位于有倒影的水中 3 在图层 小熊 上添加运动引导层 绘制小熊落下的轨迹 4 将图层 小熊 上第1帧和第50帧位置的实例 落水的小熊 分别锁定在路径的两端 5 在图层 小熊 上第1至第50帧之间创建动画补间动画 完成小熊落下的引导层动画 如教材P67图10 6所示 学生上机制作乘伞落下的小熊 三 利用遮罩层制作水中倒影特效 制作倒影层师 观察生活中的水中倒影可以看出 水波波动时 水里物体的影像会向外扩散 产生比真实物体放大的效果 师先做演示操作 然后学生上机操作 具体演示操作步骤 1 在图层 背景 和图层 小熊 的第80帧插入帧 2 新建图层 重命名为 水中倒影 在第50帧插入关键帧 3 复制 背景 层上的倒影图案 粘贴在 水中倒影 层的第50帧位置 使用 任意变形工具 将图像适当放大 如教材P68图10 7所示 学生上机制作倒影层 制作水波遮罩师先做演示操作 然后学生上机操作 具体演示操作步骤 1 新建图层 重命名为 水波 2 在第50帧插入关键帧 使用 刷子工具 绘制如教材P68图10 8所示的圆环图案 3 在 水波 层的第80帧插入关键帧 使用 任意变形工具 将水波图案放大 如教材P69图10 9所示 4 在 水波 层的第50至80帧之间创建形状补间动画 5 右击图层 水波 在弹出的快捷菜单中选择 遮罩层 命令 则水波荡漾的效果就制作完成了 如教材P69图10 10所示 学生上机制作水波遮罩 智多星 教材P69 遮罩师 遮罩动画是Flash中常用的一种技巧 遮罩动画就像是一张纸上镂空了一个形状 透过这个形状可以看到下面的图层 用于遮罩的对象可以是任意形状的图形 文字或元件等 遮罩下面的图层 被遮罩层 可以透过遮罩层中的对象显示出来 对象以外的部分将被遮蔽 DIY 教材P70 遮罩师 比较下面两个实例的不同 体会遮罩动画的神奇效果 实例1 以渐变的图形作为遮罩层学生上机制作体会 制作步骤 1 新建文件 修改文档 属性 的大小为 300 180像素 2 将图层1重命名为 文字 使用 文本工具 写入静态文字GELLO 在该图层第25帧插入帧 3 新建图层 重命名为 圆 在第1帧绘制 七彩线形填充 的图形 在第25帧插入关键帧 使用 任意变形工具 放大圆形图案使其覆盖住文字 并在该层创建形状补间动画 4 右击图层 圆 在弹出的快捷菜单中选择 遮罩层 命令 如教材P70图10 11所示 5 测试影片 观看效果 实例2 以文字作为遮罩层学生上机制作体会 制作步骤 1 重复实例1中的第1 3步 2 调整图层顺序 使 文字 图层位于 圆 图层的上方 3 右击图层 文字 在弹出的快捷菜单中选择 遮罩层 命令 如教材P71图10 12所示 4 测试影片 观看效果 师引导分析 实例1以由小变大的椭圆图形作为遮罩 使下面一层的文字通过镂空的椭圆显示出来 椭圆以外的文字被遮蔽 由于椭圆是遮罩层 所以椭圆的颜色不影响画面效果 实例2以文本作为遮罩层 通过镂空的文字线条将下一层的椭圆图形显示出来 文字线条以外的图形被遮蔽 由于文字是遮罩层 所以文字的颜色将不影响画面效果 而椭圆的色彩透过文字线条显示出来 四 保存文件将动画源文件以 水波荡漾 为文件名保存到自己文件夹中的 作业 文件夹中 并测试生成swf格式的文件 知识着陆 教材P71 遮罩是Flash中的一个常用功能 在遮罩层中 可以使用 绘图工具 绘制各种图形作为遮罩 透过这些图形能够看到被遮罩层的内容