动画设计与制作 课件 学习单元2 基本图形绘制

学习单元2基本图形绘制动画设计与制作知识目标1.了解常用绘制工具的相关知识；2.掌握常用绘制工具的基本操作和绘图技巧；3.掌握常用绘制工的参数设置。能力目标素养目标1.能够根据需要正确选择正确的绘图工具；2.能够根据需要绘制所需要的动画元素；3.能够根据需要进行相应的参数设置。1.培养学生自主探究、知识迁移能力；2.培养学生发现问题、解决问题能力；3.培养学生树立坚持不懈的意志、坚守岗位的责任意识和科技强国的民族自豪感。思维导图基础任务2.1

绘制铅笔

【任务描述】铅笔，在我们的学习生涯中是不可或缺的文具用品，在学习写字时，往往都是从铅笔开始，铅笔的进化历程记录了智慧的朴实之美。本任务我们将运用直线工具、钢笔工具、颜料桶工具、文本工具、选择工具等，绘制一只卡通铅笔。通过任务实施，增强学生善于发现问题、分析问题的意识，培养严谨细致的工作作风。任务储备1常用绘制工具的相关知识（1）

Animate具有强大的绘图功能，它不仅可以创建和修改图形，还可以自由绘制需要的线条和路径，并且进行填充。1.选择工具

使用选取工具可以选择全部对象，方法是单击某个对象或拖动对象，便可将其围在一个矩形选框内。要选择实例、组和文本块，必须将它们围起来。

2.线条工具

线条工具是用于绘制直线和斜线的几何形状绘制工具，该工具绘制不封闭的直线和斜线，其由两点确定一条线。3.钢笔工具

利用【钢笔工具】可以绘制精确的矢量直线和曲线。使用【钢笔工具】绘制时要创建锚点，锚点决定了线的长度和方向，可以通过调节锚点来修改和编辑直线与曲线。

任务储备1常用绘制工具的相关知识（1）4.颜料桶工具

【颜料桶工具】可以添加或改变内部填充区域的色彩属性，选择【颜料桶工具】，在【属性面板】中设置填充颜色，在图形线框内单击，线框内被填充颜色。5.矩形工具

【矩形工具】就是用于绘制矩形图形的工具，矩形工具是从椭圆工具扩展出来的一种绘图工具，其用法与椭圆工具相似，【矩形工具】组主要包括【矩形工具】和【基本矩形工具】。6.椭圆工具【椭圆工具】是用于绘椭圆或者圆的工具，用户可以任意设置笔触、线宽和线型，还可以任意选择轮廓线的颜色和椭圆形的填充色。【椭圆工具】组主要包括【椭圆工具】和【基本椭圆工具】。

任务储备1常用绘制工具的相关知识（1）7.多角星形工具

【多角星形工具】用于绘制多边形或多角星形。通过【属性面板】中的【工具选项】调整参数，可以绘制出不同的多边形和星型。8.文本工具

【文本工具】，用于在作品中输入一段文字，分为静态文本、动态文本、输入文本。任务实施1制作铅笔(1)选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,点击【创建】按钮，如图2-1-1所示。图2-1-1新建文件(2)择【钢笔工具】，在【属性面板】中选择笔触的颜色为#C081DF，绘制铅笔的顶端，如图2-1-2所示。图2-1-2绘制铅笔顶端任务实施1制作铅笔(3)选择【颜料桶工具】，点击【属性面板】|【颜色和样式】|【填充】，如图2-1-3所示；在打开的面板中，点击【颜色选择器】图标，选择颜色为#FFF3FC，进行填充，如图2-1-4所示。图2-1-3颜料桶属性、色板

(4)点击【选择工具】，框选绘制的图形，按住【Ctrl+G】进行组合(5)选择【椭圆工具】，点击【属性面板】|【颜色和样式】|【填充】，在打开的面板中，点击【颜色选择器】图标，选择填充颜色为#321266；点击【属性面板】|【颜色和样式】|【笔触】，在打开的面板中取消笔触的选择，绘制椭圆，如图2-1-5所示。图2-1-5选择填充色、笔触颜色

图2-1-4铅笔顶端填充颜色

任务实施1制作铅笔(6)点击【选择工具】，框选绘制的图形，按住【Ctrl+G】进行组合，选择【任意变形工具】调整其位置、大小、角度，效果如图2-1-6所示。图2-1-6笔顶端调整后并组合的效果(7)选择【线条工具】，绘制铅笔的身体，效果如图2-1-7所示。(8)选择【颜料桶工具】，在【属性面板】中选择填充色为#FFFF66,进行颜色填充，效果如图2-1-8所示。图2-1-7绘制铅笔的身体

图2-1-8铅笔填充颜色后的效果

任务实施1制作铅笔(9)选择【线条工具】，绘制铅笔头，如图2-1-9所示。图2-1-9绘制笔头(10)选择【线条工具】，对铅笔头进行分割；选择【选择工具】，将鼠标移至线条处，向上拖动，使其弯曲成弧线，效果如图2-1-10所示。(11)选择【颜料桶工具】，为铅笔头的上半部分填充颜色为#FFF3FC,为笔尖填充颜色为#321266，效果如图2-1-11所示。(12)用【选择工具】框选铅笔，按住【Ctrl+G】组合键，对铅笔进行组合，铅笔绘制完成。图2-1-10绘制笔尖图2-1-11为笔尖填充颜色任务实施1制作铅笔(13)选择【文字工具】，在【属性面板】中选择字体为【华文行楷】，【大小】为“50”，设置填充颜色为#422673，在舞台上单击鼠标，输入文字“我爱中国”，效果如图2-1-12所示。图2-1-12书写文字(14)调整文字的位置，调整铅笔的位置和角度，完成效果，如图2-1-13所示。图2-1-13调整文字和笔的角度任务小结1制作铅笔1.铅笔的绘制可以用多种方法完成，同学们要能够举一反三；2.文字的类型应选择静态文字；3.用颜料桶填充颜色时，空间要完全闭合。基础任务2.2

制作火箭

【任务描述】火箭是由中国人发明的，中国是古代火箭的故乡。由中国古代科学家最早运用火药燃气反作用力原理创制的火箭，在当代科学精英的手中发展成为运载飞船升空的大力神，这是我们每个炎黄子孙都引以为自豪的辉煌成就。本任务我们将运用矩形工具、墨水瓶工具、部分选择工具等，绘制一只腾空而起的火箭。通过任务实施，增强学生热爱祖国、为国争光的坚定信念和勇于登攀、敢于超越的进取意识，形成科学求实、严肃认真的工作作风。任务储备2常用绘制工具的相关知识（2）1.部分选取工具

使用部分选取工具可改变动画的运动路径。单击工具箱内的部分选取工具，选择舞台上修改的对象，可以看到路径上对应于每个位置属性关键帧的控制点和贝塞尔手柄。拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状。

2.滴管工具

【滴管工具】，可以吸取画面中矢量线、矢量色块、位图等相关属性的设置，并直接应用于另外的矢量对象。3.墨水瓶工具【墨水瓶工具】可以改变线段的样式、粗细和颜色，可以为矢量图形添加边线，但它本身不具备任何的绘画能力。

任务实施2制作火箭⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图2-2-1所示，点击【创建】按钮。⑵选择【椭圆工具】，点击【属性】面板|【颜色和样式】|【填充】，在打开的面板中，点击【颜色选择器】图标，选择填充颜色为#1F4359；点击【属性】面板|【颜色和样式】|【笔触】，在打开的面板中取消笔触的选择，绘制椭圆，如图2-2-2所示。⑶选择部分选取工具，点击椭圆，周围会出现很多锚点和控制柄，调整椭圆的形状如图2-2-3所示。图2-2-1新建对话框

图2-2-2椭圆属性对话框、绘制椭圆图2-2-3用部分选取工具调整椭圆的形状任务实施2制作火箭⑷选择【钢笔工具】，在【属性面板】中选择笔触的颜色为#1F4359，绘制火箭的翅膀，并填充颜色为#1F4359，如图2-2-4所示。(5)用同样的方法绘制火箭的另一个翅膀，并填充颜色为#1F4359，效果如图2-2-5所示。(6)选择【矩形工具】，点击【属性面板】|【颜色和样式】|【填充】，在打开的面板中，点击【颜色选择器】图标，选择填充颜色为#990000；点击【属性面板】|【颜色和样式】|【笔触】，在打开的面板中取消笔触的选择，如图2-2-6所示；在矩形选项设置矩形四个角的圆角数分别为（1，1,5,5）绘制矩形，如图2-2-7所示。图2-2-4绘制火箭翅膀图2-2-5填充颜色图2-2-6设置填充色和笔触颜色图2-2-7绘制圆角矩形任务实施2制作火箭(7)点击【钢笔工具】，绘制火箭的火焰。(8)选择【颜料桶工具】，在【属性】面板中选择填充色为#FECB33进行填充，效果如图2-2-8所示。(9)双击“火焰”的边线，按【Del】键删除。效果如图2-2-9所示。(10)用同样的方法绘制完成火箭的火焰部分，效果如图2-2-10所示。图2-2-8绘制火焰的一部分图2-2-9

删除火焰的边框图2-2-10绘制完整的火焰任务实施2制作火箭(11)选择【线条工具】，为火箭的顶部进行分割，如图2-2-11所示。(12)选择【颜料桶工具】，为火箭的上半部分填充颜色为#333333，为顶部填充颜色为#EADCC9，效果如图2-2-12所示。(13)用【选择工具】框选铅笔，按住【Ctrl+G】组合键，对火箭进行组合，火箭身体部分绘制完成。图2-2-11用线条工具分割火箭顶部图2-2-12

给火焰顶部填充颜色任务实施2制作火箭(14)选择【椭圆工具】，在【属性面板】中选择【填充】色为白色，【笔触】设置为“无”，按住【Ctrl+Alt】键，有中心向外绘制一个正圆，按住【Ctrl+G】组合键，使圆形变成一个组合。移动圆形的位置到合适位置，效果如图2-2-13所示。(15)选择【椭圆工具】，在【属性面板】中选择【填充】色为白色，【笔触】设置为“5”，按住【Ctrl+Alt】键，由中心向外绘制一个正圆，如图2-2-14所示。(16)选择【墨水瓶工具】，在【属性面板】中选择【笔触】的颜色为#1F4359，单击圆形的边缘，改变圆形边缘的颜色，效果如图2-2-15所示。图2-2-13用椭圆工具绘制圆形装饰图2-2-14

绘制圆环图2-2-15

改变圆环的颜色任务实施2制作火箭(17)用【选择工具】框选圆形，按住【Ctrl+G】组合键进行组合，移动其位置、大小至合适位置，效果如图2-2-16所示。(18)选择【椭圆工具】，在【属性面板】中选择【填充】色为白色，【笔触】设置为“5”，按住【Ctrl+Alt】键，由中心向外绘制一个正圆，如图2-2-14所示。(19)火箭绘制完成。图2-2-16用椭圆工具绘制圆形装饰图2-2-14调整圆环的位置任务小结2制作火箭1.部分选择工具点击对象后，可以通过锚点来修饰对象；2.墨水瓶工具只能填充笔触；3.滴管工具可以吸取源对象的属性。基础任务2.3

制作粽子香囊

【任务描述】端午节是中国民间的四大传统节日之一，是集拜神祭祖、祈福辟邪、欢庆娱乐和饮食为—体的民俗大节，是我国首个入选世界非物质文化遗产的节日。端午节小孩p佩戴香囊，不但有避邪驱瘟之意，而且有襟头点缀之风。本任务我们将运用多边形工具、传统画笔工具等，绘制一只可爱精美的粽子香囊。通过任务实施，使学生深刻感受中国文化的博大精深，增强民族自信心和自豪感，更好地传承与发扬我国的传统文化。任务储备3常用绘制工具的相关知识（3）1.流畅画笔工具流畅画笔工具：拖动鼠标可以在舞台上随意拖动，即可绘制任意直线或曲线。

2.传统画笔工具：可以绘制任意形状、大小及颜色填充区域，也可以给已经绘制好的对象填充颜色。任务实施3制作粽子香囊⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图2-3-1所示，点击【创建】按钮。图2-3-2多角星形工具(2)选择【多角星形工具】，点击【属性面板】|【工具选项】|【边数】，输入“3”，点击【属性面板】|【颜色和样式】|【笔触】，在打开的面板中取消笔触的选择绘制三角形，如图2-3-2、图2-3-3所示。图2-3-1新建文件图2-3-3绘制三角形任务实施3制作粽子香囊(3)选择部【分选取工具】，点击三角形，周围会出现很多锚点和控制柄，调整三角形的形状如图2-3-4所示。图2-3-5给粽子填充颜色(4)选择【颜料桶工具】，在属性面板中选择填充的颜色为#FBDDD0，点击三角形，填充相应的颜色，效果如图2-3-5所示。图2-3-4用部分选择工具调整三角形外观任务实施3制作粽子香囊(5)选择【线条工具】，在属性面板中【颜色和样式】|【笔触】中选择墨绿色#006633，【笔触大小】设为“1”，在粽子上绘制墨绿色的线条，如图2-3-6所示。(6)单击【选择工具】，将其放置在线条上拖动，使之形成弧形，效果如图2-3-7所示。(7)选择【颜料桶工具】，在【属性面板】中选择填充色为#00CC66进行填充，效果如图2-3-8所示。(8)用同样的方法绘制粽子的另一部分,效果如图2-3-9所示。(9)用【选择工具】框选粽子按住【Ctrl+G】组合键对其进行组合。图2-3-6给粽子绘制线条图2-3-7调整线条的弧度图2-3-8填充颜色图2-3-9绘制粽子另一部分任务实施3制作粽子香囊(10)选择【椭圆工具】，在【属性面板】中【笔触】设置为“无”，按住【Ctrl+Alt】键，有中心向外绘制一个正圆效果如图2-3-10所示。(11)选择【颜料桶工具】，点击【颜色面板】|【填充类型】选择线性渐变，选择渐变的颜色为#F3BF8B和#FF2759，为圆形填充渐变色，效果如图2-3-11所示。(12)用【选择工具】框选圆形腮红，按住【Ctrl+G】组合键，对其进行组合；按住【Alt+鼠标左键】进行拖动，复制一个圆，调整两个圆形腮红的位置，效果如图2-3-13所示。图2-3-10绘制腮红的形状图2-3-11给腮红填充渐变色图2-3-13复制腮红并调整位置任务实施3制作粽子香囊(13)选择【传统画笔工具】，点击【属性】|【填充】，打开色板；点击【颜色选择器】选择颜色为#47181F；在【传统画笔】选项中调整其大小，在舞台上点击，绘制眼睛，效果如图2-3-14所示。（14）用【选择工具】框选圆形眼睛，按住【Ctrl+G】组合键，对其进行组合；按住【Alt+鼠标左键】进行拖动，复制一个圆，调整两个眼镜的位置，效果如图2-3-15所示。(15)选择【线条工具】，在【属性面板】中选择【笔触】的颜色为#333333，绘制直线，选择【选择工具】，将鼠标放至线条边缘，拖动，使之形成弧线；再绘制一条直线，使之形成嘴的形状，效果如图2-3-16所示。图2-3-14用传统画笔工具绘制眼睛图2-3-15绘制眼睛图2-3-16用线条工具绘制嘴巴任务实施3制作粽子香囊(16)选择【颜料桶】|【属性】|【填充】，选择红色#FF3333，进行填充，效果如图2-3-17所示。(17)用【选择工具】框选嘴的形状，按住【Ctrl+G】组合键进行组合，移动其位置到粽子的脸部，调整大小至合适位置，效果如图2-3-18所示。(18)在【时间轴面版】上点击【新建】按钮，新建“图层_2”，如图2-3-19所示。(19)选择【直线工具】，点击【属性】|【笔触】，选择红色#CC3333，调整笔触大小在图层_2上绘制两条直线，如图2-3-20所示。图2-3-17给嘴巴填充颜色图2-3-18调整嘴巴的位置图2-3-20绘制头部装饰图2-3-19新建图层_2任务实施3制作粽子香囊(20)选择【选择工具】，将鼠标移动至线条处拖动，使之形成弧线；选择【部分选择工具】，调整弧线的位置，效果如图2-3-21所示。(21)选择【椭圆工具】，取消【填充】，【笔触】设为红色#CC3333，绘制蝴蝶结；选择【任意变形工具】，调整其角度和大小；选择【部分选择工具】，调整弧线的位置，效果如图2-3-22所示。(22)选择【直线工具】，点击【属性】|【笔触】，选择红色#CC3333，调整笔触大小，绘制蝴蝶结的飘带，如图2-3-23所示。图2-3-21调整头部装饰的弧度图2-3-23绘制头部装饰并调整图2-3-22继续绘制头部装饰任务实施3制作粽子香囊(23)选择【直线工具】，点击【属性】|【笔触】，选择绿色#00CC66，绘制装饰绳，效果如图2-3-24所示。(24)选择【椭圆工具】，取消【笔触】，【填充】设为绿色#00CC66，绘制圆形，效果如图2-3-25所示。(25)选择【直线工具】，点击【属性】|【笔触】，选择红色#FF0505，绘制装饰绳，效果如图2-3-26所示。(26)用【选择工具】框选择粽子，按住【Ctrl+G】组合键进行组合，完成粽子香囊的绘制。(27)按住【Alt】键进行拖动，可以复制多个粽子香囊，效果如图2-3-27所示。图2-3-24绘制挂绳图2-3-27复制多个完成最终效果图2-3-26绘制红色装饰部分图2-3-25绘制底部装饰任务小结3制作粽子香囊1.当绘制对象较多时，将其组合起来方便操作；2.复制对象时可按住【Alt】键的同时拖动鼠标。基础任务2.4

绘制大熊猫

【任务描述】大熊猫憨态可掬的外表、悠久的生物学历史、稀少的数量、强壮的身体、不争的秉性以及与我国传统文化的耦合等特性，与现代中国的形象和倡导理念相符，当之无愧地被称之为中国的国宝。本任务我们将运用椭圆工具、直线工具、铅笔工具、墨水瓶工具、选择工具等，绘制一只可爱的大熊猫。通过任务实施，增强学生的创新意识、责任意识，引导学生争做保护野生动物小卫士。任务储备4常用绘制工具的相关知识（4）1.套索工具【套索工具】主要用于选择形状图形的不规则区域或者相同的颜色区域.

2.任意变形工具【任意变形工具】用于缩放、旋转、倾斜、扭曲以及封套图形。任务实施4绘制大熊猫⑴选择【文件】|【新建】命令，在弹出的【新建文档】对话框中，使用默认【标准】尺寸,将【帧频】设置为24fps,在【平台类型】列表框中选择【ActionScript3.0】选项,如图2-4-1所示，点击【创建】按钮。图2-4-2

绘制熊猫头部轮廓(2)选择【椭圆工具】，在【属性面板】中选择笔触的颜色为#0E0E0E，填充色为白色，绘制熊猫的头部；选择【部分选择工具】，调整椭圆的形状，效果如图2-4-2所示。图2-4-1新建文件任务实施4绘制大熊猫(3)选择【钢笔工具】，绘制熊猫的耳朵如图2-4-3所示。(4)选择【颜料桶工具】，点击【属性面板】|【颜色和样式】|【填充】，选择黑色进行填充，效果如图2-4-4所示。(5)同样的方法绘制另一个耳朵，效果如图2-4-5所示。(6)点击【选择工具】，框选绘制的图形，按住【Ctrl+G】进行组合。图2-4-4

给耳朵填充颜色图2-4-3绘制熊猫耳朵轮廓图2-4-5绘制另一只耳朵任务实施4绘制大熊猫(7)选择【椭圆工具】，点击【属性面板】|【颜色和样式】|【填充】，选择黑色；点击【属性面板】|【颜色和样式】|【笔触】，在打开的面板中取消笔触的选择，绘制椭圆，用任意变形工具调整其角度和位置，效果如图2-4-6、图2-4-7所示。(8)点击【Alt】键，按住鼠标左键拖动眼睛，进行复制，效果如图2-4-8所示。(9)选择眼睛，单击鼠标右键选择【变形】|【水平翻转】，效果如图2-4-9所示。图2-4-8

复制熊猫另一只眼睛图2-4-6选择填充色和笔触颜色图2-4-9对右眼进行水平翻转图2-4-7绘制熊猫眼睛任务实施4绘制大熊猫(10)选择【椭圆工具】，点击工具栏下方的【绘制对象】，在【属性面板】【填充】选择白色，【笔触】设置为“无”，绘制白色眼睛，效果如图2-4-10所示。(11)选择【钢笔工具】，熊猫的鼻子，如图2-4-11所示。(12)选择【颜料桶工具】，点击【属性面板】|【颜色和样式】|【填充】，选择黑色进行填充，效果如图2-4-12所示。图2-4-11

绘制鼻子轮廓图2-