第19课 使用Flash CS5制作网页动画素材（2）（教案）-《网页制作三合一案例教程》同步教学（航空工业出版社）

课题 第19课 使用Flash CS5制作网页动画素材（2） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握使用铅笔和线条工具绘制线条以及使用选择工具调整线条的方法 （2）掌握使用椭圆和矩形工具绘制几何图形，以及使用任意变形工具变形图形的方法 技能目标： （1）能够在Flash中绘制和调整线条 （2）能够在Flash中绘制和变形几何图形 素质目标： 学习上要夯实基础，才能学习更难更复杂的知识，切忌眼高手低 教学重难点 教学重点：绘制和调整线条 教学难点：使用任意变形工具 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（37 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网观察网页当中Flash动画的特点，总结Flash动画的基本组成元素 【学生】按照要求完成课前任务 通过课前任务，让学生了解Flash动画的基础是图形和图像 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 请学生观察网页中各种图形的轮廓是由什么组成的？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：绘制和调整线条 培养学生的观察和总结能力，引出线条在Flash制作动画中的基础作用 传授新知 （30 min） 【教师】讲解新知，绘制和调整线条 任务二 绘制和调整线条 一、任务说明 Flash动画中各种图形的轮廓都是由线条组成的，利用Flash CS5提供的“线条工具”和“铅笔工具”可以绘制各种线条，利用“选择工具”可以将绘制的线条调整为任何形状，从而得到需要的图形。 二、预备知识 （一）使用线条工具 使用“线条工具”可以绘制出不同角度的直线段，其使用方法可参考以下操作。 步骤1 单击选中工具箱中的“线条工具”，或按快捷键【N】，然后在“属性”面板中设置线条的“笔触颜色”（即线条颜色）、“笔触高度”（即线条粗细）和“笔触样式”（实线、虚线等）等参数，如图9-29所示（详见教材）。 步骤2 移动光标至舞台上，光标呈“十”形状，在起始位置单击并按住鼠标左键，之后拖动鼠标光标至终点位置，释放鼠标即可绘制一条直线，如图9-30所示（详见教材）。 【知识库】 选择绘图工具后，也可以单击工具箱下方的“笔触颜色”和“填充颜色”按钮，来设置图形的线条和填充颜色，如图9-31所示（详见教材）。 默认情况下，使用绘图工具绘制的是分散的矢量图形，方便使用“选择工具”单独选中对象的各个部分进行编辑，如图9-32左图所示（详见教材）；若按下工具箱底部的“对象绘制”按钮，绘制的图形将作为一个整体对象存在，方便对图形进行整体操作，如图9-32右图所示（详见教材）。通常保持默认设置。 若按下“贴紧至对象”按钮，则绘制的图形会自动贴紧离自己最近的对象，如图9-33所示（详见教材）。 （二）使用铅笔工具 使用“铅笔工具”可以模仿用铅笔在纸上绘制图形的效果，并且通过设置绘图模式，可以绘制不同风格的线条。“铅笔工具”的使用方法可参考以下操作。 步骤1 单击工具箱中的“铅笔工具”，或按快捷键【Y】，可以选中“铅笔工具”；“铅笔工具”与“线条工具”的“属性”面板大同小异，保持默认设置不变，如图9-34所示（详见教材）。 步骤2 单击工具箱选项区的“铅笔模式”按钮，可在打开的下拉列表中选择绘图模式，本例选择“平滑”模式，如图9-35所示（详见教材）。 【课堂问答】 【教师】随机邀请学生回答以下问题 绘图模式中“平滑”模式、“伸直”模式、“墨水”模式各适用于什么情况？ 【学生】聆听、思考、回答 【教师】总结学生的回答 平滑”模式适于绘制流畅平滑的线条；“伸直”模式适于绘制规则形状，会将近似于三角形、圆形和矩形等规则形状的线条自动转换为这些常见的几何形状；“墨水”模式适于绘制接近徒手画出的线条。 步骤3 设置好“铅笔工具”的属性并选择绘图模式后，将光标移到舞台上，按住鼠标左键不放并拖动，松开鼠标后，便会沿拖动轨迹生成线条，如图9-36所示（详见教材）。 【小技巧】 “铅笔工具”的3种绘图模式各有特点，在绘图时应根据不同的需要进行选择，图9-37（详见教材）为分别使用3种模式绘制的图形。另外，在使用“线条工具”和“铅笔工具”绘图时按住【Shift】键，可绘制垂直或