电子教案-《Flash CC动画设计与制作》-A06-2765 第二章 Flash CC图形绘制基础

第二章 Flash CC图形绘制基础课题 2.1 绘制彩虹课时教学内容运用椭圆工具绘制彩虹教学目标要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法，并能将其灵活应用到实践中。

教学重点介绍选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法教学难点如何运用椭圆工具绘制简单的动画教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：本案例主要讲述如何运用椭圆工具绘制彩虹，通过实际操作介绍一些绘制素材时经常使用的命令。

通过本例的学习，要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法，并能将其灵活应用到实践中。

二、新课教学（讲解法、提问法、示范法）步骤：1.执行【新建】命令，弹出“新建文档”对话框，如图2-1所示；新建一个空白Flash文档，如图2-2所示；在右侧的“属性”面板，打开编辑窗口，效果如图2-3所示；在属性窗口把分辨率设置为“300×300像素”，单击“确定”按钮，如图2-4所示。

图2-1 图2-2 教师展示案例图形，并随着教师的讲解，引导出本节课要学习的内容。

此时学生应该注意听和观看教师的讲解与操作，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考图2-3 图2-42．打开“颜色”面板，如图2-5所示；在“颜色”面板内选择“线性渐变”，降低一个色标颜色改为“白色”，第二个色标颜色改为“浅蓝色”，如图2-6所示。

图2-5 图2-63．选择“矩形工具”，绘制一个“300×300像素”的矩形放置在舞台上并且跟舞台对齐，如图2-7所示。

图2-7学生听讲，笔记学生思考、讨论4．选择“变形工具”，调整线性渐变的方向与位置，如图2-8和2-9所示。

图2-8 图2-95．在“插入”菜单点击【新建元件】命令，新建一个名称为“彩虹”的图形元件，如图2-10所示。

6．打开“视图”菜单，选择网格→【显示网格】命令，如图2-11所示。

图2-10 图2-117．选择“椭圆工具”，将笔触颜色设置为“黑色”，填充颜色设置为“无”，选中一个中心点，同时按住Shift+Alt组合键绘制一个正圆框，用同样的方法再绘制７个同心圆框，如图2-12、图2-13、图2-14所示。

此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题学生认真观看教师操作，并将其记录下来。

图2-12 图2-13 图2-14 8．选中“颜料桶工具”，如图2-15所示。

依次中“红”“橙”“黄”“绿”“青”“蓝”“紫”，填充7个圆框，如图2-16所示，填充完成后，单击“选择工具”，将黑色线条删除，如图2-17所示。

图2-15 图2-16 图2-17 9．再利用“选择工具”，选中整个圆形的一部分，用Delete键删除，如图2-18所示；单击“场景1”按钮，返回场景1界面，打开库面板，将图形元件彩虹移到舞台上合适的位置，用“变形工具”调整其大小，如图2-19和图2-20所示。

图2-18图2-19图2-2010．创建一个新的图层，命名为“云朵”，如图2-21所示。

图2-2111．在新的图层中选择“椭圆工具”，在“颜色”面板把笔触颜色设置为“无”，填充颜色设置为“白色”，在彩虹的下方绘制出云朵，如图2-22和图2-23所示。

图2-22 图2-23 12．打开“文件”菜单，选择【导出】→【导出图像】命令，命名为“彩虹”，并保存，如图2-24和图2-25所示。

图2-24 图2-252.1.3 案例小结——椭圆工具的运用本节主要介绍了对一些基本工具的运用，如椭圆工具、变形工具、选择工具等。

难点是使用Flash工具箱中的椭圆工具绘制图形以及对工具箱中各种工具的属性进行设置，如使用椭圆工具时同时按住Shift+Alt组合键可以绘制一个正圆框。

2.1.4 能力扩展扩展效果图综合运用前面所学的知识，使用矩形工具、椭圆工具、填充工具和选择工具等命令，制作如上图所示的棒棒糖。

学生思考、讨论学生根据教师规定动手制作案例课题 2.2 绘制Q版角色课时教学内容如何运用钢笔工具绘制Q版角色小Q教学目标要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法教学重点选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法教学难点运用钢笔工具绘制Q版角色教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：本案例主要讲述如何运用钢笔工具绘制Q版角色小Q。

通过本例的学习，要求能熟练掌握选择工具、椭圆工具、填充变形工具的使用方法以及颜色面板的设置方法，并能将其灵活应用到实践中。

二、新课教学（讲解法、提问法、示范法）步骤：1．执行【新建】命令出“新建文档”对话框，新建一个空白Flash文档，在属性窗口把分辨率设置成“300×300像素”，单击“确定”按钮。

2．打开“插入”菜单，选择【新建元件】命令，,弹出“创建新元件”窗口，把新建元件名称改为“Q版角色”，单击“确定”按钮,，如图2-26所示；选择“钢笔工具”，打开颜色面板，设置填充颜色和描边颜色，如图2-27所示。

图2-26图2-27 学生回顾上节课学习的内容，并随着教师的讲解，引导出本节课要学习的内容。

此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题3．在“颜色”面板内，把填充颜色设置为“黄色”，把描边颜色设置为“深黄色”，如图2-28所示。

图2-284．使用“钢笔工具”在舞台中绘制图形路径，如图2-29所示。

鼠标左键按住“钢笔工具”不松，选择“转换描点工具”调整路径形状，如图2-30所示；再使用“直接选择工具”调整路径形状，如图2-31所示。

图2-29 图2-30 图2-315．选择“填充”按钮，把路径内填充颜色，如图2-32所示。

图2-326．使用相同的方法，继续创建角色投影部分的路径，再填充颜色，如图2-33、图2-34、图2-35所示。

此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考学生听讲，笔记图2-33 图2-34 图2-357．新建图层，选择“椭圆工具”，打开“颜色”面板，再填充颜色为“线性渐变”，如图图2-36 、图2-37 、图2-38所示。

图2-37 图2-38 图2-398．在舞台中绘制椭圆形，如图图2-39所示。

新建图层2，同样的方法绘制椭圆形，如图2-40所示。

图2-39 图2-409．新建图层3，选择“矩形工具”，打开“颜色”面板，填充类型设置为“纯色”，颜色设置为“红色”，描边颜色设置为“深黄色”，在舞台绘制一个矩形，如图图2-41、图2-42和图2-43所示。

此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题图2-41 图2-42 图2-4310．选择“钢笔工具”按钮，在刚绘制的图形上面添加锚点，如图2-44所示。

选择“直接选择工具”调整锚点的形状，如图2-45所示。

选择“直线工具”，在舞台中绘制直线，使用“直接选择工具”对直线进行调整，效果如图2-46所示。

图2-44 图2-45 图2-4611．新建图层4，用同样的方法做出角色的躯体，如图2-47和图2-48所示。

图2-48 图2-4912．返回场景1界面，选择“矩形工具”，设置描边颜色为“无”，设置填充颜色为线性的渐变颜色，在舞台中绘制一个矩形，将矩形设置为“300×300学生认真观看教师操作，并将其记录下来。

像素”，并调整位置，如图2-49、图2-50、图2-51、图2-52所示。

图2-49 图2-50图2-51 图2-5213．打开“库”面板，把刚绘制的角色拖到舞台中，使用“变形工具”调整位置，完成角色的绘制，如图2-53和图2-54所示。

图2-53图2-5414．执行“控制”菜单下的【测试影片】命令,可以测试动画效果。

执行“文件”菜单下的【保存】命令,保存原文件,如图2-55和图2-56所示。

图2-56 图2-572.2.3 案例小结——钢笔工具的运用本节的难点是钢笔工具的运用，钢笔工具主要用于绘制直线和曲线，其下拉菜单中不同的图标有不同的含义（分别是钢笔工具、增加锚点工具、删除锚点工具、转换锚点工具）。

使用钢笔工具可以创建需要的曲线路径，只要熟练掌握其使用方法，这种简单的Q版角色制作起来就会得心应手。

2.2.4 能力扩展扩展效果图学生根据教师要求进行扩展项目练习综合运用前面所学的知识，使用钢笔工具和选择工具等命令，制作如上图所示的Q版角色。

课题 2.3 绘制星空课时教学内容通过实际操作介绍一些绘制素材时经常使用的命令教学目标要求熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形工具的使用方法和颜色面板的设置方法教学重点熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形工具的使用方法和颜色面板的设置方法教学难点如何使用一些绘制素材时经常使用的命令教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：本案例主要通过实际操作介绍一些绘制素材时经常使用的命令。

通过本例的学习，要求熟练掌握使用选择工具、椭圆工具、矩形工具、填充变形工具的使用方法和颜色面板的设置方法，并能灵活应用到实践中。

二、新课教学（讲解法、提问法、示范法）步骤：1．新建文档，在属性窗口把分辨率设置成“600×400像素”，单击“确定”按钮。

2．打开“插入”菜单，选择【新建原件】命令，弹出“创建新元件”窗口，把新建元件名称改为“月亮”，单击确定按钮，如图2-57所示。

选择“钢笔工具”，打开“颜色”面板，设置填充颜色和描边颜色，如图2-58所示。

图2-57 图2-583．使用“钢笔工具”在舞台上绘制月亮的外形，如图2-59所示。

学生根据教师的提问进行思考问题此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题4．使用“填充工具”填充相应的颜色，如图2-60所示；新建图层1，用同样的方法绘制月亮的明暗细节，如图2-61所示。

图2-59 图2-605．新建图层2，选择“椭圆工具”，设置相应的填充颜色，在舞台上绘制一个椭圆形，如图2-62所示。

图2-61 图2-626．使用同样的方法，继续创建角色的眼睛，并调整其位置，单击“确定”按钮，如图2-63、图2-64、图2-65所示。

图2-63 图2-64 图2-657．新建图层3，选择“钢笔工具”，打开“颜色”面板，设置相应的颜色，绘制月亮的眉毛、嘴巴，再填充颜色，如图2-66所示。

学生听讲，笔记图2-668．打开“插入”菜单，选择【新建元件】命令，弹出“创建新原件”窗口，把新建元件名称改为“星星”，单击“确定”按钮，如图2-67所示。

图2-699．选择"钢笔工具"以及相应的线框颜色绘制星星的形状，填充相应的颜色，如图2-68所示；新建图层4，用同样的方法绘制星星的明暗细节，如图2-69所示。