《Flash-CS3动画制作》绘制与填充矢量图形(模块二).ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,模块二 绘制与填充矢量图形,主讲老师：*,Flash CS3,动画制作任务实训教程,学习目标,了解绘制与填充矢量图形的各种工具,熟练掌握绘制矢量图形工具的一般方法,熟练掌握填充矢量图形工具的一般方法,任务一,绘制卡通小鸡,任务目标,运用线条工具和钢笔工具的相关知识绘制如图所示的卡通图形。通过练习掌握铅笔工具、直线工具和钢笔工具的使用方法，并掌握绘制直线、曲线和任意形状图形，以及檫除图形的方法。,绘制卡通小鸡效果,任务一,绘制卡通小鸡,操作思路,（,1,）使用钢笔工具绘制小鸡的轮廓。,（,2,）使用铅笔工具绘制出小鸡的眉毛、眼睛、脚和尾巴等细部。,（,3,）使用直线工具绘制出小鸡嘴巴，最后使用橡皮擦工具檫除一些多余部分。,制作卡通小鸡的操作思路,操作一,绘制小鸡轮廓,（,1,）新建一个,Flash,文档，默认其文档大小和颜色，将其保存为“卡通小鸡”。,（,2,）在工具箱中单击 按钮选择钢笔工具。将鼠标移至场景中，当鼠标指针变为 形状时，在要绘制曲线的位置处单击鼠标左键，确定曲线的初始点（初始点以小圆圈显示）。,3,）将鼠标移动到曲线的终点位置，按住鼠标左键并拖动鼠标，此时会出现相应的调节杆。通过调整调节杆的长度和斜度确定曲线弧度，绘制出如图所示的一段曲线。,绘制起点曲线,操作一,绘制小鸡轮廓,（,4,）用相同的方法绘制出小鸡轮廓线，如图所示将鼠标移动到第一个起点位置将封闭曲线，得到如图所示效果。用相同的方法绘制出小鸡的翅膀，如图所示。,绘制轮廓,封闭曲线,绘制小鸡翅膀,操作二,绘制小鸡细部,（,1,）在工具箱中单击 按钮选择铅笔工具。,（,2,）将鼠标移动到舞台中，当鼠标指针变为 形状时，在小鸡适当位置处，按住鼠标左键拖动绘制出小鸡尾巴、脚和眼睛，如图所示。,绘制眼睛、尾巴和脚,操作二,绘制小鸡细部,（,3,）在工具箱中单击 按钮选择线条工具，在“属性”面板中将线条设置为“实线”，笔触高度设置为,1,，笔触颜色设置为黑色。,（,4,）当鼠标变为 形状时，在适当位置处，按住鼠标左键拖动绘制出小鸡嘴巴，如图所示。,绘制嘴巴,操作三,修改并完善图形,（,1,）在工具箱中单击 按钮选中橡皮擦工具。在下方区域单击 按钮，在打开的菜单中选择一种橡皮擦工具的擦除模式。,（,2,）单击 按钮，在打开的列表中选择橡皮擦工具的形状和大小。,（,3,）在场景中将翅膀与小鸡轮廓重合的地方用橡皮擦工具擦除，效果如图所示。,檫除图形多余部分,操作三,修改并完善图形,（,4,）选中小鸡的眉毛，在工具箱中单击 按钮在弹出的菜单中选择“平滑”绘图模式。,（,5,）选中小鸡的眼睛，在“属性”面板中将笔触大小设置为,3,，在小鸡眼睛处绘制，效果如图所示。保存该文档完成本任务的操作。,修改眉毛和眼睛,学习与探究,钢笔工具的附加工具,添加锚点工具：用于在曲线上增加一个锚点，以便更好地控制路径，绘制出更流畅自然的线条，如图所示。,转换锚点工具：用于将曲线锚点转换为直线锚点，将直线锚点转换为曲线锚点，并可调整曲线的位置和弧度，如图所示。,删除锚点工具：用于删除曲线上的一个锚点，以降低曲线的复杂性，如图所示。,添加锚点工具,转换锚点工具,删除锚点工具,学习与探究,钢笔工具的常见指针,：在该形状状态下，单击鼠标左键可确定一个点，该形状是选择钢笔工具后指针的默认形状。,：将鼠标移动到绘制曲线的某个锚点上时，指针将变为此形状，此时单击鼠标左键可删除该锚点。,：当鼠标移动到曲线起始点时，指针将变为此形状。此时单击鼠标左键可将图形封闭并填充颜色。,：将鼠标移动到曲线上没有锚点的任意位置时，指针将变为此形状，此时单击鼠标左键可添加一个锚点。,：将鼠标移动到曲线锚点上时，指针将变为此形状。此时单击鼠标左键可将曲线锚点变化为直线锚点。,：选择转换锚点工具后的指针形状。此时可转换直线锚点或曲线锚点，也可调整曲线的位置和弧度。中,学习与探究,橡皮擦工具的檫除模式,标准擦除：此模式为橡皮擦工具默认的擦除模式，在该模式下，可同时擦除矢量色块和矢量线条，如图所示。,擦除填色：此模式下橡皮擦工具只能擦除填充的矢量色块而不能擦除图形中的矢量线条，如图所示。,擦除线条：此模式下橡皮擦工具只能擦除图形中的矢量线条，而不会擦除图形中的矢量色块，如图所示。,标准擦除,擦除填色,擦除线条,学习与探究,擦除所选填充：此模式下橡皮擦工具只能擦除图形中选中区域的矢量线条和色块，如图所示为擦除选中的头发部分色块后的效果。,内部擦除：此模式下只能擦除封闭图形区域内的色块，但擦除的起点必须在封闭图形内，否则不能进行擦除，如图所示。,擦除所选填充,内部擦除,任务二,绘制房子,任务目标,运用矩形工具、椭圆工具、多角星形工具、墨水瓶工具和任意变形工具的相关知识，绘制如图所示的房子。,绘制房子,任务二,绘制房子,操作思路,（,1,）使用矩形工具和多角星形工具绘制房子轮廓。,（,2,）使用墨水瓶工具为房子填充颜色。,（,3,）使用矩形工具和椭圆工具为房子添加树丛、栅栏和小窗，并对房子进行修饰。,绘制房子的操作思路,操作一,绘制房子轮廓,（,1,）新建一个,Flash,文档，默认其文档大小和颜色，将其保存为“绘制房子图形”。,（,2,）在工具箱中单击 按钮选择矩形工具，在“属性”面板中将笔触颜色设置为黑色，将填充颜色设置为浅绿色，然后在场景中绘制出如图,2-21,所示的房子墙体。,（,3,）在工具箱中按住 按钮，在打开的快捷菜单中选择“多角星形按钮工具”命令，在“属性”面板中将笔触颜色设置为黑色，将填充颜色设置为 。,绘制房子的墙体,操作一,绘制房子轮廓,（,4,）在该“属性”面板单击“选项”按钮，在打开的“工具选项”对话框“样式”的下拉列表框中选择“多边形”选项，在“边数”文本框输入“,3”,，在“星形顶点大小”文本框中输入“,0.50”,，单击“确定”按钮。,（,5,）在场景中墙体上方适当位置绘制三角形房顶，然后用相同的方法再绘制一个稍小的房顶，使图形更加真实，如图所示。,绘制房顶,操作一,绘制房子轮廓,（,6,）单击工具箱中 按钮选择矩形工具，在“属性”面板中将笔触颜色设置为黑色，将填充颜色设置为棕色，然后在场景中绘制出如图所示的房子烟囱。,（,7,）用相同方法选择矩形工具，在“属性”面板中将笔触颜色设置为 。，将填充颜色设置为白色，在场景中绘制出房子的门套。,（,8,）用相同的方法分别绘制红色的门和白色的门把，效果如图所示。,绘制烟囱,绘制门,操作二,填充颜色并添加草丛和栅栏,（,1,）在工具箱中单击 按钮选择滴管工具，将鼠标移动到烟囱上，吸附烟囱的颜色，然后将鼠标移动到房梁上，将房梁填充为与烟囱相同的颜色，效果如图所示。,（,2,）用相同的方法吸附房子墙体的颜色，将房顶与墙体之间的衔接部分填充为浅绿，效果如图所示。,填充房梁颜色,填充房顶颜色,操作二,填充颜色并添加草丛和栅栏,（,3,）在工具箱中单击 按钮选择刷子工具，将填充颜色设置为深绿色，选中一种刷子模式，在场景中房子的左右两边分别绘制出如图所示的草丛。,（,4,）选择矩形工具，在草丛外绘制如图所示的浅绿色栅栏。,绘制草丛,绘制栅栏,操作三,修改并完善图形,（,1,）选中所绘图形中的黑色边框，将其删除，得到如图所示的效果。,（,2,）在工具箱中单击 按钮选择选择工具，将鼠标移动到墙体部分，当鼠标呈现直角符号时，拖到墙体，使墙体按照一定位置倾斜，得到如图所示的效果。,删除轮廓线,修改墙体,操作三,修改并完善图形,（,3,）用相同的方法拖到烟囱，使其更自然，得到如图所示效果。,（,4,）在工具箱中单击 按钮选择椭圆工具，设置填充色为浅蓝，笔触颜色为棕色的原形，然后使用刷子工具绘制出小窗，得到如图所示的效果。,（,5,）按“,Ctrl+S”,键保存所绘制的图形。,修改烟囱,添加小窗,学习与探究,Flash CS3,中的绘图模式,合并绘制模式：在合并绘制模式下绘制和编辑图形时，在同一图层中的各图形之间会互相影响，当其重叠时，位于上方的图形会覆盖位于下方的图形，并对其形状造成影响。默认情况下，,Flash CS3,中的大部分绘图工具都处于合并绘制模式。,对象绘制模式：在对象绘制模式下绘制的图形都是独立的对象，因此在该模式下绘制的图形，在叠加时不会自动合并，在分离图形或重叠图形时，图形之间也不会互相影响。,学习与探究,刷子工具的绘图模式,标准绘画：在此模式下，刷子工具绘制的色块会直接覆盖其下方的矢量线条和矢量色块，如图所示。,颜料填充：在此模式下，刷子工具绘制的色块，只覆盖其下方的矢量色块而不覆盖矢量线条，如图所示。,标准绘画,颜料填充,学习与探究,后面绘画：在此模式下，刷子工具绘制的色块，会自动位于图形的下方，而不会覆盖原图形，如图所示。,颜料选择：在此模式下，色块只能绘制到已经选取的矢量色块区域。若未选择任何区域，则不能绘制色块。,内部绘画：在此模式下，要求色块的绘制起点必须在矢量图内部，并且必须在封闭的区域里进行绘制，如图所示。,后面绘画,内部绘画,学习与探究,绘制圆弧、圆环,（,1,）在工具箱中单击 按钮选择椭圆工具，在“属性”面板中对笔触颜色和填充颜色进行设置。,（,2,）然后在“属性”面板“起始角度”中输入一个角度，或者单击文本框右侧的 按钮，在其圆中选择所需角度。用相同方法设置结束角度。,（,3,）在场景中拖到鼠标即可绘制出想要的圆弧，如图所示就是“起始角度”为,219,，“结束角度”为,309,度所得到的圆弧效果。,绘制扇形,学习与探究,（,4,）若要绘制圆环，只需在“属性”面板的“内径”文本框中输入内径圆的大小即可，如图所示就是内径为,47,的圆环效果（此时起始角度和结束角度都为,0,）。,（,5,）如图所示为既设置了“起始角度”为,219,度，“结束角度”为,309,度，又设置了内径为,47,后绘制的图形效果。,绘制圆环,绘制圆弧,任务三,绘制桃树图形,任务目标,运用刷子工具、选择工具、文本工具、渐变变形工具和墨水瓶工具等相关知识，绘制如图,所示的桃树形状。,绘制桃树图形效果,任务三,绘制桃树图形,操作思路,（,1,）使用刷子工具绘制桃树的树干，然后使用选择工具对树干进行拉伸。,（,2,）使用墨水瓶工具为房子填充颜色。,（,3,）使用文本工具为图片添加文字并使用墨水瓶工具添加桃树轮廓线条。,绘制桃树的操作思路,操作一,绘制树干,（,1,）新建一个,Flash,文档，默认其文档大小和颜色，将其保存为“绘制桃树图形”。,（,2,）在工具箱中单击 按钮选择刷子工具，将填充颜色设置为棕色，选中一种刷子模式，在场景中房子的左右两边分别绘制出如图所示的树干。,（,3,）在工具箱中单击 按钮选择选择工具，将鼠标放置在树干上，当鼠标呈现弧线符号,形状时，拖动鼠标调整树干形状，得到如图所示的效果。,绘制树干,修改树干,操作一,绘制树干,（,4,）用相同的方法，先用刷子工具绘制出树的枝干部分，然后使用选择工具对枝干进行适当整理，得到如图所示的效果。,绘制树的枝干,操作二,绘制桃花并填色,（,1,）在场景左侧使用椭圆工具绘制两个大小不一的无填充色椭圆，将其按照如图所示排列。,（,2,）使用选择工具将两个椭圆多余部分删除，得到如图左上角所示的桃花花瓣。,绘制两个椭圆,将椭圆修改为花瓣,操作二,绘制桃花并填色,（,3,）选择,【,文件,】【,颜色,】,菜单命令，打开“颜色”面板，选中绘制好的花瓣图形，在如图所示面板中进行相应设置。,（,4,）在工具箱中单击 按钮选择渐变变形工具，按照如图所示调整渐变色，其中二个滑块的颜色分别为,#FFFFFF,、,#FFAAAA,；,Alpha,值均,100%,不变。,“颜色”面板,调整渐变色,操作二,绘制桃花并填色,（,5,）选中填充了渐变色的花瓣，按“,Ctrl+C”,键，然后再按“,Ctrl+V”,键，将其复制到场景中。,（,6,）选择工具箱中的任意变形工具，将复制的花瓣进行如图所示的旋转处理。,复制并放置其他花瓣,操作二,绘制桃花并填色,（,7,）用相同的方法复制其他花瓣，并放置到相应的位置，然后使用刷子工具，将其填充色设置为黄色，在花蕊处绘制如图所示花蕊。,绘制桃花花蕊,操作二,绘制桃花并填色,（,8,）选中绘制好的桃花，按“,Ctrl+G”,键将桃花进行组合，并将其缩小到适当大小，得到如图所示的效果。,（,9,）复制组合好的花瓣若干，将其分别放置到枝头中的不同位置，效果如图所示。,组合桃花花瓣并按比例缩放,放置桃花到枝头,操作三,添加文本和轮廓线,（,1,）为了突出桃花的效果，在“属性”面板中将背景色设置为浅绿色。,（,2,）在工具箱中单击 按钮选择文本工具，在“属性”面板中按照如图所示进行设置。,对字体进行设置,操作三,添加文本和轮廓线,（,3,）在场景左上侧输入“三月桃花”文本，效果如图所示。,（,4,）在工具箱中单击 按钮选择墨水瓶工具，在打开的“属性”面板中单击“自定义”按钮，在打开的“笔触样式”对话框中进行如图所示的设置。完成后单击“确定”按钮。,（,5,）将鼠标移动到树干和树枝部分，即可得到桃树的轮廓线效果，按“,Ctrl+S”,键保存所绘制的图形完成本任务的操作。,添加文本,设置轮廓线笔触样式,学习与探究,“颜色”面板功能简介,：用于更改笔触的颜色。单击该按钮，可在打开的颜色列表中选择要更改的笔触颜色。,：用于更改填充颜色。单击该按钮，可在打开的颜色列表中选择要更改的填充颜色。,：用于设置颜色的类型。其中包括无”、“纯色”、“线性”、“放射状”和“位图”,5,个选项。,“红、绿、蓝”调节框：用于更改颜色中红、绿和蓝,3,种颜色的颜色密度值。,“,Alpha,”调节框：用于设置填充颜色的透明度。,颜色选择框：单击选择框中的颜色区域，可快速选择对应的颜色。,学习与探究,：用于显示当前颜色的十六进制值。也可通过键入新值来选择新的颜色。,颜色深度调节框：用于调节颜色的色彩深度。,按钮：单击该按钮，可将笔触颜色和填充颜色快速设置为黑色和白色。,按钮：单击该按钮，可快速将颜色设置为无色。,按钮：单击该按钮，可将笔触颜色和填充颜色快速交换。,颜色样本框：用于显示当前调节的颜色效果。,：在,中选择“线性”或“放射状”后会出现该项目，主要包括,3,个选项，用于控制超出线性或放射状渐变限制进行应用的颜色,：选中该复选框可创建,SVG,（可伸缩的矢量图形）兼容的线性或放射状渐变。,学习与探究,颜料桶工具的填充方式,不封闭空隙：使用该填充方式，填充区域必须为完全封闭状态，否则将不能对图形进行填充。,封闭中空隙：使用该填充方式，即使填充区域存在中等大小的缺口，仍能对图形进行填充。,封闭小空隙：该填充方式下，即使填充区域存在小的缺口，仍然对图形进行填充。,封闭大空隙：该填充方式下，即使填充区域存在较大的缺口，仍对图形进行填充。,学习与探究,设置渐变色属性,将鼠标移动到图形中的渐变色上，当鼠标变为,形状时，单击鼠标左键，此时图形上将出现相应的调节框，如图所示。,渐变色属性调节框,学习与探究,中心点：用于调整渐变色中心点位置。,焦点：用于改变放射状渐变的焦点，只有当选择放射状渐变时，才会显示出焦点手柄。,大小：用于调整渐变色的填充大小。,旋转：用于调整渐变色的填充角度。,宽度：用于调整渐变色的填充宽度。,学习与探究,设置文本属性,和 ：用于设置文字在舞台中的宽和高的长度。,和,：用于设置文字在舞台中的位置。,：用于设置文字的文本类型，其中主要有“静态文本”、“动态文本”和“输入文本”,3,种文本类型选项。“静态文本”选项主要应用于动画中不需要变更的文字，是最常用的一种文字类型；“动态文本”选项通常配合,Action,动作脚本使用，使文字根据相应变量的变更而显示不同的文字内容；“输入文本”选项则通过在动画中划定一个文字输入区域，供用户在其中输入相应的文字内容。,：用于设置文字的字体。,：用于设置文字的字号大小。,：用于设置文字颜色。,学习与探究,：单击该按钮可倾斜文字。,：单击该按钮可加粗文字。,：单击该按钮可将文字左对齐。,：单击该按钮可将文字居中对齐。,：单击该按钮可将文字右对齐。,：单击该按钮可将文字两端对齐。,：单击该按钮，可打开“格式选项”对话框对文字格式进行设置。,：单击该按钮，可在打开的下拉菜单中选择文字的排列方向。其中包括“水平”、“垂直，从左向右”和“垂直，从右向左”,3,个选项。,：用于将文字设置为上标或下标样式。,：用于设置文字间的间距。,：选中该复选框，可自动调整文字间的间距。,：用于设置文字在动画中的显示方式。,实训一,绘制时尚女郎,实训目标,仿照本模块任务一所学知识点绘制如图所示的时尚女郎。,绘制时尚女郎,实训一,绘制时尚女郎,实训分析,（,1,）利用钢笔工具、线条工具和铅笔工具绘制头部和身体轮廓。,（,2,）利用钢笔工具绘制身体中的阴影轮廓。,（,3,）利用钢笔工具和铅笔工具绘制五官细节。,绘制时尚女郎的操作思路,实训二,绘制机器鼠,实训目标,根据本模块所学知识点绘制如图所示的机器鼠。,绘制机器鼠,实训二,绘制机器鼠,实训分析,（,1,）利用椭圆工具和多角星形工具绘制头部轮廓，用椭圆工具、矩形工具和多角星形工具绘制头部细节。,（,2,）利用矩形工具和基本椭圆工具绘制卡通的身体部分，用矩形工具和基本椭圆工具绘制腿部和尾巴。,（,3,）利用矩形工具、椭圆工具和多角星形工具绘制身体细节完成绘制并保存。,绘制机器鼠的操作思路,