电子教案-《FlashCC动画设计与制作》-A06-2765第三章FlashCC色彩工具操作

1、第三章Flash CC 色彩工具操作课题3.1绘制西瓜课时教学内容1、运用所学工具绘制西瓜案例2、掌握Flash CC径间渐变填充工具教学目标使用所需知识制作绘制西瓜的案例教学重点运用所学工具绘制案例教学难点通过学习掌握FlashCCg向渐变填充工具，在今后的实际案 例中能够应用教学活动及主要谛言学生活动一、创设意境，导入新课（设疑法、提问法）导入：同学们，今天我们T来学习用flash软件绘制好吃美味的 大西瓜。二、新课教学（讲解法、提问法、示范法）步骤：1.选择【文件】一【新建】命令，在“新建文档”对话框中选择 “ActionScript3.0 : 新建一个大小为“ 600 >500象

2、素”，帧频为 “24fps"，背景颜色为“白色”的空白文档，如图3 -1所示。再新 建一个名为“西瓜”的“图形”元件。2,使用“矩形工具”，在舞台中绘制一个深绿色的矩形，如图 3- 2所示。学生回顾 自己在日 常生活中 西瓜的形 态，并随 着教师的 讲解，引 导出本节 课要学习 的内容。止匕时学生 应该壮思 听和观看 教师的讲 解与操作 ,因为此 处是新知 识，同时 也应积极 回答相应 的问题， 进行认真 的思考匚图3-13.使用“选择工具”，调 C组合键复制，然后按Ctrl 如图3 3所小。图3 2整图形为锯齿形状，选择图形后按Ctrl+V组合键粘贴多个图形，并调整位置，4.使用“

3、椭圆工具”在图形上绘制一个无填充色的椭圆形，如图3 4所示；用“任意变形工具”选择图形并封套，调整封套效果， 以调整图形形状，如图35所示;使用“选择工具”将圆形以外的 多余部分删除，按Ctrl+G组合图形组合。图3 3图3 4图35学生听讲 ,笔记5 .使用“椭圆工具”在舞台上的空白处绘制一个与上一个图 形大小相同的椭圆形，在“属性”面板中设置填充颜色为“径向渐 变”并设置颜色，如图3 -6所示。6 .使用“颜料桶工具”上色，用“选择工具”将两个图形重 合，并将有纹理的一个图形放在上面，如图3-7所示。选中图形，按 Ctrl+G组合键进行图形组合。7.选择“颜料桶工具”，填充设置为“径向渐变

4、”，在“颜 色”面板中添加4个色标，并分别设置这6个色标的颜色渐变，如图 3-8所示。在舞台空白处绘制一个直径与西瓜宽度相仿的西瓜瓣， 删除轮廓线。8.图3 6图3 7图3-8学生听讲 ,笔记8 .使用“椭圆工具”，在舞台空白处绘制一个黑色的椭圆形。如图39所示；使用“选择工具”，对椭圆进行变形，如图 3-10 所示。把绘制好的小黑点放置到西瓜瓣中，作为西瓜籽。使用“任 意变形工具”将西瓜变形，如图311所示。9,使用“选择工具”框选图3-11中的上半部分图形；将选中 的部分删除，删除后剩下图形如图312所示。10.将“素材 第三章3.1绘制西瓜 背景.jpg ”导入到舞台，返回 场景1,将“

5、西瓜”元件拖入到舞台，并调整到合适的位置，如图3学生思考 、讨论图39图310图3 11图312图313学生根据 教师规定 动手制作 案例13所小o3.1.4能力扩展扩展效果图综合运用前面所学知识，绘制柠檬在桌子上，如上图所示“扩 展效果图”课题3.2 绘制花朵课时教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握油漆桶工具及任意变换能力教学目标运用所学知识绘制花朵，掌握Flash绘图的技巧教学重点运用所学知识绘制案例教学难点通过学习掌握Flash绘图的技巧，在今后的实际工作中能够 应用教学活动及主要谛言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展小果例二、新课教

6、学（讲解法、提问法、示范法） 步骤：1.选择【文件】一【新建】命令，在“创建新文档”对话框中选 择“ActionScript3.0 ”，新建一个大小为“ 600 >500象素”，帧频 为“24fps"，背景颜色为“白色”的空白文档。冉新建一个名为“ 花”的“图形”元件。2 .使用“椭圆工具”，在舞台中绘制一个填充颜色为“#FF6666”，描边颜色为“#99000。的椭圆形，笔触为“ 1”，具体设置 情况如图314所示，绘制的椭圆形如图3-15所示。3 .使用“选择工具”，移动鼠标至椭圆的低端，按住 Alt键， 同时按着鼠标左键拖拽，将椭圆的底端调整为尖角，再用同样的方 式调整其

7、顶端，作为一片花瓣，如图316所示。4 .在舞台的空白处绘制一个无填充颜色，笔触颜色为“黑色” 的正圆，然后选中绘制好的花瓣，放置在相应的位置，如图3 -17所 示。教师展示 图片，导 出本节课 要学习的 内容。吸 引学生兴 趣此部分主 要由老师 来讲解， 同时学生 也配合着 老帅回答 一些常见 问题图314图315图316图317图3 18图319图320此时学生 应该汪忠 听教师的 讲解，因 为此处是 新知识， 同时也应 积极回答 相应的问 题，进行 认真的思 考5 .选中花瓣，按住Alt键拖拽鼠标，复制出4个花瓣，如图3 1 8所示；然后用“任意变形工具”旋转拖拽花瓣，将它们放置在黑 色

8、空心圆相对应的位置。如图3-19所示，完成后删除黑色空心圆， 如图320所示。6 .选中排列好的5片花瓣，如图3-21所示；复制被选中的花瓣 ,使用“任意变形工具”以中心点为轴心旋转花瓣，如图 322所 示；重复操作两次，所有的花瓣绘制完成，如图 323所示。7 .绘制花蕊部分，选择“椭圆工具”绘制三个不同大小的正 圆，颜色分别是 “ #CC9933 ”#CC6600 ”#443601”，如图3 24 所示。图 323图 3248,使用“线条工具”，在舞台绘制一组平行的直线，如图 3- 25所示；复制这组直线，使用“任意变形工具”调整第二组直线使 之与第一组直接相交错，如图3-26所示。图32

9、5图3269 .使用“任意变形工具”，将绘制的三个圆以及交错的网格， 以中心为基点对齐，使之重合，如图327所示。将完成的花蕊部 分，移动到花瓣的中心位置，如图328所示。图3 27图3 28学生听讲 ,笔记10 .绘制花梗部分，使用“矩形工具”，绘制一个填充颜色为 “#01660。，描边颜色为“ #003300'的长方形，如图3 29所示 o使用“选择工具”使长方形变形，如图3-30所示。11 .使用“直线工具”绘制叶子，然后用“选择工具”对叶子进行调整变形，填充颜色与花梗部分一致，如图 331所示。12 .使用“任意变形工具”和“选择工具”把绘制好的花、花 梗及叶子调整到相应的位置

10、,一朵花制作完成,如图 332所示。图329图330图331图3 32学生根据 教师要求 进行案例13 .将“素材 第三章32绘制花朵 背景.jpg ”导入到舞台, 返回场景1,将“花”元件拖入到舞台，并调整到合适的位置，如 图3 33所小。图 3 333.2.4能力扩展扩展效果图综合运用前面所学知识，制作如上图所示的缤纷的花朵效果图教学活动及主要谛言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展小果例二、新课教学（讲解法、提问法、示范法）步骤：1.选择【文件】一【新建】命令，在“创建新文档”对话框中选择“ActionScript3.0 ”，新建一个大小为“ 600x500象素”，帧

11、频 为“24fps"，背景颜色为“白色”的空白文档。冉新建一个名为“雨伞”的“图形”元件，如图334所示。教师展示 图片，导 出本节课 要学习的 内容。吸 引学生兴 趣X梅通E：能，R件X；-酶3图 3 342.使用“椭圆工具”，在舞台中绘制一个无填充颜色的椭圆形， 如图335所示。此部分主 要由老师 来讲解， 同时学生教学难点课题3.3综合案例（一）绘制彩虹雨伞珠门教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握填充上色及线性渐变的能力教学目标运用所学知识绘制彩虹雨伞，掌握Flash绘图的技巧教学重点运用所学知识绘制案例通过学习掌握Flash绘图的技巧，在今后的

12、实际工作中能够 应用3.使用“椭圆工具”，在刚绘制的大椭圆形中绘制一个正圆，如 图3 36所小。图335图3364.选中小正圆；按住Alt键不放；向右拖动再复制出几个横向排列 的小正圆；当遇到最右边的小正圆没有与大椭圆的右边紧靠的情况 时，其解决办法为：在确认不选中大椭圆形的情况下；将鼠标箭头 放到大椭圆最右边的弧线上，当箭头变为带圆弧的箭头时向左拖动 ,即可进行调节，效果如图337所示。5.使用“选择工具”，框选图337中的下半部分图形，如图3-38所示；将选中的部分删除掉，删除后剩下图形如图 339所示。图337图3 386,使用“线条工具”，以大弧线的中点为起点，小弧线的交点为 结束，分

13、别绘制5条直线，如图340所示；使用“选择工具”，对 所绘制的线条进行调整，如图3-41所示；图3 39图 3 40图3417.使用“颜料桶工具”，选择“线性渐变”，从左到右依次设置颜色为 “ #0000FF' "#58F748' "#33CCFF “#FF0000' "#F F72FF' "#FFFF02共6个颜色，分别渐变到黑色，如图342、图 343、图344、图345、图3 46和图3 47所小。填充后，效 果如图348所示。也配合着 老师回答 一些常见 问题此时学生 应该汪忠 听教师的 讲解，因 为此处是 新知识

14、， 同时也应 积极回答 相应的问 题，进行 认真的思 考学生听讲 ,笔记tP! m图 345图 346图 3 47图 3 488.使用“钢笔工具”，绘制一个笔触为“ 17.45”并带弯钩的 伞柄。其参数设置如图349所示，完成后按Ctrl+Enter组合键进 行效果测试，如图3-50所示。学生根据 教师要求 进行案例 练习图 3 49图 3509.将“素材 第三章 综合案例（一）绘制彩虹雨伞 背景.jpg ”导入到舞台，返回场景1,将“雨伞”元件拖入到舞台，并调整 到合适的位置，效果如图351所示。教师展示 图片，导 出本节课 要学习的 内容。吸 引学生兴 趣此部分主 要由老师 来讲解， 同时

15、学生 也配合着 老师回答 一些常见 问题图 3 52图 3 51课题3.4 综合案例（二） 绘制卡通木板课时教学内容1、运用所学知识制作案例2、掌握Flash绘图的技巧3、掌握钢笔工具及木板颜色的设置能力教学目标:运用所学知识绘制卡逋木板，掌握Flash绘图的技巧教学重点运用所学知识绘制案例教学难点通过学习掌握Flash绘图的技巧，在今后的实际工作中能够 应用教学活动及主要语言学生活动一、创设意境，导入新课（设疑法、提问法）导入：展示案例二、新课教学（讲解法、提问法、示范法）步骤：1 .选择【文件】一【新建】命令，在“建新文档”选择“ Act ionScript3.0 ”，新建一个大小为“ 6

16、07M00象素”，帧频为“ 24f ps”背景颜色为“白色”的空白文档。2 .选择【文件】一【导入】一【导入到舞台】命令，导入” 第三章3.4综合案例（一）绘制卡通木板 素材草地”文件，选择 “任意变形工具”，选中舞台的素材图片，鼠标 +shift键等比例调 整图片大小，如图3 52所小。3 .新建“元件1”，选择“矩形工具”，打开“属性”，把笔触颜色去除，填充颜色位置设置为#C79E59如图图353所示。然后在舞台上绘制长方形木板，如图 图3 54所小o图 3 53图 354此时学生 应该汪忠 听教师的 讲解，因 为此处是 新知识， 同时也应 积极回答 相应的问 题，进行 认真的思 考学生听

17、讲 ,笔记图358图3 594 .选择“钢笔工具”，在长方形边上绘制三角形，制作木板 缺口，如图355所示。使用“选择工具”，选中绘制的三角形， 如图356所示。注意不要选择三角形边框线，把点选的三角形删 除，接着点选三角形边框删除，效果如图3-57所示。图 3 55图3 56图3575. “元件1”中新建图层2。选择“矩形工具”，打开“颜色”面板，将笔触颜色去除，填充颜色设置为“ #A06844',如图3 58所示。绘制木板的细的长条方形木板纹路，并选择“部分选取工具”,修改线路形状，如图359所小和图360所小。图 3 606 .新建图层3,在“颜色”面板将颜色透明度降低（A:29

18、% ,如图361所示；再次使用“矩形工具”绘制木板纹路；使用“ 部分选取工具”调整木板形状和纹路，调整过程中可根据需要使用 “钢笔工具”添加点，效果如图362所示。图361图3627 .在时间轴面板上，右击选中“图层1”，在弹出的对话框中 执行【复制图层】命令，如图3-63所示。在该面板上即可看到图 层1的复制图层，如图364所示。Jl.事定幽图尝匕超现北,艮W 即我麻年盟切区三堂口型总配拈器工垸F区餐添上啪屿丽喀3- -1 层层层E 囹国罔图1IUJAn图363图3648 .选择的最下层的“图层1”，使用“选择工具”，在“颜色 ”面板将填充颜色设置为“ #70583A',如图365所示。将图层1 往下移动，制作出木板阴影效果如图366所示。图 3 66图 3659 .新建“元件2”，用同样的方法绘制一块卡通木板，如图 367所示。10 .新建“元件3”，使用“矩形工具”，在“属性”面板将颜 色去除，将填充颜色设置为“ #7D6321',然后在舞台中绘制一个 矩形，并使用“部分选取工具”修改形状，效果如图 368所示。11 .在“元件3”中新建图层2,使用“矩形工具”绘制木头的 阴影，颜色设置为“ #574B24',并降低透明度（A: 62% ,效果 如图369所小o学生根据 教师要求 进行案例 练习12 .新建图层3,使用“矩