《第2章Flash中绘图工具的应用.ppt》由会员分享,可在线阅读,更多相关《第2章Flash中绘图工具的应用.ppt(49页珍藏版)》请在三一办公上搜索。
1、第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、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工具箱由四大部分组成,分别为工具组、查看组、颜色组与选项组,在第一章中已经做了初步的介绍,本章将针对各部分的各种工具进行更为细致的介绍,下面将简单介绍工具箱中各工
3、具的名称及功能。,选择工具 选取场景中的对象,并且可以对绘制的图形进行形状的修改。部分选取工具 选取锚点与贝赛尔曲线,改变图形形状。直线工具 绘制直线,斜线。套索工具 可以通过绘制任意曲线所形成的选区来选取对象中的图形,还有一种多边形模式可供选择,这种模式以直线绘制选区。钢笔工具 利用锚点绘制图形,也可以对绘制好的图形进行修改。,1.工具组,文本工具 在Flash中输入文字。椭圆工具 绘制圆形与椭圆形。矩形工具 绘制矩形与圆角矩形,单击这个图标不放,弹出另一个多角星形工具,可以绘制任意边数的等边多边形与星形。铅笔工具 绘制任意曲线,有三种模式可供选择,分别为伸直,平滑与墨水。刷子工具 为绘制的
4、图形上色,具有填充色属性,可以设置笔刷样式与大小。,任意变形工具 调整所选图形的尺寸,角度与形状。填充变形工具 主要用于调整渐变填充色,还可以用于调整填充位图。墨水瓶工具 为所选图形加边框线,也可用来改变边框线颜色。颜料桶工具 给所选图形填充颜色,也可用来改变图形填充颜色。吸管工具 吸取场景中的任意颜色以便填充。橡皮工具 用于擦除对象。,手形工具:移动工作区,调整可视区域。缩放工具:调整视图比例。,2.查看组,笔触颜色:表示各种画笔的颜色和图形的边框颜色。黑白:设置笔触颜色为黑色,填充色为白色。没有颜色:设置笔触颜色或填充色为无。交换颜色:笔触颜色与填充色进行交换。,3.颜色组,4.选项组,选
5、择不同的工具就会在选项组中显示相应工具的附加选项,2.2 基本绘图工具,Flash中的绘图工具的应用具有一定的共性,不同的工具可以绘制出不同的图形,但绘制的方法基本相同。另外,绘制的图形在属性设置方面也具有一定的共性,图形属性包括笔触颜色、笔触样式、笔触高度与填充颜色等方面的设置,除了可以在工具箱中的颜色组里进行颜色方面的设置,还可以通过属性面板进行其他方面的设置。下面以多角星形工具为例,讲述绘制图形所具有的共同属性,多角星形工具属性面版如下图所示。,当前工具:显示当前选择的工具名称。填充色:显示当前图形填充色。笔触颜色:显示当前笔触颜色。笔触高度:设置当前线条的粗细,可以随意输入一个在0.1
6、到10之间的数字。笔触样式:设置当前笔触样式。自定义笔触样式:自行设置笔触样式。工具设置选项:这个选项为多角星形工具独有的,在介绍多角星形工具的应用时会作详细介绍。,2.2.1 直线工具(常用来绘制护栏管),直线工具用于绘制各种直线或斜线,选择直线工具后,光标在工作区中呈现十字状态,在属性面板中进行各种设置,得到不同效果的线条,如下图所示。,选取直线工具后,选项组里显示对齐对象按钮,利用它可以使绘制的直线自动连接在一起,从而绘制出各种多边形效果。,2.2.2 椭圆工具(绘制点光源),椭圆工具可以绘制出椭圆或圆形,绘制圆形时需要同时按住Shift键。在属性面板中对绘制的图形进行笔触颜色、笔触高度
7、、填充颜色与笔触样式的设置,得到各种圆形,如下图所示。,2.2.3 矩形工具,矩形工具用于绘制各种矩形或正方形。绘制矩形时按住Shift键可以得到正方形。通过属性面板中笔触颜色、笔触高度、填充颜色与笔触样式的设置,绘制出如下图所示的各种矩形。,除了拥有一般图形的共性以外,矩形也具有自己的特性,利用矩形工具还可以绘制圆角矩形。,2.2.4 多角星形工具,多角星形工具用于绘制多边形或星形,多角星形工具隐藏在工具箱之中,默认情况下为五边形。绘制过程中同时按住Shift键,还可以控制图形的旋转角度,绘制的各种图形如下图所示。,单击属性面板中的“选项”按钮,弹出“工具设置”对话框,如下图所示。,样式:单
8、击“样式”后面的文本框,在弹出的下拉列表中共有2种样式可供选择,分别为多边形与星形,默认情况下为多边形。选择星形样式,在工作区中绘制图形,得到如下图所示的效果。,边数:用于确定多边形的边数,可显示效果的数值范围为332。在边数后面的文本框中输入数值8,单击“确定”按钮,在工作区中绘制图形,得到如下图所示的效果。,星形顶点大小:由于设置星形图形的顶点大小,只针对星形样式有作用。,2.2.5 铅笔工具,铅笔工具可以绘制出任意曲线,绘制曲线的同时按住Shift键,可以绘制出水平或垂直的直线。选取铅笔工具后,选项组中提供了3种铅笔模式,分别为伸直、平滑和墨水。选择模式的不同,绘制出的线条也大不相同,下
9、图所示的线条从左到右依次为伸直、平滑和墨水模式的铅笔绘制矩形得到的效果。,2.2.6 刷子工具,刷子工具用于为绘制的图形上填充色或直接绘制各种图形,模拟毛笔的效果。刷子工具选项组如下图所示,其中包括刷子大小、刷子形状、笔刷模式与锁定填充的设置。,刷子大小:用于设置刷子大小。刷子形状:用于设置刷子形状。笔刷模式:设置填充颜色时的方式,共提供了5种模式,如下图所示。,图1所示为一个圆角矩形,其中有一个爪子图案,选取选择工具,单击爪子中的圆形,即可将它选中。图2为设置各种模式后,刷子工具的绘制效果。,2.2.7 钢笔工具与部分选取工具,钢笔工具用于为绘制较为细致的图形,这些图形是由锚点与线构成的。部
10、分选取工具可以帮助调整线条的弧度与锚点的位置等,两种工具通常结合在一起使用,绘制出流畅细致的线条。,绘制直线 单击确定起点,再次单击,确定另一个点,与起点连成一条直线,按Esc键结束绘图。绘制规则的曲线 单击确定起点,再次单击并进行拖拽,通过鼠标的移动调整线条的弧度,同样按Esc键结束绘图。曲线锐化 单击绘制好的曲线,显示曲线的锚点。单击锚点,可以将曲线的弧度锐化,变成两条直线。,添加与删除锚点 添加锚点的操作只能在曲线中进行,当鼠标靠近锚点之间的曲线时单击即可为图形添加锚点;删除锚点的操作只能在直线中进行,当鼠标靠近直线之间的锚点时,单击即可为图形删除锚点。移动锚点 利用部分选取工具单击线条
11、,显示线条的锚点,当光标靠近线条时,单击并拖拽,可以改变图形在工作区的位置;当光标靠近锚点时,单击并拖拽,可以改变锚点的位置。调整绘制的曲线 利用部分选取工具单击线条,显示线条的锚点,接着单击锚点,即可显示线条的另一构成要素切线手柄。单击并拖拽切线手柄,可以改变线条形态。,2.2.8 橡皮擦工具,橡皮擦工具用于擦除线条和填充色。橡皮擦工具选项组如图1所示,其中包括橡皮模式、水龙头与橡皮形状的设置。,1.橡皮模式 用于指定擦除区域,共提供了5种擦除模式,如图2所示。以图3所示的图形为基础,依次使用以下模式擦除图形,得到下图从左到右所示的效果。,图2,图3,标准擦除:随意擦除图形中的线与填充色。擦
12、除填色:擦除图形中的填充色部分。擦除线条:擦除图形中的线条部分。擦除所选填充:擦除已选取的填充颜色。内部擦除:擦除图形内部填充色,一次只能擦除一个封闭部分中的一种填充色。,2.水龙头 用于一次性擦除联系在一起的一致的填充颜色和线条。,3.橡皮形状 用于设置橡皮的形状与大小。单击橡皮形状文本框,弹出列表,在列表中提供了2种橡皮形状,分别为方形与圆形,通过单击选择形状与大小。,2.3 颜色工具,2.3.1 颜料桶工具,颜料桶工具用于为图形填充颜色,其中包括空隙大小与锁定填充的设置。空隙大小是指设置填充色的对象是否为封闭路径,如果不是封闭路径,允许空隙的大小为多少,默认情况下空隙大小设置为没有空隙,
13、也就是不封闭空隙。锁定填充命令只有在填充色为渐变色时才能起作用。,2.3.2 墨水瓶工具,墨水瓶工具用于为填充色描边,其中包括笔触颜色、笔触高度与笔触样式的设置。为填充色描边 在属性面板中设置笔触颜色为黑色、笔触高度为4、笔触样式为实线,在场景中光标变成墨水瓶的样子,如左图所示,在希望描边的填充色上方单击,即可为填充色描边,为所有填充色描边,得到如右图所示的效果。,改变笔触样式、颜色 在属性面板中重新设置笔触颜色、笔触高度和笔触样式,在包含边框的填充色上方单击,即可改变当前笔触样式。为文字描边 在属性面板中设置笔触颜色、笔触高度和笔触样式,在打散的文字上方单击,即可为文字描边,描边的文字如下图
14、所示,打散文字的方法与具体应用将在第3章中详细讲解。,2.3.3 填充变形工具,填充变形工具用于调整渐变填充色,还可以用于调整填充位图。混色器面板的应用 在介绍填充变形工具之前,有必要对如何设置渐变填充做详细的介绍,Flash在填充色面板中提供了默认的几种渐变颜色,通过选择即可得到渐变填充效果,但这些效果非常有限,不足以满足绘图的需要,通过混色器面板可以方便的设置各种填充颜色与渐变色,制作出需要的填充色。填充变形工具的应用 利用填充变形工具可以调节渐变颜色的中心点、范围、样式以及角度。因为填充的渐变样式分为线性渐变与放射状渐变两种,所以在使用填充变形工具时,也会有两种相应的形式。,选取填充变形
15、工具后单击图形中的渐变填充色,出现相应的编辑点,如下图所示,其中,左图所示为应用于线性渐变,右图所示为应用于放射状渐变。,(1)中心点直线 用于调节渐变颜色的中心点。当光标靠近中心编辑点时,变成图1所示的样子,单击并拖拽鼠标即可改变渐变颜色的中心点,如图2所示,两种渐变形式的原理相同。,(2)样式 用于调节渐变颜色区域的形状。(3)范围 用于调节渐变颜色的渐变范围,这是调节放射状渐变填充时独有的。(4)角度 用于调整渐变颜色的旋转角度。,2.3.3 滴管工具,滴管工具用于提取与绘制图形中的线条或填充色具有相同属性的图形以及位图中的各种RGB颜色,不但可以用来确定渐变填充色,更可将位图转换为填充
16、色。提取线条属性 选取滴管工具,当光标靠近线条时单击,即可获得所选线条的属性,此时光标变成墨水瓶的样子,如果单击另一个线条,即可改变这个线条的属性。提取填充色属性 选取滴管工具,当光标靠近填充色时单击,即可获得所选填充色的属性,此时光标变成墨水瓶的样子,如果单击另一个填充色,即可改变这个填充色的属性。,提取渐变填充色属性 选取滴管工具,在渐变填充色上方单击,提取渐变填充色,此时在另一个区域中单击即可应用提取的渐变填充色。如果发现图形好像只被一种颜色填充了一样,只是因为锁定填充选项被自动激活,所以渐变填充色会延续上一个填充色的效果,此时单击工具箱选项组中的锁定填充按钮,取消锁定,再次填充渐变色即
17、可。位图转换为填充色 滴管工具不但可以吸取位图中的某个颜色,而且可以将整幅图片作为元素,填充到图形中,用位图填充图形的方法有两种,即可以利用混色器面板,又可以利用滴管工具,但效果有所不同。,利用填充变形工具调整填充位图 通过填充变形工具可以调整填充位图的尺寸、位置、倾斜角度以及旋转角度。,2.4 选取图形工具,选择工具可以单独或全部选中图形中的线条与填充色,除了具备最基本的选择功能以外,选择工具还可用于复制对象与修改对象形状。选择对象 利用选择工具可以选择线条、选择填充色、选择整个对象以及选择部分对象。编辑对象 利用选择工具可以移动对象和复制对象。对象以及选择部分对象。,2.4.1 选择工具,
18、修改对象形状 利用选择工具修改对象的线条形状可以通过两种方式,一种为通过选项组来设置线条的平滑度与伸直度,另一种为直接用选择工具来修改线条的形状。修改线条的拐角位置即可改变图形的形状,修改线条部分可以改变线条的弧度。,套索工具用于选取任意范围中的线条与填充色。选项组如下图所示。,2.4.2 套索工具,套索工具的应用 选取套索工具,在工作区中单击并拖拽即可选择需要的区域。多边形模式 以直线的方式绘制选区。魔术棒属性 设置相近颜色值的范围。魔术棒 根据魔术棒属性的设置,选择位图中相近的颜色。,2.5 任意变形工具,任意变形工具用于对图形进行放大、缩小、拉伸、压缩、旋转和扭曲等方面的操作。,2.5.
19、1 旋转与倾斜,旋转 用于改变图形角度。当光标移动到图形边角的锚点外侧时,变成如左图所示的样子,单击并拖拽鼠标,可以看到旋转的图形轮廓线,如中间图所示,轮廓线的位置就是释放鼠标后图形所在的位置,如右图所示。,缩放图形就是改变图形的纵横比,达到改变图形大小的目的,分为任意缩放与等比例缩放两种。,2.5.2 缩放图形,倾斜 用于改变图形形状。当光标移动到图形锚点之间的直线时,变成如左图所示的样子,单击并拖拽鼠标,可以看到倾斜的图形轮廓线,如中间图所示,轮廓线的形状就是释放鼠标后图形的形状,如右图所示。,任意缩放图形 用于改变图形的纵横比。将光标移动到图形的边角处,变成如左图所示的样子,单击并拖拽鼠
20、标,可以看到缩放的图形轮廓线,如中间图所示,轮廓线的位置就是释放鼠标后图形所在的位置,如右图所示。,等比例缩放图形 用于等比例改变图形的纵横比。使用时按住Shift键的同时单击并拖拽鼠标即可。以中心点为中心缩放图形 按住Alt键的同时单击并拖拽鼠标,即可以中心点为中心调整图形纵横比。,2.5.3 扭曲图形,选择边角中的锚点 用任意变形工具选定对象以后,将光标移动到图形的边角处,按下Ctrl键的同时单击并拖拽,可以看到扭曲的图形轮廓线,调整轮廓线的形状就是释放鼠标后图形的形状。选择中间的锚点,以中心点为中心等比例缩放图形 按住Shift+Alt键的同时单击并拖拽鼠标,即可以中心点为中心等比例缩放
21、图形。,扭曲图形就是改变图形的透视关系,根据选择锚点的不同,效果也不同,配合功能键的应用,达到以下不同的效果。,用任意变形工具选定对象以后,将光标移动到中间的锚点,按下Ctrl键的同时单击并拖拽鼠标,可以看到扭曲的图形轮廓线,调整轮廓线的形状就是释放鼠标后图形的形状,一并达到缩放与倾斜的效果。对称扭曲效果 选择边角中的锚点,按下Ctrl+Shift键的同时单击并拖拽鼠标,可以看到扭曲的图形轮廓线,调整轮廓线的形状就是释放鼠标后图形的形状。,2.5.4 封套图形,封套图形可以通过锚点与锚点两边的切线手柄扭曲对象,用任意变形工具选定对象以后,单击选项组中的封套按钮,得到如图1所示的效果。,边角锚点
22、编辑手柄 将光标移动到图形的边角锚点编辑手柄处,单击并拖拽鼠标,可以看到扭曲的图形轮廓线,如图2所示,调整轮廓线的形状,得到如图3所示的效果。,中央锚点编辑手柄 将光标移动到图形的中央锚点编辑手柄处,单击并拖拽鼠标,看到如图1所示的扭曲图形轮廓线,调整轮廓线的形状,得到如图2所示的效果。在拖拽中央锚点编辑手柄的同时,如果按住Alt键,则只能调整一个方向的扭曲效果,如图3所示。,2.5.5 变形对话框,除了利用任意变形工具改变图形的大小与角度以外,还可以通过变形对话框对图形进行更为精确的设置。选中图形后,执行“窗口”“设计面板”“变形”命令或按Ctrl+T快捷键,打开变形对话框,如图所示。,1.
23、设置所选图形的宽度比例,单位为百分比,如果输入大于100的数值,对象的宽度会被放大,如果输入小于100的数值,对象的宽度会被缩小。2.设置所选图形的高度比例,原理与设置宽度比例相同。,3.锁定图形的纵横比,使设置的宽度比例与高度比例保持一致。4.设置图形旋转。5.设置图形旋转角度的值,单位为度,范围在0360之间时为顺时针旋转,范围在-1-360之间时为逆时针旋转。6.设置图形倾斜。7.设置图形水平方向倾斜的角度值,单位为度,输入的数值为负数时,图形向左倾斜,输入的数值为正数时,图形向右倾斜。8.设置图形垂直方向倾斜的角度值。9.复制并应用变形按钮。10.重置按钮,重新设置对话框中的设置。,2
24、.6 查看选项组,查看选项组位于工具栏的中部,用于帮助调整视图,包含两个工具,分别为手形工具与缩放工具。,手形工具用于移动工作区,调整场景中的可视区域,同样是移动工具,应注意与选择工具相区别,选择工具用于移动场景中的对象,改变对象的位置,而手形工具的移动不会影响场景中对象的位置,使用时单击手形工具,光标变成手的样子,在场景中单击并拖拽鼠标即可调整工作区在场景中的可视区域。,1.手形工具,用于调整视图比例,调整视图比例的方法在第一章中介绍过一种,就是通过选择编辑栏中的视图比例列表来确定视图比例,但可选的选项非常有限,使用缩放工具可以更随意灵活的调整视图比例。缩放工具包含两种调整视图比例的方式,分
25、别为放大和缩小。选择放大选项,在场景中单击,即可放大视图比例,比例的范围为8%2000%。单击选项组中的缩小选项,即可缩小视图比例,按住Alt键可以在放大和缩小的选项之间切换。,2.缩放工具,2.7 本章小结,通过本章学习,充分了解Flash各种绘图工具的使用方法和技巧,并将这些工具归类整理,了解工具的共性,掌握个别工具特性,能够通过这些工具,绘制出需要的角色。在Flash中绘制的图形均由两种元素构成,即线条与填充色,这两种元素的属性也各不相同。绘制线条的工具有:铅笔工具、直线工具、钢笔工具与墨水瓶工具。填充颜色的工具有:刷子工具与颜料桶工具。本能利用直线,钢笔铅笔工具画护栏管,用圆工具画点光源。,