第2章Flash中绘图工具的应用

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第,2,章,Flash,中绘图工具的应用,第,2,章,Flash,中绘图工具的应用（,一节课）,利用,Flash,提供的工具箱可以方便地绘制出需要的各种图形，熟练掌握其中每一个工具的使用方法，是制作一个,Flash,动画的基础。,Flash,工具箱中包括,18,种绘图工具，按照功能可以将它们分为,2,大类，分别为绘图类与辅助绘图类。通过本章学习，熟练掌握各种工具的使用方法，,理解,Flash,绘图原理,，掌握,Flash,中对象的各种操作。,教学内容,2.1 初识,Flash,工具箱,2.2 基本绘图工具,2.2.1 直线工具,2.2.2 椭圆工具,2.2.3 矩形工具,2.2.4 多角星形工具,2.2.5 铅笔工具,2.2.6 笔刷工具,2.2.7 钢笔工具与部分选取工具,2.2.8 橡皮擦工具,2.3 颜色工具,2.3.1 颜料桶工具,2.3.2 墨水瓶工具,2.3.3 填充变形工具,2.3.4 滴管工具,2.4 选取图形工具,2.4.1 选择工具,2.4.2 套索工具,2.5 自由变换工具,2.5.1 旋转与倾斜,2.5.2 缩放图形,2.5.3 扭曲图形,2.5.4 封套图形,2.5.5 变形对话框,2.6,辅助绘图工具,2.6.1,手形工具,2.6.2,缩放工具,2.1,初识,Flash,工具箱,Flash,工具箱由四大部分组成，分别为工具组、查看组、颜色组与选项组，在第一章中已经做了初步的介绍，本章将针对各部分的各种工具进行更为细致的介绍，下面将简单介绍工具箱中各工具的名称及功能,。,选择工具,选取场景中的对象，并且可以对绘制的图形进行形状的修改。,部分选取工具,选取锚点与贝赛尔曲线，改变图形形状。,直线工具,绘制直线，斜线。,套索工具,可以通过绘制任意曲线所形成的选区来选取对象中的图形，还有一种多边形模式可供选择，这种模式以直线绘制选区。,钢笔工具,利用锚点绘制图形，也可以对绘制好的图形进行修改。,1,.,工具组,文本工具,在,Flash,中输入文字。,椭圆工具,绘制圆形与椭圆形。,矩形工具,绘制矩形与圆角矩形，单击这个图标不放，弹出另一个多角星形工具,，可以绘制任意边数的等边,多边形与星形,。,铅笔工具,绘制任意曲线，有三种模式可供选择，分别为伸直，平滑与墨水,。,刷子工具,为绘制的图形上色，具有填充色属性，可以设置笔刷样式与大小,。,任意变形工具,调整所选图形的尺寸，角度与形状,。,填充变形工具,主要用于调整渐变填充色，还可以用于调整填充位图。,墨水瓶工具,为所选图形加边框线，也可用来改变边框线颜色,。,颜料桶工具,给所选图形填充颜色，也可用来改变图形填充颜色,。,吸管工具,吸,取场景中的任意颜色以便填充,。,橡皮工具,用于擦除对象,。,手形工具:,移动工作区，,调整可视区域。,缩放工具:调整视图比例。,2,.,查看组,笔触颜色:,表示各种画笔的颜色和图形的边框颜色,。,黑白,：,设置笔触颜色为黑色，填充色为白色。,没有颜色,：,设置笔触颜色或填充色为无。,交换颜色,：,笔触颜色与填充色进行交换,。,3,.颜色组,4,.选项组,选择不同的工具就会在选项组中显示相应工具的附加选项,2,.,2,基本绘图工具,Flash,中的绘图工具的应用具有一定的共性，不同的工具可以绘制出不同的图形，但绘制的方法基本相同。,另外，绘制的图形在属性设置方面也具有一定的共性，图形属性包括笔触颜色、笔触样式、笔触高度与填充颜色等方面的设置，除了可以在工具箱中的颜色组里进行颜色方面的设置，还可以通过属性面板进行其他方面的设置。,下面以,多角星形工具,为例，讲述绘制图形所具有的共同属性，,多角星形工具,属性面版如下图所示。,当前工具：显示当前选择的工具名称。,填充色：显示当前图形填充色。,笔触颜色：显示当前笔触颜色。,笔触高度：设置当前线条的粗细，可以随意输入一个在0.1到10之间的数字。,笔触样式：设置当前笔触样式。,自定义笔触样式：自行设置笔触样式。,工具设置选项：这个选项为,多角星形工具,独有的，在介绍,多角星形工具,的应用时会作详细介绍。,当前工具,笔触颜色,填充色,笔触高度,笔触样式,自定义笔触样式,工具设置选项,2,.,2,.1,直线工具（常用来绘制护栏管,),直线工具用于绘制各种直线或斜线，选择直线工具后，光标在工作区中呈现十字状态，在属性面板中进行各种设置，得到不同效果的线条，如下图所示。,选取直线工具后，选项组里显示对齐对象按钮，利用它可以使绘制的直线自动连接在一起，从而绘制出各种多边形效果。,2,.,2,.2,椭圆工具,(,绘制点光源,),椭圆工具可以绘制出椭圆或圆形，绘制圆形时需要同时按住,Shift,键。,在属性面板中对绘制的图形进行笔触颜色、笔触高度、填充颜色与笔触样式的设置，得到各种圆形，如下图所示。,2,.,2,.3,矩形工具,矩形工具用于绘制各种矩形或正方形。绘制矩形时按住,Shift,键可以得到正方形。通过属性面板中笔触颜色、笔触高度、填充颜色与笔触样式的设置，绘制出如下图所示的各种矩形。,除了拥有一般图形的共性以外，矩形也具有自己的特性，利用矩形工具还可以绘制圆角矩形。,2,.,2,.4,多角星形工具,多角星形工具用于绘制多边形或星形，多角星形工具隐藏在工具箱之中，默认情况下为五边形。,绘制过程中同时按住,Shift,键，还可以控制图形的旋转角度，绘制的各种图形如下图所示。,单击属性面板中的,“,选项,”,按钮，弹出,“,工具设置,”,对话框，如下图所示。,样式:单击,“,样式,”,后面的文本框，在弹出的下拉列表中共有2种样式可供选择，分别为多边形与星形，默认情况下为多边形。选择星形样式，在工作区中绘制图形，得到如下图所示的效果。,边数:用于确定多边形的边数，可显示效果的数值范围为332。在边数后面的文本框中输入数值8，单击,“,确定,”,按钮，在工作区中绘制图形，得到如下图所示的效果。,星形顶点大小:由于设置星形图形的顶点大小，只针对星形样式有作用。,2,.,2,.5,铅笔工具,铅笔工具可以绘制出任意曲线,绘制曲线的同时按住,Shift,键，可以绘制出水平或垂直的直线。,选取铅笔工具后，选项组中提供了3种铅笔模式，分别为伸直、平滑和墨水。,选择模式的不同，绘制出的线条也大不相同，下图所示的线条从左到右依次为伸直、平滑和墨水模式的铅笔绘制矩形得到的效果。,2,.,2,.6,刷子工具,刷子工具用于为绘制的图形上填充色或直接绘制各种图形，模拟毛笔的效果。,刷子工具选项组如下图所示，其中包括刷子大小、刷子形状、笔刷模式与锁定填充的设置。,刷子大小:用于设置刷子大小。,刷子形状:用于设置刷子形状。,笔刷模式：设置填充颜色时的方式，共提供了5种模式，如下图所示。,笔刷模式,锁定填充,刷子大小,刷子形状,图1所示为一个圆角矩形，其中有一个爪子图案，选取选择工具，单击爪子中的圆形，即可将它选中。图2为设置各种模式后，刷子工具的绘制效果。,标准绘画,后面绘画,颜料选择,内部绘画,颜料填充,图2,图1,2,.,2,.7,钢笔工具与部分选取工具,钢笔工具用于为绘制较为细致的图形，这些图形是由锚点与线构成的。部分选取工具可以帮助调整线条的弧度与锚点的位置等，两种工具通常结合在一起使用，绘制出流畅细致的线条。,绘制直线,单击确定起点，再次单击，确定另一个点，与起点连成一条直线，按,Esc,键结束绘图。,绘制规则的曲线,单击确定起点，再次单击并进行拖拽，通过鼠标的移动调整线条的弧度，同样按,Esc,键结束绘图。,曲线锐化,单击绘制好的曲线，显示曲线的锚点。单击锚点，可以将曲线的弧度锐化，变成两条直线。,添加与删除锚点,添加锚点的操作只能在曲线中进行，当鼠标靠近锚点之间的曲线时单击即可为图形添加锚点；删除锚点的操作只能在直线中进行，当鼠标靠近直线之间的锚点时，单击即可为图形删除锚点。,移动锚点,利用部分选取工具单击线条，显示线条的锚点，当光标靠近线条时，单击并拖拽，可以改变图形在工作区的位置；当光标靠近锚点时，单击并拖拽，可以改变锚点的位置。,调整绘制的曲线,利用部分选取工具单击线条，显示线条的锚点，接着单击锚点，即可显示线条的另一构成要素,切线手柄。,单击并拖拽切线手柄，可以改变线条形态。,2,.,2,.8,橡皮擦工具,橡皮擦工具用于擦除线条和填充色。橡皮擦工具选项组如图1所示，其中包括橡皮模式、水龙头与橡皮形状的设置。,1.橡皮模式,用于指定擦除区域,共提供了5种擦除模式，如图2所示。,以图3所示的图形为基础，依次使用以下模式擦除图形，得到下图从左到右所示的效果。,橡皮模式,水龙头,橡皮形状,图1,图2,图3,标准擦除：随意擦除图形中的线与填充色。,擦除填色：擦除图形中的填充色部分。,擦除线条：擦除图形中的线条部分。,擦除所选填充：擦除已选取的填充颜色。,内部擦除：擦除图形内部填充色，一次只能擦除一个封闭部分中的一种填充色。,2.水龙头,用于一次性擦除联系在一起的一致的填充颜色和线条。,3.橡皮形状,用于设置橡皮的形状与大小。单击橡皮形状文本框，弹出列表，在列表中提供了2种橡皮形状，分别为方形与圆形，通过单击选择形状与大小。,2,.,3,颜色工具,2,.,3,.1,颜料桶工具,颜料桶工具用于为图形填充颜色，其中包括空隙大小与锁定填充的设置。,空隙大小是指设置填充色的对象是否为封闭路径，如果不是封闭路径，允许空隙的大小为多少，默认情况下空隙大小设置为没有空隙，也就是不封闭空隙。,锁定填充命令只有在填充色为渐变色时才能起作用。,2,.,3,.2,墨水瓶工具,墨水瓶工具用于为填充色描边，其中包括笔触颜色、笔触高度与笔触样式的设置。,为填充色描边,在属性面板中设置笔触颜色为黑色、笔触高度为4、笔触样式为实线，在场景中光标变成墨水瓶的样子，如左图所示，在希望描边的填充色上方单击，即可为填充色描边，为所有填充色描边，得到如右图所示的效果。,改变笔触样式、颜色,在属性面板中重新设置笔触颜色、笔触高度和笔触样式，在包含边框的填充色上方单击，即可改变当前笔触样式。,为文字描边,在属性面板中设置笔触颜色、笔触高度和笔触样式，在打散的文字上方单击，即可为文字描边，描边的文字如下图所示，打散文字的方法与具体应用将,在第3章,中详细讲解。,2,.,3,.3,填充变形工具,填充变形工具用于调整渐变填充色，还可以用于调整填充位图。,混色器面板的应用,在介绍填充变形工具之前，有必要对如何设置渐变填充做详细的介绍，,Flash,在填充色面板中提供了默认的几种渐变颜色，通过选择即可得到渐变填充效果，但这些效果非常有限，不足以满足绘图的需要，通过混色器面板可以方便的设置各种填充颜色与渐变色，制作出需要的填充色。,填充变形工具的应用,利用填充变形工具可以调节渐变颜色的中心点、范围、样式以及角度。因为填充的渐变样式分为线性渐变与放射状渐变两种，所以在使用填充变形工具时，也会有两种相应的形式。,选取填充变形工具后单击图形中的渐变填充色，出现相应的编辑点，如下图所示，其中，左图所示为应用于线性渐变，右图所示为应用于放射状渐变。,2,1,2,4,3,4,（1）,中心点直线,用于调节渐变颜色的中心点。当光标靠近中心编辑点时，变成图1所示的样子，单击并拖拽鼠标即可改变渐变颜色的中心点，如图2所示，两种渐变形式的原理相同。,（2）,样式,用于调节渐变颜色区域的形状。,（3）,范围,用于调节渐变颜色的渐变范围，这是调节放射状渐变填充时独有的。,（4）,角度,用于调整渐变颜色的旋转角度。,图1,图2,2,.,3,.3,滴管工具,滴管工具用于提取与绘制图形中的线条或填充色具有相同属性的图形以及位图中的各种,RGB,颜色，不但可以用来确定渐变填充色，更可将位图转换为填充色。,提取线条属性,选取滴管工具，当光标靠近线条时单击，即可获得所选线条的属性，此时光标变成墨水瓶的样子，如果单击另一个线条，即可改变这个线条的属性。,提取填充色属性,选取滴管工具，当光标靠近填充色时单击，即可获得所