3.4 位图与矢量图（教案）-高一《Flash CS6动画制作案例教程》同步精品课堂（电工版2018）

课 题 模块三 位图与矢量图 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《Flash CS6动画制作案例教程》作为中等职业学校计算机应用与软件专业数字媒体及其相关方向的基础教材，作为各类计算机动漫培训教材，本书采用案例教学、模块教学的方法，通过案例引领的方式讲述Flash CS6动画制作基础、工具的应用、基础动画、高级动画、应用文本、多媒体与脚本交互等最常用、最重要的功能和使用方法，并通过综合能力进阶全面展示Flash的动画制作技巧。 本节课内容为教材中“模块三 第四部分 位图与矢量图 学情分析 知识储备：理解位图和矢量图的概念、位图转换为矢量图的步骤和说明。 能力水平：掌握和运用位图和矢量图的概念、位图转换为矢量图的步骤和说明。 学习目标 知识目标：理解位图和矢量图的概念、位图转换为矢量图的步骤和说明。 能力目标：学会运用分离命令。 素质目标：熟悉位图与矢量图的转换。 学习重难点 教学重点：理解位图和矢量图的概念、位图转换为矢量图的步骤和说明； 教学难点：熟悉位图与矢量图的转换。 教学方法 实物展示法、讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对案例进行实操操作，让学生大致了解Flash CS6的基础知识和案例的主要内容的预习。 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3.展示学习目标 1.提前预习内容 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1组织学生观看实操内容，让同学们提起兴趣，对学习内容参与度更深。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识 活动二： 调动思维 探究新知 位图与矢量图 计算机以关量图或位图格式显示图形。使用 Flash 可以创建压缩矢量图形并将它们制作为动画，可以导入和处理在其他应用程序中创建的矢量图形和位图图形，还可以将导入的位图分离为像素或将位图转换为矢量图。 位图使用在网格内排列的被称作像素的彩色点来描述图像。 在 Flash 中，判断图片是位图还是矢量图的方法为: 选取工具箱中的选择工具选中图形，如图所示，以点的形式显示的为矢量图形，周围出现一个边框的为位图。 1、关于矢量图和位图 位图使用在网格内排列的被称作像素的彩色点来描述图像。 在 Flash 中，判断图片是位图还是矢量图的方法为: 选取工具箱中的选择工具选中图形，如图所示，以点的形式显示的为矢量图形，周围出现一个边框的为位图。 2、导入并设置位图属性 导入到库”菜单命令，选择相应的素材图片，执行“导入一导入到舞台”即可将位图导入 Flash 中。 选择导入的位图，通过“属性”面板可以显示并改变该位图的像素尺寸以及在舞台上的位置，还可以交换位图实例，即用当前文档中的其他位图的实例替换该实例。 通过“库”面板可以查看已导入的位图并进一步设置位图属性。在“库”面板中选择一个位图，单击“库”面板底部的“属性”按钮·，弹出“位图属性”对话框，勾选“允许平滑”复选框，可以对导入的位图应用消除锯齿功能，平滑图像的边缘。在压缩下拉列表中选择“无损(PNG/GIF ”选项，单击“测试”按钮，在该对话框的底部可查看压缩后的结果。 3、将位图应用为填充 若要将位图作为填充应用到图形对象，可使用“颜色”面板中的位图填充，将位图应用为填充时，会平铺该位图以填充对象。 （1）在舞台上绘制一个矩形。 （2）打开颜色面板，如图3-40 所示。在“填充类型”下拉列表中选择“位图填充”打开“导入到库”对话框。 （3）选择文件“位图_小鱼jpg”，单击“打开”按钮，矩形被位图填充。 （4）使用“渐变变形”工具缩放、旋转并倾斜图像及其位图填充，调整效果如图 3-41所示。 4、将位图转换为矢量图形 由于Flash 是一个基于矢量图形的软件，有些操作针对位图图像是无法实现的，这时可以通过“转换位图为矢量图”命令将位图转换为具有可编辑的离散颜色区域的矢量图形。转换为矢量图后，图形会以像素化显示，移动图形时图内离散区域的轮廓会随着鼠标移动移动矢量图与移动位图时的对比效果。 1.位图与矢量图 1. 通过来源以及演变方式等知识的学习，完成课后练习。 1. 细化课程知识点设计，让学生更好的理解和掌握。 2. 知识点在学生心理更清晰明了。 说明 将图像作为矢量图形处理，通常可以减小文件大小。但如果导入的位图包含复杂的形状和许多颜色，则转换后的矢量图形的文件比原始的位图文件大。若要找到文件大小