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

课题 第20课 使用Flash CS5制作网页动画素材（3） 课时 2课时（90 min） 教学目标 知识目标： （1）掌握设置填充和笔触颜色的方法 （2）掌握颜料桶、墨水瓶和渐变变形工具的用法 技能目标： （1）能够设置图形的填充和轮廓 （2）能够在实际中，灵活选用合适工具或方法对图形进行填充 素质目标： 不积跬步无以至千里，学习中要踏实学好基础知识，不断积累 教学重难点 教学重点：设置图形的填充和轮廓 教学难点：灵活选用合适的工具进行图形的填充 教学方法 问答法、讨论法、讲授法、练习法 教学用具 电脑、投影仪、多媒体课件、教材 教学设计 第1节课：课前任务→ 考勤（2 min）→  问题导入（3 min）→传授新知（30 min）→课堂实训（10 min） 第2节课：问题导入（3 min）→ 传授新知（22 min）→ 课堂实训（15 min）→ 课堂小结（3 min）→ 作业布置（2 min） 教学过程 主要教学内容及步骤 设计意图 第一节课 课前任务 【教师】让学生上网查询Flash还有哪些图形处理功能 【学生】按照要求完成课前任务 通过课前任务，让学生对Flash软件功能有个总体认识 考勤 （2 min） 【教师】使用文旌课堂APP进行签到 【学生】班干部报请假人员及原因 培养学生的组织纪律性，掌握学生的出勤情况 问题导入 （3min） 【教师】提出以下问题，并随机邀请学生进行回答 我们在学习Photoshop时，介绍了填充图像的方法，那么在Flash当中是否也能够填充图像？ 【学生】聆听、思考、回答 【教师】总结学生的回答，导入本节课内容：设置图形的填充和轮廓 通过与之前学习的Photoshop进行对比，引出在Flash中也能够填充图像 传授新知 （30 min） 【教师】讲解新知，设置图形的填充和轮廓 任务四 设置图形的填充和轮廓 一、任务说明 在Flash中绘制的图形都由填充和轮廓组成，可以分别设置这两个组成。本任务主要学习如何设置图形填充和笔触颜色，以及“颜料桶工具”、“墨水瓶工具”和“渐变变形工具”的应用。 二、预备知识 （一）设置填充和笔触颜色 在选择绘图工具、填充工具或目标图形后，可利用工具箱颜色区、“属性”面板或“颜色”面板来设置填充和笔触（轮廓）颜色。 利用工具箱颜色区和“属性”面板设置填充和笔触颜色的方法很简单，只需单击相应的色块，在打开的“拾色器”面板中选择需要的颜色即可；如果“拾色器”面板中没有所需颜色，还可单击按钮，在打开的“颜色”对话框中调制需要的颜色，如图9-82所示（详见教材）。 【课堂问答】 【教师】随机邀请学生回答以下问题 请思考，如果需要重复使用某自定义颜色，如何进行操作？ 【学生】聆听、思考、回答 【教师】总结学生的回答 定义一个颜色后，单击添加到自定义颜色按钮，可将自定义的颜色添加到“自定义颜色”区中，从而在下次打开“颜色”对话框时直接选择，而不用重新定义。 如果要设置渐变色和位图填充等，则需要使用“颜色”面板。下面介绍在“颜色”面板中设置填充和笔触颜色的具体方法。 【多媒体】演示在“颜色”面板中设置填充和笔触颜色的具体步骤 步骤1 新建一个Flash文档。使用“椭圆工具”绘制一个椭圆，然后使用“选择工具”双击椭圆的填充区域，将其填充和轮廓线同时选中。 步骤2 打开“颜色”面板，单击该面板左上角的“笔触颜色”按钮或“填充颜色”按钮，可调制“笔触颜色”或“填充颜色”。例如，单击“笔触颜色”按钮，然后单击“无色”按钮，可将椭圆的轮廓线设置为无。 步骤3 单击“填充颜色”按钮，然后拖动颜色条中的滑块并单击光谱图中的颜色来选择颜色；也可在H、S、B编辑框或R、G、B编辑框中输入数值来定义颜色；定义好颜色后还可以通过更改“Alpha”值来改变颜色的透明度，如图9-85左图所示（详见教材），效果如图9-85右图所示（详见教材）。 【知识库】 也可单击“笔触颜色”按钮或“填充颜色”按钮右侧的色块，在弹出的“拾色器”中选择颜色。 在Flash CS5中，能修改或输入数值的参数通常用蓝色并带有下划线的字体显示，如图9-85左图所示的，在该参数上按住鼠标左键向左或右拖动，可更改参数大小。此外，单击该参数，可直接输入参数值。 步骤4单击“颜色类型”按钮，可在展开的下拉列表中选择填充或笔触颜色类型（默认为纯色）。 步骤5将颜色类型设为“线性渐变”或“径向渐变”后，在“颜色”面板中会出现一个渐变条和两个色标。 【知识库】 渐变色是由两种或两种以上颜色通过不同方式混合而成的颜色，渐变条上的色标代表了渐变色中的不同颜色和位置。因此，通过设置色标颜色、数量和位置等，可创建出不同效果的渐变色。 步骤6单击选中某个色标，然后参照步骤3的方