《Flash CC动画设计与制作》教案-第三章 Flash CC色彩工具操作

第三章FlashCC色彩工具操作课题3.1绘制西瓜课时教学内容1、运用所学工具绘制西瓜案例2、掌握FlashCC径向渐变填充工具教学目标使用所需知识制作绘制西瓜的案例教学重点运用所学工具绘制案例教学难点通过学习掌握FlashCC径向渐变填充工具，在今后的实际案例中能够应用教学活动及主要语言学生活动创设意境，导入新课（设疑法、提问法）导入：同学们，今天我们一起来学习用flash软件绘制好吃美味的大西瓜。新课教学（讲解法、提问法、示范法）步骤：1．选择【文件】→【新建】命令，在“新建文档”对话框中选择“ActionScript3.0”，新建一个大小为“600×500像素”，帧频为“24fps”,背景颜色为“白色”的空白文档，如图3-1所示。再新建一个名为“西瓜”的“图形”元件。2．使用“矩形工具”，在舞台中绘制一个深绿色的矩形，如图3—2所示。图3-1图3—23．使用“选择工具”，调整图形为锯齿形状，选择图形后按Ctrl+C组合键复制，然后按Ctrl+V组合键粘贴多个图形，并调整位置，如图3—3所示。4.使用“椭圆工具”在图形上绘制一个无填充色的椭圆形，如图3—4所示；用“任意变形工具”选择图形并封套，调整封套效果，以调整图形形状，如图3—5所示;使用“选择工具”将圆形以外的多余部分删除，按Ctrl+G组合图形组合。图3—3图3—4图3—55．使用“椭圆工具”在舞台上的空白处绘制一个与上一个图形大小相同的椭圆形，在“属性”面板中设置填充颜色为“径向渐变”并设置颜色，如图3-6所示。使用“颜料桶工具”上色，用“选择工具”将两个图形重合，并将有纹理的一个图形放在上面,如图3-7所示。选中图形，按Ctrl+G组合键进行图形组合。选择“颜料桶工具”，填充设置为“径向渐变”，在“颜色”面板中添加4个色标，并分别设置这6个色标的颜色渐变，如图3-8所示。在舞台空白处绘制一个直径与西瓜宽度相仿的西瓜瓣，删除轮廓线。图3—6图3—7图3-8使用“椭圆工具”，在舞台空白处绘制一个黑色的椭圆形。如图3—9所示；使用“选择工具”，对椭圆进行变形，如图3—10所示。把绘制好的小黑点放置到西瓜瓣中，作为西瓜籽。使用“任意变形工具”将西瓜变形，如图3—11所示。使用“选择工具”框选图3—11中的上半部分图形；将选中的部分删除，删除后剩下图形如图3—12所示。10.将“素材\第三章\3.1绘制西瓜\背景.jpg”导入到舞台，返回场景1，将“西瓜”元件拖入到舞台，并调整到合适的位置，如图3—13所示。图3—9图3—10图3—11图3—12图3—133.1.4能力扩展扩展效果图综合运用前面所学知识，绘制柠檬在桌子上，如上图所示“扩展效果图”。学生回顾自己在日常生活中西瓜的形态，并随着教师的讲解，引导出本节课要学习的内容。此时学生应该注意听和观看教师的讲解与操作，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考学生听讲，笔记学生听讲，笔记学生思考、讨论学生根据教师规定动手制作案例课题3.2绘制花朵课时教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握油漆桶工具及任意变换能力教学目标运用所学知识绘制花朵，掌握Flash绘图的技巧教学重点运用所学知识绘制案例教学难点通过学习掌握Flash绘图的技巧，在今后的实际工作中能够应用教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展示案例新课教学（讲解法、提问法、示范法）步骤：1．选择【文件】→【新建】命令，在“创建新文档”对话框中选择“ActionScript3.0”，新建一个大小为“600×500像素”，帧频为“24fps”,背景颜色为“白色”的空白文档。再新建一个名为“花”的“图形”元件。2．使用“椭圆工具”，在舞台中绘制一个填充颜色为“#FF6666”,描边颜色为“#990000”的椭圆形，笔触为“1”，具体设置情况如图3—14所示，绘制的椭圆形如图3—15所示。3．使用“选择工具”，移动鼠标至椭圆的低端，按住Alt键，同时按着鼠标左键拖拽，将椭圆的底端调整为尖角，再用同样的方式调整其顶端，作为一片花瓣，如图3—16所示。4.在舞台的空白处绘制一个无填充颜色，笔触颜色为“黑色”的正圆，然后选中绘制好的花瓣,放置在相应的位置，如图3-17所示。图3—14图3—15图3—16图3—175.选中花瓣，按住Alt键拖拽鼠标，复制出4个花瓣，如图3—18所示；然后用“任意变形工具”旋转拖拽花瓣，将它们放置在黑色空心圆相对应的位置。如图3—19所示,完成后删除黑色空心圆，如图3—20所示。图3—18图3—19图3—206.选中排列好的5片花瓣，如图3—21所示；复制被选中的花瓣，使用“任意变形工具”以中心点为轴心旋转花瓣，如图3—22所示；重复操作两次，所有的花瓣绘制完成，如图3—23所示。7．绘制花蕊部分，选择“椭圆工具”绘制三个不同大小的正圆，颜色分别是“#CC9933”“#CC6600”“#443601”,如图3—24所示。8．使用“线条工具”，在舞台绘制一组平行的直线，如图3—25所示；复制这组直线，使用“任意变形工具”调整第二组直线使之与第一组直接相交错，如图3—26所示。图3—21图3—22图3—23图3—24图3—25图3—269．使用“任意变形工具”,将绘制的三个圆以及交错的网格，以中心为基点对齐，使之重合，如图3—27所示。将完成的花蕊部分，移动到花瓣的中心位置，如图3—28所示。图3—27图3—2810．绘制花梗部分，使用“矩形工具”，绘制一个填充颜色为“#016600”，描边颜色为“#003300”的长方形，如图3—29所示。使用“选择工具”使长方形变形，如图3—30所示。11.使用“直线工具”绘制叶子，然后用“选择工具”对叶子进行调整变形，填充颜色与花梗部分一致，如图3—31所示。12.使用“任意变形工具”和“选择工具”把绘制好的花、花梗及叶子调整到相应的位置，一朵花制作完成，如图3—32所示。图3—29图3—30图3—31图3—3213.将“素材\第三章\3—2绘制花朵\背景.jpg”导入到舞台，返回场景1，将“花”元件拖入到舞台，并调整到合适的位置，如图3—33所示。图3—333.2.4能力扩展扩展效果图综合运用前面所学知识，制作如上图所示的缤纷的花朵效果图。教师展示图片，导出本节课要学习的内容。吸引学生兴趣此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考学生听讲，笔记学生根据教师要求进行案例练习课题3.3综合案例（一）绘制彩虹雨伞课时教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握填充上色及线性渐变的能力教学目标运用所学知识绘制彩虹雨伞，掌握Flash绘图的技巧教学重点运用所学知识绘制案例教学难点通过学习掌握Flash绘图的技巧，在今后的实际工作中能够应用教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展示案例二、新课教学（讲解法、提问法、示范法）步骤：1．选择【文件】→【新建】命令，在“创建新文档”对话框中选择“ActionScript3.0”，新建一个大小为“600x500像素”，帧频为“24fps”,背景颜色为“白色”的空白文档。再新建一个名为“雨伞”的“图形”元件，如图3—34所示。图3—342．使用“椭圆工具”，在舞台中绘制一个无填充颜色的椭圆形，如图3—35所示。3．使用“椭圆工具”，在刚绘制的大椭圆形中绘制一个正圆，如图3—36所示。图3—35图3—364．选中小正圆；按住Alt键不放；向右拖动再复制出几个横向排列的小正圆；当遇到最右边的小正圆没有与大椭圆的右边紧靠的情况时，其解决办法为：在确认不选中大椭圆形的情况下；将鼠标箭头放到大椭圆最右边的弧线上，当箭头变为带圆弧的箭头时向左拖动，即可进行调节，效果如图3—37所示。5．使用“选择工具”，框选图3—37中的下半部分图形，如图3—38所示；将选中的部分删除掉，删除后剩下图形如图3—39所示。图3—37图3—386．使用“线条工具”，以大弧线的中点为起点，小弧线的交点为结束，分别绘制5条直线，如图3—40所示；使用“选择工具”，对所绘制的线条进行调整，如图3—41所示；图3—39图3—40图3—417．使用“颜料桶工具”，选择“线性渐变”，从左到右依次设置颜色为“#0000FF”“#58F748”“#33CCFF”“#FF0000”“#FF72FF”“#FFFF02”共6个颜色，分别渐变到黑色，如图3—42、图3—43、图3—44、图3—45、图3—46和图3—47所示。填充后，效果如图3—48所示。图3—42图3—43图3—44图3—45图3—46图3—47图3—488.使用“钢笔工具”，绘制一个笔触为“17.45”并带弯钩的伞柄。其参数设置如图3—49所示，完成后按Ctrl+Enter组合键进行效果测试，如图3—50所示。图3—49图3—509．将“素材\第三章\综合案例（一）绘制彩虹雨伞\背景.jpg”导入到舞台，返回场景1，将“雨伞”元件拖入到舞台，并调整到合适的位置，效果如图3—51所示。图3—51教师展示图片，导出本节课要学习的内容。吸引学生兴趣此部分主要由老师来讲解，同时学生也配合着老师回答一些常见问题此时学生应该注意听教师的讲解，因为此处是新知识，同时也应积极回答相应的问题，进行认真的思考学生听讲，笔记学生根据教师要求进行案例练习课题3.4综合案例（二）绘制卡通木板课时教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握钢笔工具及木板颜色的设置能力教学目标运用所学知识绘制卡通木板，掌握Flash绘图的技巧教学重点运用所学知识绘制案例教学难点通过学习掌握Flash绘图的技巧，在今后的实际工作中能够应用教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展示案例二、新课教学（讲解法、提问法、示范法）步骤：1．选择【文件】→【新建】命令，在“建新文档”选择“ActionScript3.0”，新建一个大小为“607×400像素”，帧频为“24fps”背景颜色为“白色”的空白文档。2．选择【文件】→【导入】→【导入到舞台】命令，导入“第三章\3.4综合案例（一）绘制卡通木板\素材\草地”文件，选择“任意变形工具”，选中舞台的素材图片，鼠标+shift键等比例调整图片大小，如图3—52所示。图3—523．新建“元件1”，选择“矩形工具”，打开“属性”，把笔触颜色去除，填充颜色位置设置为#C79E59，如图图3—53所示。然后在舞台上绘制长方形木板，如图图3—54所示。图3—53图3—544．选择“钢笔工具”，在长方形边上绘制三角形，制作木板缺口，如图3—55所示。使用“选择工具”，选中绘制的三角形，如图3—56所示。注意不要选择三角形边框线，把点选的三角形删除，接着点选三角形边框删除，效果如图3-57所示。图3—55图3—56图3—575．“元件1”中新建图层2。选择“矩形工具”，打开“颜色”面板，将笔触颜色去除，填充颜色设置为“#A06844”，如图3—58所示。绘制木板的细的长条方形木板纹路，并选择“部分选取工具”，修改线路形状，如图3—59所示和图3—60所示。图3—58图3—59图3—606．新建图层3，在“颜色”面板将颜色透明度降低（A:29%），如图3—61所示；再次使用“矩形工具”绘制木板纹路；使用“部分选取工具”调整木板形状和纹路，调整过程中可根据需要使用“钢笔工具”添加点，效果如图3—62所示。图3—61图3—627．在时间轴面板上，右击选中“图层1”，在弹出的对话框中执行【复制图层】命令，如图3—63所示。在该面板上即可看到图层1的复制图层，如图3—64所示。图3—63图3—648．选择的最下层的“图层1”，使用“选择工具”，在“颜色”面板将填充颜色设置为“#70583A”，如图3—65所示。将图层1往下移动，制作出木板阴影效果如图3—66所示。图3—65图3—669.新