免积分FlashCS5动画制作基础绘制图形省公共课一等奖全国赛课获奖课件.pptx

第第2 2章章 绘制图形绘制图形 绘制规则图形 绘制不规则图形 特殊绘图工具 其它辅助绘图工具 本章主要内容：第1页2.1.1 矩形工具和基本矩形工具 2.1.2 椭圆工具和基本椭圆工具 2.1.3 多角星形工具 2.1.4 实战范例田园农舍 2.1 绘制规则图形 第2页 矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩形，在完成图形绘制后，使用形，在完成图形绘制后，使用【属性属性】面板对绘制图形进行设置。面板对绘制图形进行设置。1【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】介绍介绍在工具箱中选择在工具箱中选择【矩形工具矩形工具】，将鼠标光标移动到舞台上，将鼠标光标移动到舞台上，当光标变为十字形时，拖动鼠标即可依据当光标变为十字形时，拖动鼠标即可依据【属性属性】面板设置面板设置绘制出需要矩形。绘制出需要矩形。2.1.1 矩形工具和基本矩形工具 第3页2设置图形位置和大小设置图形位置和大小 在完成图形绘制后，能够使用【属性】面板对图形属性进行设置。在工具箱中选择【选择工具】框选绘制图形，在【属性】面板【位置和大小】栏中设置图形位置以及图形宽高。2.1.12.1.1 矩形工具和基本矩形工具 第4页3填充和笔触填充和笔触 Flash中每个图形都开始于一个形状，形状是由2个部分组成，填充和笔触。填充是形状里面部分，笔触就是形状轮廓线。填充和笔触是相互独立，能够修改或删除一个而不影响另一个部分。2.1.1 矩形工具和基本矩形工具 第5页 【椭圆工具椭圆工具】和和【基本椭圆工具基本椭圆工具】能够用来绘制椭圆形、圆能够用来绘制椭圆形、圆形和圆环，其中形和圆环，其中【椭圆工具椭圆工具】还能够用来绘制任意圆弧。这还能够用来绘制任意圆弧。这2 2个工个工具绘制图形操作与具绘制图形操作与【矩形工具矩形工具】和和【基本矩形工具基本矩形工具】基本相同。基本相同。2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具1 1椭圆工具椭圆工具 在工具箱中选择【椭圆工具】，在【属性】栏中对工具属性进行设置后，在舞台上拖动鼠标即可绘制出需要图形。第6页2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在工具箱中选择【基本椭圆工具】，在【属性】栏中依据需要设置图形属性，在舞台上拖动鼠标即可绘制需要图形。第7页2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在【属性】面板【椭圆选项】栏中设置【开始角度】和【结束角度】值能够取得扇形。在【属性】面板【椭圆选项】栏中设置【内径】值能够取得环形。第8页2 2基本椭圆工具基本椭圆工具2.1.2 2.1.2 椭圆工具和基本椭圆工具椭圆工具和基本椭圆工具 在【属性】面板【椭圆选项】栏中取消【闭合路径】复选框勾选，则图形将不再封闭，此时能够取得弧形 在工具箱中选择【选择工具】，拖动图形上控制柄，能够对图形形状进行修改。，拖动图形上控制柄，能够对图形形状进行修改。第9页2.1.3 多角星形工具多角星形工具 使用使用【多角星形工具多角星形工具】绘制图形方式与前面介绍两类工具绘绘制图形方式与前面介绍两类工具绘图方式是相同，其能够用来绘制星形图案和多边形，如五角星或图方式是相同，其能够用来绘制星形图案和多边形，如五角星或五边形等。五边形等。在工具箱中选择在工具箱中选择【多角星形工具多角星形工具】，在，在【属性属性】面板中对图面板中对图形进行设置，在舞台上拖动鼠标即可绘制需要图形。形进行设置，在舞台上拖动鼠标即可绘制需要图形。第10页2.1.3 多角星形工具多角星形工具 在在【属属性性】面面板板中中【工工具具设设置置】栏栏中中单单击击【选选项项】按按钮钮将将打打开开【工工具具设设置置】对对话话框框，使使用用该该对对话话框框能能够够对对【多多角角星星形形工工具具】进进行设置。行设置。第11页2.1.4 实战范例实战范例田园农舍田园农舍1范例介绍范例介绍 本范例介绍绘制一幅炊烟升起田园农舍剪影画过程。在范例制作过程中，使用【椭圆工具】、【矩形工具】和【多角星形工具】等工具来绘制图形，经过【属性】面板对图形大小和位置等属性进行设置。同时，经过范例制作读者还将能够掌握图形移动和复制操作方法。2制作步骤制作步骤 略。请参看教材或者观看配盘上视频教程。第12页2.2 绘制不规则图形绘制不规则图形 在使用Flash制作动画时，经常需要绘制不规则图形。在Flash CS5中，绘制不规则图形能够使用【线条工具】、【铅笔工具】和【钢笔工具】。2.2.1 2.2.1 线条工具线条工具 2.2.2 铅笔工具铅笔工具2.2.3 钢笔工具钢笔工具 2.2.4 实战范例实战范例卡通狮子卡通狮子第13页2.2.1 线条工具线条工具 线条是组成矢量图形基本要素，在线条是组成矢量图形基本要素，在Flash CS5中，能够使用中，能够使用【线条工具线条工具】来绘制各种长度和角度直线。同时，将绘制多条直线来绘制各种长度和角度直线。同时，将绘制多条直线连接，能够组成各种多边形。连接，能够组成各种多边形。1绘制线条绘制线条2设置笔触样式设置笔触样式3线条端点线条端点4线条接合线条接合5选项栏工具选项栏工具第14页2.2.2 铅笔工具铅笔工具 在Flash中，能够使用【铅笔工具】来绘制不规则曲线和直线。【铅笔工具】使用方法很简单，在工具箱中选择【铅笔工具】，在【属性】面板中对工具进行设置。这里，【属性】面板设置与【线条工具】设置基本一致。在完成绘制后，一样能够在【属性】面板中对笔触颜色、高度、样式和端点等进行调整。三种铅笔模式：1伸直伸直2平滑平滑3墨水墨水第15页2.2.3 钢笔工具钢笔工具 在Flash中，【钢笔工具】能够准确地绘制出平滑精巧直线和曲线。对于绘制完成曲线，经过对锚点操作能够方便地调整曲线形状。1绘制直线和曲线绘制直线和曲线2添加和删除锚点添加和删除锚点3转换锚点转换锚点第16页1范例介绍范例介绍 本范例介绍卡通狮子线稿绘制方法。在范例在制作过程中，使本范例介绍卡通狮子线稿绘制方法。在范例在制作过程中，使用用【钢笔工具钢笔工具】、【线条工具线条工具】和和【铅笔工具铅笔工具】来勾绘图形轮廓，来勾绘图形轮廓，使用使用【转换锚点工具转换锚点工具】转换锚点类型，并调整弧线形状。经过本转换锚点类型，并调整弧线形状。经过本范例制作，读者将能够掌握在范例制作，读者将能够掌握在Flash中使用各种工具绘制复杂形状中使用各种工具绘制复杂形状图形方法和技巧。图形方法和技巧。2.2.4 实战范例实战范例卡通狮子卡通狮子2制作步骤制作步骤 略。请参看教材或者观看配盘上视频教程。第17页2.3 特殊绘图工具特殊绘图工具 在Flash CS5中除了绘制图形和线条工具之外，还有一些特殊绘图工具，如【刷子工具】、【喷涂刷工具】和【Deco工具】，使用这些工具能够完成一些特殊效果绘制 2.3.2 喷涂刷工具喷涂刷工具2.3.3 Deco工具工具2.3.1 刷子工具刷子工具2.3.4 实战范例实战范例月夜月夜第18页2.3.1 刷子工具刷子工具 在Flash CS5中，【刷子工具】能够绘制任意形状色块，同时使用该工具还能够创建一些特殊图形效果。在工具箱中选择【刷子工具】，在【属性】面板中对工具属性进行设置，这里除了能够设置笔触、填充以及端点和接合方式之外，还能够对绘制线条平滑度进行设置，完成设置后在舞台上拖曳鼠标即可绘制出需要图形。刷子模式：1标准绘画模式标准绘画模式2颜料填充模式颜料填充模式3后面绘画模式后面绘画模式4颜料选择模式颜料选择模式5内部绘画模式内部绘画模式第19页2.3.2 喷涂刷工具喷涂刷工具 【喷涂刷工具】类似于一个粒子喷射器，使用它能够将图案喷涂在舞台上。在默认情况下，工具将使用当前选定填充颜色来喷射粒子点。同时，该工具也能够将按钮元件、影片剪辑和图形元件作为笔刷效果来进行喷涂 第20页2.3.3 Deco工具工具 【Deco工具】是一个装饰性绘画工具，用于创建复杂几何图案或高级动画效果。工具提供了【藤蔓式填充】、【网格填充】和【对称刷子】等各种模式，并内置了默认图案外供用户选择使用。同时，用户也能够使用图形形状或对象来创建更为复杂图案，并轻松取得动画效果。4个经典效果：1藤蔓式填充方式藤蔓式填充方式2网格填充方式网格填充方式3对称刷子对称刷子4火焰动画效果火焰动画效果第21页2.3.4 实战范例实战范例月夜月夜1范例介绍范例介绍 本范例介绍一幅浪漫剪影画制作过程。在本范例制作过程中，使用【刷子工具】绘制舞台上树干，使用【喷涂刷工具】喷涂舞台上飞鸟、繁星和地上草，使用【Deco工具】绘制树树枝。经过本范例制作，读者将能够掌握使用【喷涂刷工具】喷涂默认图形和外部素材图片方法，掌握使用【Deco工具】【树刷子】模式绘制树木操作技巧。同时，读者还能够经过本范例掌握在Flash作品中导入各种外部图片素材操作方法。2制作步骤制作步骤 略。请参看教材或者观看配盘上视频教程 第22页2.4 其它辅助绘图工具其它辅助绘图工具2.4.2 擦除对象擦除对象2.4.3 查看对象查看对象2.4.4 实战范例实战范例雨伞雨伞 在绘制图形时，有时需要使用一些辅助绘图工具来帮助图形绘制，如，调整绘制图形形状、去除不需要图形或查看舞台上绘制图形细部。2.4.1 选取对象选取对象第23页 在在Flash CS5中中，用用于于进进行行对对象象选选取取工工含含有有3个个，它它们们分分别别是是【选择工具选择工具】、【部分选取工具部分选取工具】和和【套索工具套索工具】。2.4.1 选取对象选取对象1.选择工具选择工具2部分选取工具部分选取工具3套索工具套索工具第24页2.4.2 擦除对象擦除对象 在Flash CS5中，使用【橡皮擦工具】能够擦除舞台上对象填充和轮廓。在工具箱中选择【橡皮擦工具】，在工具箱选项栏中选择擦除模式和橡皮擦外形。1标准擦除模式标准擦除模式2擦除填色擦除填色3擦除线条擦除线条4擦除全部填充擦除全部填充5内部擦除内部擦除第25页2.4.3 查看对象查看对象 Flash CS5提供了【缩放工具】和【手形工具】来帮助设计师更加好地查看舞台上图形对象。1手形工具手形工具 在舞台上进行图形绘制和编辑时，有时需要移动舞台方便更加好地查看舞台上特定图形，此时能够使用【手形工具】在工具箱中选择【手形工具】，按住鼠标左键移动鼠标能够拖动舞台画面，这么即可方便地查看到需要图形。2缩放工具缩放工具 在绘制图形时，有时需要放大舞台画面查看图形细节，而当需要了解整个舞台或某个对象结构时，又需要缩小舞台，这类舞台画面缩放操作能够经过使用【缩放工具】来实现。在工具箱中选择【缩放工具】，在工具箱选项栏中单击【放 大】按钮 ，在舞台上单机即可增加舞台画面显示百分比。使用该工具在舞台上图形上框选一个区域，则将能够将该区域放大。第26页2.4.4 实战范例实战范例雨伞雨伞1范例介绍范例介绍 本范例介绍雨伞和滴落雨伞上雨滴绘制。本范例使用【多角星形工具】、【钢笔工具】和【椭圆形工具】来绘制基本图形，使用【选择工具】和【部分选取工具】来对图形形状进行修改。经过本范例制作，读者将掌握使用【选择工具】和【部分选取工具】来对图形形状进行修改方法，同时掌握不使用对象旋转和缩放命令，使用【选择工具】和【部分选取工具】实现对象倾斜放置技巧。2制作步骤制作步骤 略。请参看教材或者观看配盘上视频教程。第27页 图图形形绘绘制制是是Flash CS5动动画画制制作作基基础础，本本章章介介绍绍了了在在Flash中中绘绘制制规规则则图图形形和和不不规规则则图图形形方方法法、在在舞舞台台上上喷喷涂涂各各种种特特殊殊图图形形技技巧巧以以及及Flash提提供供辅辅助助绘绘图图工工具具使使用用方方法法。经经过过本本章章学学习习，读读者者将将掌掌握握【铅铅笔笔工工具具】、【钢钢笔笔工工具具】、【刷刷子子工工具具】、【喷喷涂涂刷刷工工具具】、【Deco工工具具】和和制制规规则则图图形形工工具具使使用用方方法法，能能够够灵灵活活应应用用这些工具绘制各种图形。这些工具绘制各种图形。2.5 本章小结本章小结第28页2.6 本章练习本章练习一、选择题一、选择题（1）在使用【矩形工具】绘制图形式，要绘制正方形，能够按哪个键拖动鼠标？（）A【Ctrl】B【Alt】C【Shift】D.【Ctrl+Shift】（2）在使用【铅笔工具】绘制图形时，要使Flash对绘制线条不作任何处理，应该使用下面哪种模式？（）A.【对象绘制】B.【伸直】C【平滑】D.【墨水】（3）在使用【刷子工具】时，要取得下列图绘图效果，应该使用哪种模式？（）A【标准绘画】B.【颜料填充】C【后面绘画】D.【颜料选择】第29页2.6 本章练习本章练习（4）下面哪个工具是【Deco】工具？（）A B C D.二、填空题二、填空题1在Flash中，绘制矩形能够使用工具是 或 ，绘制椭圆能够使用工具是 或 。2在绘制图形后，使用 工具能够将尖角点转换为曲线点，要删除锚点能够使用 ，在选择锚点后按 键或 键一样能够删除该锚点。3在【喷涂刷工具】【属性】面板中，勾选【旋转元件】复选框，则在喷涂时将围绕 旋转喷涂粒子；勾选【随机旋转】复选框，则在喷涂时喷涂粒子将按 放置到舞台上；【画笔角度】用于设置粒子 。4在使用【橡皮擦工具】时，在 模式下将只擦除填充色，在 模式下将擦除选择区域中填充色，在 模式下将只会擦除轮廓线。第30页2.7 上机练习和指导上机练习和指导2.7.1 绘制卡通鱼绘制卡通鱼2.7.2 绘制足球绘制足球第31页2.7.1 绘制卡通鱼绘制卡通鱼绘制卡通鱼，绘制完成后效果，主要操作步骤指导：（1）使用【椭圆工具】分别绘制鱼身体和嘴唇，使用【选择工具】对绘制椭圆进行修改，取得需要鱼身体和嘴唇效果。（2）使用【椭圆工具】绘制5个椭圆，使用【添加锚点工具】添加锚点，使用【部分选取工具】选择锚点并对锚点进行调整取得鱼鳍和鱼尾。（3）使用【钢笔工具】绘制鱼身上鱼鳞和鱼鳍鱼尾上条纹。（4）使用【椭圆工具】绘制鱼眼睛。第32页2.7.2 绘制足球绘制足球绘制一个足球 主要操作步骤指导：（1）使用【椭圆工具】绘制一个圆形。（2）使用【多角星形工具】绘制黑色五边形，将五边形复制5个。使用【选择工具】将五边形放置到圆中适当位置，同时对它们边调整为弧线，拖动顶点调整它们大小。（3）使用【钢笔工具】绘制线条连接各个多边形顶点，同时对线条形状进行调整。第33页