《用绘图工具绘制图形.pptx》由会员分享,可在线阅读,更多相关《用绘图工具绘制图形.pptx(59页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、前言构成flash矢量图的对象主要有三个来源:从元件库调用已有的从元件库调用已有的元件符号元件符号;直接从外部导入图像使用直接从外部导入图像使用;利用利用flashflash自带的绘图工自带的绘图工具创作完成具创作完成,因为不是每次都正好能够找到合用的元件或图像,因此熟练掌握flash中的绘图工具,是制作动画的前奏,也是基础。flash提供了强大的绘图功能,用户利用工具箱中提供的绘图工具以及图形之间的基本组合、运算方法,可以绘制出动画中需要的各种图形和文字对象。第1页/共59页本章学习要点本章主要介绍如何使用工具箱的工具绘制矢量图形,以及如何对图形进行填充,并且配合辅助工具来使用。本章学习要点
2、:绘制图形时经常用到的一些工具填充图形用到的工具第2页/共59页2.1 工具箱1.工具箱的分区v工具箱分为四个区域:v工具区v查看区v颜色区v选项区2.绘图工具分类v选取工具v绘图工具v文本工具v填充工具v擦除工具v查看方式选择工具工具选项区工具区颜色设置区舞台查看区第3页/共59页2.1 工具箱3.绘图工具一览表教材P28页表2-1激活工具的2种方法:直接用鼠标单击或按工具的快捷键第4页/共59页2.2 Flash 绘图基础1.矢量图和位图1)位图:又称点阵图像。是由许多的点(像素)组成的。位图的显示质量与分辨率有关。2)矢量图:又称向量图像。是以数学的向量方式来记录图像的,包括线条的起止位
3、置、线形等。矢量图与分辨率无关。第5页/共59页图图 位图图像放大后变模糊位图图像放大后变模糊图图矢量图形放大后仍保持清晰矢量图形放大后仍保持清晰第6页/共59页2.2 Flash 绘图基础2.形状对象在flash矢量图中对象分为四种类型:形状对象、文字对象、元件对象和群组对象。利用flash工具箱直接创作的对象,除输入文字生成文字对象外都是形状对象。第7页/共59页3.形状对象的特性v线体和形体v任何一个矢量图的图形对象都是由“轮廓”(线体)和“填充”(形体)两部分构成的。所谓线体是包围形体的轮廓或白描对象的线段;形体是被包围的实体或连续的色块。v矢量图在绘制时是一个整体,但修改时可以被分开
4、单独调整修改。例如一个圆形对象可以被拆分成圆形轮廓和圆形填充。v一些工具只能画线体,如直线工具和铅笔工具;另外一些工具只能画形体,如画笔工具。v有些工具可以选择画形体或线体,如矩形工具和椭圆工具2.2 Flash 绘图基础有轮廓和填充的对象单线条轮廓图无轮廓填充图第8页/共59页2.2 Flash 绘图基础3.形状对象的特性不同的图形之间有叠放情况,就会产生布尔运算,形体的布尔运算和线体的不同。v形体间的布尔运算v相同色彩的形体做“加法”运算,连通成一个图形。v不同色彩的形体做“减法”运算,上层覆盖下层,再次分开时,覆盖的区域被从下层形体上减去 同色形体融合在一起,做加法运算不同色彩的形体做减
5、法运算第9页/共59页2.2 Flash 绘图基础3.形状对象的特性v线体间的布尔运算v同色线体间的布尔运算v同色线体交叉时在交点产生节点,单击可以移动,可以分割。由于是同色,双击时两条同色的线体作为一个整体对象被选中,移动时一起移动。v不同色线体间的布尔运算v不同颜色的线体交叉时在交点产生节点,单击可以移动可以分割。由于是不同色,双击时依旧是两条线,只能选择其中一个作为对象。第10页/共59页2.2 Flash 绘图基础3.形状对象的特性v线体和形体间的布尔运算v线体和形体不是同种性质的对象,如果线体比形体长,重叠时穿过形体,会被形体分割,在和形体相交处是节点,单击可以发现线体被分为3部分,
6、同时形体被分成2部分。如果双击线体还能完全选中,还是一个整体对象,移动时整体移动。v组合体间的布尔运算v按照形体和形体、线体和线体、形体和线体之间的布尔运算规则进行运算第11页/共59页2.2 Flash 绘图基础4.Flash 绘制模型v合并绘制模型重叠绘制的图形时,会自动进行合并。如果您选择的图形已与另一个图形合并,移动它则会永久改变其下方的图形。例如,如果绘制一个正方形并在其上方叠加一个圆形,然后选取此圆形并进行移动,则会删除覆盖圆形的那部分正方形。v对象绘制模型允许将图形绘制成独立的对象,且在叠加时不会自动合并。分离或重排重叠图形时,也不会改变它们的外形。Flash 将每个图形创建为独
7、立的对象,可以分别进行处理。在以前的 Flash 版本中,若要重叠形状而不改变形状的外形,则必须在每个形状自己的图层中绘制这个形状。选择用对象绘制模型创建的图形时,Flash 会在图形上添加矩形边框。您可以使用指针工具移动该对象,只需单击边框然后拖曳图形到舞台上的任意位置即可。第12页/共59页2.3 绘制图形对象绘图工具包括:F线条工具:用于绘制任意角度的直线F铅笔工具和钢笔工具:用来绘制简单的任意形状的线条F椭圆工具/基本椭圆工具、矩形工具/基本矩形工具和多角星形工具:可以绘制不同的几何图形第13页/共59页2.3 绘制图形对象1.线条工具v作用:绘制各种角度的直线v使用方法与要求:v首先
8、在工具箱单击线条工具v然后根据需要在属性面板中设置线条的笔触颜色、笔触高度、笔触样式v然后将光标移到场景画布中,当光标变成十字形时,单击并拖曳鼠标。如果同时按住shift键,可以绘制水平线、450斜线和竖直线;如果同时按住Alt键,可以绘制任意角度的直线。当直线达到所需的长度和角度时,释放鼠标即可。v辅助选项:无v属性面板:第14页/共59页v宽、高:显示该直线在水平或垂直方向上的映射长度,通过修改这两个文本框中的值,可改变直线在水平或垂直方向上的映射长度。vX、Y:显示直线在场景中的横纵坐标值,通过修改这两个文本框中的值,可改变直线的位置。v笔触颜色按钮:设置直线的颜色。v填充颜色按钮:设置
9、填充的颜色,选取线条时,填充颜色为无且此时无法进行设置。v笔触高度按钮:设置直线的粗细,数值越大,绘制的直线越粗,反之直线越细。v笔触样式下拉列表:可以设置绘制直线的样式。v笔触提示复选框:在全像素下调整直线锚记点和曲线锚记点,防止出现模糊的垂直或水平线。v缩放下拉列表:限制在播放和发布动画时笔触的缩放,包括一般、水平、垂直和无4个选项。第15页/共59页v 按钮:单击该按钮,在弹出的下拉列表中可以设置直线终点的 样式,其中各项含义如下:o无:选择该选项时直线终点为方型,终点位置将与上 一条直线的中间点位置对齐。o圆角:选择该选项时直线终点为圆角。o方型:选择该选项时直线终点为方型并超出直线半
10、个 笔触宽度。v 按钮:单击该按钮,在弹出的下拉列表中可以设置两条直线的相接方式,包括尖角、圆角和斜角3个选项。要更改开放或闭合直线中的转角,先选择一条直线,再选择接合选项。当选择“尖角”选项时,将激活“尖角”文本框 ,在文本框中输入一个尖 角限制值可以避免尖角接合倾斜。第16页/共59页v编辑笔触样式按钮:用于设置个性化的直线,单击该按钮后将打开“笔触样式”对话框。其中各项含义如下。v 复选框:选中该复选框可以使预览比例放大4倍。v 下拉列表框:用于设置自定义线条的宽度。v 复选框:选中该复选框可以使线条的转角更加尖锐。v 下拉列表框:用于设置线条的样式。选择不同的线条样式后,“笔触样式”对
11、话框中的选项也可能不相同,用户可根据各选项提示进行设置。第17页/共59页示例立体透视图第18页/共59页2.3 绘制图形对象 实践与练习:1.绘制包装盒第19页/共59页2.3 绘制图形对象2.铅笔工具v作用:绘制简单的矢量图形、运动路径等v使用方法与要求:类似于线条工具v辅助选项:在铅笔工具的辅助选项中有三种绘图模式v伸直模式:flash自动将图形转化为接近的规则图形v平滑模式:系统平滑所绘曲线,达到圆弧效果,使线条更加光滑。v墨水模式:系统完全保留徒手绘制的曲线模式,使绘制的线条更加接近于手写的感觉第20页/共59页2.3 绘制图形对象3.钢笔工具v作用:可绘制任意形状的图形,也可作为选
12、取工具将比较复杂的图像与背景分离。使用钢笔工具可以精确绘制直线和曲线,并可以调节曲线的曲率,使绘制的线条可按照预定的方向进行弯曲。v辅助选项:无v使用方法与要求:(包含下面主题)z设置钢笔工具首选参数 z用钢笔工具绘制直线 z使用钢笔工具绘制曲线路径 z调整路径上的锚记点 z调整线段 第21页/共59页设置钢笔工具首选参数 1.选择“钢笔工具”,然后选择“编辑”“首选参数”,然后单击“绘画选项卡。2.在钢笔工具下,设置以下选项:1.“显示钢笔预览”可以在绘画时预览线段。在您进行单击以创建线段的终点之前,在舞台周围移动指针时,Flash会显示线段预览。如果未选择该选项,则在您创建线段终点之前,F
13、lash不会显示该线段。2.“显示实心点”节点以实心矩形点显示,否则以空心矩形点显示。3.“显示精确光标”指定钢笔工具指针以十字准线指针的形式出现,而不是以默认的钢笔工具图标的形式出现,这样可以提高线条的定位精度。取消选择该选项会显示默认的钢笔工具图标来代表钢笔工具。第22页/共59页用钢笔工具绘制直线1.选择钢笔工具。2.选择窗口属性,然后在属性检查器中选择笔触和填充属性。3.将指针定位在舞台上您想要直线开始的地方,然后进行单击以定义第一个锚记点。4.在您想要直线的第一条线段结束的位置再次进行单击。按住Shift键进行单击可以将线条限制为倾斜45度的倍数。5.继续单击以创建其它直线段。6.要
14、以开放或闭合形状完成此路径,请执行以下操作之一:o要完成一条开放路径,双击最后一个点,然后单击工具面板中的钢笔工具,或者按住Control键单击路径外的任何地方。o要闭合路径,请将钢笔工具放置到第一个锚记点上。如果定位准确,就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动以闭合路径。o要按现状完成形状,可选择编辑取消全选或在工具面板中选择其它工具。第23页/共59页使用钢笔工具绘制曲线路径1.选择钢笔工具。2.将钢笔工具放置在舞台上想要曲线开始的地方,然后按下鼠标按钮。3.此时出现第一个锚记点,并且钢笔尖变为箭头。4.向您想要绘制曲线段的方向拖动鼠标。按下Shift键拖动可以将该工具限制为绘制
15、45度的倍数。5.随着您的拖动,将会出现曲线的切线手柄。6.释放鼠标按钮。7.切线手柄的长度和斜率决定了曲线段的形状。您可以在以后移动切线手柄来调整曲线。8.将指针放在您想要结束曲线段的地方,按下鼠标按钮,然后朝相反的方向拖动来完成线段。按下Shift键拖动会将该线段限制为倾斜45度的倍数。9.要绘制曲线的下一段,将指针放置在您想要下一线段结束的位置上,然后拖离该曲线。第24页/共59页调整路径上的锚记点在使用钢笔工具绘制曲线时,会创建曲线点,即连续的弯曲路径上的锚记点。在绘制直线段或连接到曲线段的直线时,会创建转角点,即在直线路径上或直线和曲线路径接合处的锚记点。默认情况下,选定的曲线点显示
16、为空心圆圈,选定的转角点显示为空心正方形。要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段,您可以将转角点转换为曲线点或者将曲线点转换为转角点。您还可以移动、添加或删除路径上的锚记点。使用部分选取工具来移动锚记点可以调整直线段的长度或角度,或曲线段的斜率。您可以通过轻推选定的锚记点来进行微调。删除曲线路径上不必要的锚记点可以优化曲线并减小文件大小。具体做法如下:第25页/共59页调整路径上的锚记点要移动锚记点:使用部分选取工具拖动点。轻推锚记点或点:使用部分选取工具选择点并用箭头键来移动点。要转换锚记点,可执行以下操作之一:要将转角点转换为曲线点,请使用部分选取工具来选择该点,然后
17、按住Alt键拖动该点来放置切线手柄。要将曲线点转换为转角点,可用钢笔工具单击该点。添加锚记点:使用钢笔工具单击一条线段。(光标右下角出现“+”号)要删除锚记点,可执行以下操作之一:要删除转角点,可用钢笔工具单击该点一次。(光标右下角出现“-”号)要删除曲线点,可用钢笔工具单击该点两次。(单击一次将该点转换为转角点,再单击一次删除该点。)用部分选取工具选择该点并按下Delete键。第26页/共59页调整线段您可以调整直线段以更改线段的角度或长度,或者调整曲线段以更改曲线的斜率和方向。移动曲线点上的切线手柄时,可以调整该点两边的曲线。移动转角点上的切线手柄时,只能调整该点的切线手柄所在的那一边的曲
18、线。调整直线段:1.选择部分选取工具,然后选择直线段。2.使用部分选取工具可以将线段上的锚记点拖动到新位置。调整曲线段:选择“部分选取”工具并拖动该线段。注意在单击路径时,Flash将显示锚记点。使用部分选取工具调整线段可能会给路径添加一些点。要调整曲线上的点或切线手柄:1.选择部分选取工具,然后在曲线段上选择一个锚记点。在选定的点上就会出现一个切线手柄。2.要调整锚记点两边的曲线形状,可拖动该锚记点,或者拖动切线手柄。按下Shift键拖动会将曲线限制为倾斜45度的倍数。在拖动时按住Alt键可单独拖动每个切线手柄。第27页/共59页2.3 绘制图形对象4.椭圆工具/基本椭圆工具v作用:绘制正圆
19、和椭圆图形。v辅助选项:无v使用方法与要求:z在工具箱单击椭圆工具 z在属性面板设置图形的填充颜色、边框颜色、宽度和样式。图形的边框和填充颜色也可以在工具箱的颜色区域中进行设置。z设置完毕后,在场景中单击并拖动鼠标,即可绘制椭圆图形;如果使用椭圆工具绘制椭圆时,按住shift键可以绘制正圆图形;如果按住Alt键,可以以单击点为圆心绘制椭圆;如果同时按住Shift+Alt键,可以绘制以单击点为圆心的正圆。笔触颜色填充色黑白没有颜色交换颜色第28页/共59页2.3 绘制图形对象5.矩形工具v作用:绘制矩形和正方形。v辅助选项:单击圆角矩形半径 或双击矩形工具,弹出的对话框设置边角半径v使用方法与要
20、求:z在工具箱单击矩形工具 z在属性面板设置图形的填充颜色、边框颜色、宽度和样式。图形的边框和填充颜色也可以在工具箱的颜色区域中进行设置。z设置完毕后,在场景中单击并拖动鼠标,即可绘制矩形图形;如果在绘制时,按住shift键可以绘制正方形。第29页/共59页示例基本椭圆工具的使用:彩色联通管1基本矩形工具的使用:彩色联通管2第30页/共59页2.3 绘制图形对象6.多角星形工具v作用:绘制多边形和星形。v辅助选项:无v使用方法与要求:z在工具箱单击矩形工具不放鼠标,会出现下拉菜单,在菜单中单击多角星形 z在属性面板设置图形的填充颜色、边框颜色、宽度和样式。图形的边框和填充颜色也可以在工具箱的颜
21、色区域中进行设置。z在属性面板单击选项按钮,会弹出工具设置对话框,在该对话框中设置多角星形工具的样式、边数和星形顶点大小(星形多边形角的度数)。z设置完毕后,在场景中单击并拖动鼠标,即可绘制。第31页/共59页7.改变线条和形状轮廓的形状v可以改变用铅笔、刷子、线条、椭圆或矩形工具创建的线条和形状轮廓,方法是使用“选取”工具进行拖动或优化它们的曲线。v您也可以使用“部分选取”工具来显示线条和形状轮廓上的点并通过调整这些点来修改线条和轮廓。有关调整锚记点的信息,请参阅调整路径上的锚记点。v 要显示用铅笔、刷子、线条、椭圆或矩形工具创建的线条或形状轮廓上的锚记点:1.选择“部分选取”工具 。2.单
22、击线条或形状轮廓。2.3 绘制图形对象第32页/共59页使用选取工具改变形状要改变线条或形状轮廓的形状,可以使用选取工具拖动线条上的任意点。指针会发生变化,以指明在该线条或填充上可以执行哪种类型的形状改变。Flash将调整线段曲线以适应移动点的新位置。如果重定位的点是终点,则您可以延长或缩短该线条。如果重定位的点是转角,则组成转角的线段在它们变长或缩短时仍保持伸直。当转角出现在指针附近时,您可以更改终点。当曲线出现在指针附近时,您可以调整曲线。如果将某些刷子笔触区域看作轮廓,就更容易改变它们的形状。如果在改变复杂线条的形状时遇到困难,可以把它弄平滑,去掉它的一些细节,这样就会使得形状改变容易一
23、些。增加缩放比率还能更容易更精确地改变形状;v使用选取工具改变线条或形状轮廓的形状:1.选择选取工具。2.执行以下操作之一:v从线段上的任意点拖动来改变其形状。v按住Control键单击并拖动线条可创建一个新的转角点。第33页/共59页伸直操作可以稍稍弄直您已经绘制的线条和曲线。它不影响已经伸直的线段。您也可以使用伸直技巧来让Flash确认形状。如果在关闭确认形状选项的情况下绘制任意的椭圆、矩形或三角形,可以使用伸直选项来让形状的几何外观更完美。(有关确认形状选项的信息,请参阅指定绘画设置。)不会确认正触及并因而连接到其它元素的形状。形状识别将上面的形状转换为下面的形状。平滑操作使曲线变柔和并
24、减少曲线整体方向上的突起或其它变化。同时还会减少曲线中的线段数。不过,平滑只是相对的,它并不影响直线段。如果在改变大量非常短的曲线段的形状时遇上困难,该操作尤其有用。选择所有线段并将它们弄平滑可以减少线段数量,从而得到一条更易于改变形状的柔和曲线。根据每条线段的原始曲直程度,重复应用平滑和伸直操作可以会使每条线段更平滑更直。伸直和平滑线条可通过伸直和平滑线条和形状轮廓来改变它们的形状。注意通过指定绘画设置的首选参数来调整自动平滑和伸直的程度。请参阅指定绘画设置。第34页/共59页伸直和平滑线条要平滑每条选定的填充轮廓或曲线的曲度:选择选取工具并单击工具面板选项部分中的平滑功能键,或选择修改形状
25、平滑。对每条选定的填充轮廓或曲线进行微小的伸直调整:选择选取工具并单击工具面板选项部分中的伸直功能键,或选择修改形状伸直。第35页/共59页指定绘画设置使用 Flash 绘画工具时,可以设置绘画设置来指定对齐、平滑和伸直行为。您可以更改每个选项的容差设置,也可以打开或关闭每个选项。容差设置是相对的,它取决于您计算机屏幕的分辨率和场景当前的缩放比率。默认情况下,每个选项都是打开的,并且设置的是正常容差。设置绘画设置:1.选择“编辑”“首选参数”,然后选择“绘画类别。2.在绘画设置下,从下列选项中选择:连接线决定正在绘制的线条的终点必须距现有线段多近,才能对齐到另一条线上最近的点。可用选项包括必须
26、接近、正常和可以远离。该设置也可以控制水平或垂直线条识别,即在 Flash 使该线条达到精确的水平或垂直度前,该线条必须要绘制到怎样的水平或者垂直程度。如果打开了贴紧至对象,该设置控制对象必须要接近到何种程度才可以彼此对齐。平滑曲线指定当绘画模式设置为伸直或平滑时,应用到铅笔工具绘制的曲线的平滑量。(曲线越平滑就越容易改变形状,而越粗略的曲线就越接近符合原始的线条笔触。)该选项可以为关、粗略、正常和平滑。注意您可以使用修改形状平滑和修改形状优化来进一步平滑现有曲线段。确认线定义用铅笔工具绘制的线段必须有多直,Flash 才会确认它为直线并使它完全变直。选项是关、严谨、正常和宽松。如果在绘画时关
27、闭了确认线,可稍后选择一条或多条线段,然后选择修改形状伸直来伸直线条。确认形状控制您绘制的圆形、椭圆、正方形、矩形、90 度和 180 度弧要达到何种精度,才会被确认为几何形状并精确重绘。选项是关、严谨、正常和宽松。如果在绘画时关闭了确认形状,可稍后选择一个或多个形状(如连接的线段),然后选择修改形状伸直来伸直线条。点击精确度指定指针必须距离某个项目多近时Flash才能确认该项目。选项是严谨、正常和宽松。第36页/共59页8.擦除v使用橡皮擦工具进行擦除可删除笔触和填充。您可以快速擦除舞台上的任何内容,擦除个别笔触段或填充区域,或者通过拖动进行擦除。v您可以自定义橡皮擦工具以便只擦除笔触、只擦
28、除数个填充区域或单个填充区域。橡皮擦工具可以是圆的或方的,它可以有五种尺寸。v 要快速删除舞台上的所有内容:双击橡皮擦工具。v 删除笔触段或填充区域:1.选择橡皮擦工具,然后单击“水龙头”功能键。2.选择您要删除的笔触段或填充区域。v 通过拖动进行擦除:1.选择橡皮擦工具。2.单击“橡皮擦模式”功能键并选择一种擦除模式:“标准擦除”擦除同一层上的笔触和填充。“擦除填色”只擦除填充,不影响笔触。“擦除线条”只擦除笔触,不影响填充。“擦除所选填充”只擦除当前选定的填充,不影响笔触(不论笔触是否被选中)。(以这种模式使用橡皮擦工具之前,请选择您要擦除的填充。“内部擦除”只擦除橡皮擦笔触开始处的填充。
29、如果从空白点开始擦除,则不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。3.单击“橡皮擦形状”功能键并选择一种橡皮擦形状和大小。确保不要选中“水龙头”功能键。4.在舞台上拖动。2.3 绘制图形对象第37页/共59页9.贴紧v要将各个元素彼此自动对齐,可以使用贴紧功能。Flash 为您提供三种方法在舞台上对齐对象:v贴紧至对象使您可以将对象沿着其它对象的边缘直接与它们贴紧。v贴紧至像素使您可以在舞台上将对象直接与单独的像素或像素的线条贴紧。v贴紧对齐使您可以按照指定的贴紧对齐容差、对象与其它对象之间或对象与舞台边缘之间的预设边界对齐对象。注意 您也可以与网格或辅助线贴紧。2.3 绘制图形对象
30、第38页/共59页使用选取工具的贴紧功能键或视图菜单中的贴紧至对象命令,都可以打开贴紧至对象功能。v 打开或关闭贴紧至对象功能:选择视图贴紧贴紧至对象。如果该命令是打开的,则它的旁边会出现一个选中标记。当移动对象或改变其形状时,对象上选取工具的位置为对齐环提供了参考点。例如,如果通过拖动接近填充形状中心的位置来移动填充形状,它的中心点会与其它对象贴紧。对于要将形状与运动路径对齐从而制作动画的情况,该功能特别有用。注意 要在贴紧时更好地控制对象位置,可以从对象的转角或中心点开始拖动。v 调整对象的贴紧对齐容差:1.选择“编辑”“首选参数”,然后单击“绘画”选项卡。2.在绘画设置下,调整连接线设置
31、。请参阅指定绘画设置。贴紧至对象第39页/共59页您可以使用视图菜单中的贴紧至像素命令来打开像素对齐功能。如果贴紧至像素是打开的,当视图缩放比率设置为 400%或更高的时候会出现一个像素网格。该像素网格代表将在您 Flash 应用程序中出现的单个像素。当您创建或移动一个对象时,它会被限定到该像素网格内。v如果创建的形状边缘处于像素边界内(例如,使用的笔触宽度是小数形式,如 3.5 像素),则切记贴紧至像素是贴紧像素边界,而不是贴紧形状边缘。v 打开或关闭贴紧至像素:v选择“视图”“贴紧”“贴紧至像素”。v如果缩放比率设置为 400%或者更高,像素网格就会显示出来。如果该命令是打开的,则它的旁边
32、会出现一个选中标记。v 临时打开或关闭贴紧至像素:v按住 C 键。v释放 C 键时,像素贴紧会返回到您用视图贴紧贴紧至像素选定的状态。v 临时隐藏像素网格:v按住 X 键。v当释放 X 键时,像素网格会重新出现。贴紧至像素第40页/共59页可以使用视图菜单中的贴紧对齐命令来打开贴紧对齐。可以使用视图菜单中的编辑贴紧对齐方式命令来选择贴紧对齐的设置。当您选择贴紧对齐设置时,可以设置对象的水平或垂直边缘之间以及对象边缘和舞台边界之间的贴紧对齐容差。也可以在对象的水平和垂直中心之间打开贴紧对齐功能。所有贴紧对齐设置均以像素为度量单位。如果打开了贴紧对齐,则在您将对象拖到指定的贴紧对齐容差位置时,点线
33、将出现在舞台上。例如,如果将水平贴紧对齐容差设置为 18 个像素(默认设置),则当您正在拖动的对象距另一个对象正好是 18 个像素时,点线将沿着该对象边缘出现。如果您打开水平居中对齐,则当您精确对齐两个对象的水平中心顶点时,点线将沿着这些顶点出现。v 选择“贴紧对齐”的设置:1.选择“视图”“贴紧”“编辑贴紧对齐方式”。2.在“贴紧对齐”对话框中,执行以下操作之一:o要设置对象和舞台边界之间的贴紧对齐容差,请输入一个“影片边框”值。o要设置对象的水平或垂直边缘之间的贴紧对齐容差,请输入“水平”和/或“垂直”值。o 要打开水平居中对齐或垂直居中对齐,请选择水平居中对齐和/或垂直居中对齐。v 打开
34、“贴紧对齐”:v选择贴紧贴紧对齐。贴紧对齐第41页/共59页10.修改形状v可以修改形状,方法是将线条转换为填充、扩展填充对象的形状,或通过修改填充形状的曲线来柔化其边缘。u“将线条转换为填充”功能可将线条转换为填充,这样您就可以使用渐变来填充线条或擦除一部分线条。u“扩展形状”和“柔化边缘”功能允许您扩展填充形状并模糊形状边缘。u扩展填充和柔化填充边缘功能在不包含很多细节的小型形状上使用效果最好。对拥有过多细节的形状应用柔化边缘功能会增大 Flash 文档和生成的 SWF 文件的大小。v 将线条转换为填充:1.选择一条或多条线。2.选择“修改”“形状”“将线条转换为填充”。3.选择的线条会转
35、换成填充形状。将线条转换为填充可能会增大文件大小,但同时可以加快一些动画的绘制。v 扩展填充对象的形状:1.选择一个填充形状。该命令在没有笔触的单色填充形状上使用效果最好。2.选择“修改”“形状”“扩展填充”。3.在扩展路径对话框中,输入距离的像素值并为方向选择扩展或插入。扩展可以放大形状,而插入则缩小形状。v 柔化对象的边缘:1.选择一个填充形状。注意 该功能在没有笔触的单一填充形状上使用效果最好。2.选择“修改”“形状”“柔化填充边缘”。3.设置下列选项:o“距离”是柔边的宽度(用像素表示)。o“步骤数”控制用于柔边效果的曲线数。使用的步骤数越多,效果就越平滑。增加步骤数还会使文件变大并降
36、低绘画速度。o扩展或插入控制柔化边缘时形状是放大还是缩小。2.3 绘制图形对象第42页/共59页实践与练习:2.绘制圆角五角星 2.3 绘制图形对象第43页/共59页2.4 填充图形对象使用颜料桶、墨水瓶、滴管和填充变形工具,以及刷子或颜料桶工具的锁定填充功能键,您可以用多种方式修改笔触和填充的属性。第44页/共59页2.4 填充图形对象1.色彩选择v颜色面板提供了更改笔触和填充颜色以及创建多色渐变的选项。可以使用渐变达到各种效果,如赋予二维对象以深度感。例如,可以用渐变将一个简单的二维圆形变为球体,从一个角度用光照射该表面并在球体对面投下阴影即可。v按shift+F9或【窗口】-【颜色】打开
37、颜色面板v颜色面板中有以下选项:第45页/共59页混色器选项显示渐变控件的混色器笔触颜色用于更改图形对象的笔触或边框的颜色。填充颜色用于更改填充的颜色。填充是填充形状的颜色区域。类型弹出菜单更改填充样式:无删除填充。纯色提供一种纯正的填充单色。线性渐变产生一种沿线性轨道混合的渐变。放射状渐变产生从一个中心焦点出发沿环形轨道混合的渐变。位图渐变允许用可选的位图图像平铺所选的填充区域。选择位图时,会显示一个对话框,通过该对话框可以选择本地计算机上的位图图像,并将其添加到库中。您可以将此位图用作填充;其外观有点类似于形状内填充了重复的该图像的马赛克图案。RGB允许在填充中更改红色、蓝色和绿色(RGB
38、)的浓度。Alpha将纯色填充设为不透明,或者将渐变填充的当前所选滑块设为不透明。如果Alpha值为0%,则创建的填充不可见(即透明);如果Alpha值为100%,则创建的填充不透明。当前颜色样本显示当前所选的颜色。如果从类型弹出菜单中选择渐变填充样式(线性或放射状),则当前颜色样本显示所创建的渐变内的颜色过渡。颜色选择器允许直观地选择颜色。单击颜色选择器,然后拖动十字准线指针,直到找到所需颜色。十六进制值显示当前颜色的十六进制值。要使用十六进制值更改颜色,请键入一个新的值。十六进制颜色值(也叫做HEX值)是6位字母数字的组合,代表一种颜色。溢出允许控制超出线性或放射状渐变限制的颜色。溢出模式
39、有扩展(默认模式)、镜像和重复模式。注意仅FlashPlayer8支持溢出模式。扩展将所指定的颜色应用于渐变末端之外。镜像渐变颜色以反射镜像效果来填充形状。指定的渐变色以下面的模式重复:从渐变的开始到结束,再以相反的顺序从渐变的结束到开始,再从渐变的开始到结束,直到选定的形状填充完毕。重复从渐变的开始到结束重复渐变,直到选定的形状填充完毕。第46页/共59页2.4 填充图形对象2.墨水瓶工具v墨水瓶工具可以给选定的矢量图形增加边线,还可以修改线条或形状轮廓的笔触颜色、宽度和样式。对直线或形状轮廓只能应用纯色,而不能应用渐变或位图。v使用墨水瓶工具而不是选择个别的线条,可以更容易地一次更改多个对
40、象的笔触属性。v 若要使用墨水瓶工具,请执行以下操作:1.从工具栏中选择墨水瓶工具。2.在“属性”面板中设置笔触颜色、宽度和样式。3.单击舞台中的对象来应用对笔触的修改。第47页/共59页2.4 填充图形对象3.颜料桶工具v颜料桶工具可以用颜色填充封闭区域。此工具使您既可以填充空的区域也可以更改已涂色区域的颜色。您可用纯色、渐变填充以及位图填充进行涂色。可以使用颜料桶工具填充未完全封闭的区域,并且可以让 Flash 在您使用颜料桶工具时闭合形状轮廓中的空隙。v辅助选项中包括两个按钮,一个是空隙大小,另一个是锁定填充。v 若要使用颜料桶工具填充区域,请执行以下操作:1.从工具栏中选择颜料桶工具。
41、2.选择填充颜色和样式。3.单击“空隙大小”功能键,然后选择一个空隙大小选项:o如果要在填充形状之前手动封闭空隙,请选择“不封闭空隙”。对于复杂的图形,手动封闭空隙会更快一些。o选择某个封闭选项,让 Flash 填充有空隙的形状。注意 如果空隙太大,您可能必须手动封闭它们。4.单击要填充的形状或者封闭区域。第48页/共59页2.4 填充图形对象4.滴管工具v您可以用滴管工具从一个对象复制填充和笔触属性,然后立即将它们应用到其它对象。滴管工具还允许您从位图图像取样用作填充。v选中滴管工具后单击线条,会进入墨水瓶填色状态,并将笔触的颜色、线宽及样式属性自动设置为滴管工具所选位置的属性;如果单击图形
42、内部会进入颜料桶状态,其属性也会自动具有采样位置的属性。在空白区进行采样时,该工具无效。v按住Shift键再选色,可以将所选区域的属性应用于每一个相关的绘图工具。第49页/共59页2.4 填充图形对象5.刷子工具v刷子工具用于绘制矢量色块或者创建一些特殊效果。v在Flash中,使用该工具创建的图形实际上是一个填充图形。v更改舞台的缩放比率并不更改现有刷子笔触的大小v在使用刷子工具涂色时,可以使用导入的位图作为填充。v 使用刷子工具涂色:1.选择刷子工具。2.在“属性”面板中选择填充颜色。3.单击“刷子模式”功能键并选择一种涂色模式:o“标准绘画”可对同一层的线条和填充涂色。o“颜料填充”对填充
43、区域和空白区域涂色,不影响线条。o“后面绘画”在舞台上同一层的空白区域涂色,不影响线条和填充。o“颜料选择”当您在“填充”功能键或“属性”检查器的“填充”框中选择填充时,“颜料选择”会将新的填充应用到选区中。(此选项就跟简单地选择一个填充区域并应用新填充一样。)o“内部绘画”对开始刷子笔触时所在的填充进行涂色,但不对线条涂色。这种做法很像一本智能色彩书,不允许您在线条外面涂色。如果在空白区域中开始涂色,该填充不会影响任何现有填充区域。4.从“刷子工具”功能键中选择一种刷子大小和形状。5.在舞台上拖动。按住 Shift 键拖动可将刷子笔触限定为水平和垂直方向。第50页/共59页2.4 填充图形对
44、象6.填充变形工具v通过调整填充的大小、方向或者中心,可以使渐变填充或位图填充变形。要使渐变或位图填充变形,可以使用填充变形工具。v 若要用填充变形工具调整渐变或位图填充,请执行以下操作:1.选择“渐变变形”工具。2.单击用渐变或位图填充的区域。显示一个带有编辑手柄的边框。当指针在这些手柄中的任何一个上面的时候,它会发生变化,显示该手柄的功能。o中心点选择和移动中心点手柄可以更改渐变的中心点。中心点手柄的变换图标是一个四向箭头。o焦点选择焦点手柄可以改变放射状渐变的焦点。仅当选择放射状渐变时,才显示焦点手柄;焦点手柄的变换图标是一个倒三角形。o大小单击并移动边框边缘中间的手柄图标可以调整渐变的
45、大小。大小手柄的变换图标是内部有一个箭头的圆。o旋转单击并移动边框边缘底部的手柄可以调整渐变的旋转。旋转手柄的变换图标是四个圆形箭头。o宽度单击并移动方形手柄可以调整渐变的宽度。宽度手柄的变换图标是一个双头箭头。按下 Shift 键可以将线性渐变填充的方向限制为45 度的倍数。第51页/共59页2.4 填充图形对象6.填充变形工具3.用下面的任何方法都可以更改渐变或填充的形状:v要改变渐变或位图填充的中心点的位置,请拖动中心点。v v要更改渐变或位图填充的宽度,请拖动边框边上的方形手柄。(此选项只调整填充的大小,而不调整包含该填充的对象的大小。)v要更改渐变或位图填充的高度,请拖动边框底部的方
46、形手柄。v要旋转渐变或位图填充,请拖动角上的圆形旋转手柄。还可以拖动圆形渐变或填充边框最下方的手柄。第52页/共59页2.4 填充图形对象6.填充变形工具3.用下面的任何方法都可以更改渐变或填充的形状:v要缩放线性渐变或者填充,请拖动边框中心的方形手柄。v v要更改环形渐变的焦点,请拖动环形边框中间的圆形手柄。v v要倾斜形状中的填充,请拖动边框顶部或右边圆形手柄中的一个。v v要在形状内部平铺位图,请缩放填充。注意 要在处理大面积填充或接近舞台边缘的填充时查看所有的手柄,请选择视图工作区。第53页/共59页2.4 填充图形对象7.创建渐变v渐变是一种多色填充,即一种颜色逐渐转变为另一种颜色。
47、使用 Flash,可以将多达 15 种颜色转变应用于渐变,从而使您可以创作出某些令人震撼的效果。Flash 可以创建两类渐变:v线性渐变是沿着一根轴线(水平或垂直)改变颜色。v放射状渐变从一个中心焦点向外改变颜色。可以调整渐变的方向、颜色、焦点位置,以及渐变的其它很多属性。v渐变色是由起始颜色和目标颜色决定的,拖动代表上述颜色的滑块,可以改变渐变的起始位置和终止位置,从而调整渐变距离。方法如下:v在填充样式下拉列表中,指定当前创建的渐变样式是线性渐变还是放射性渐变;v如果要修改渐变颜色,可以在横向颜色条上单击某个色块,然后在指标位置选择合适的颜色或者拖动右侧的滑块进行选择。如果要精确定义颜色,
48、可以在红、绿、蓝文本框输入数值,或者在输入颜色的16数值;v如果要增加一种渐变色滑块,鼠标移到横向颜色条,在需要增加色彩的地方单击;如果要减少一种渐变色,选择不需要的颜色滑块标记向下拖动鼠标即可;v在Alpha文本框中可以指定当前颜色的透明度第54页/共59页2.4 填充图形对象8.Flash CS4新增装饰性工具使用装饰性工具,可以将创建的图形形状转变为复杂的几何图案。1)喷涂刷工具作用类似于粒子喷射器,使用它可以一次将形状图案“刷”到舞台上。默认情况下,使用当前选定的填充颜色喷射粒子点。也可以使用喷涂刷工具将影片剪辑或图形元件作为图案应用。第55页/共59页2.4 填充图形对象8.Flash CS4新增装饰性工具2)Deco工具使用Deco绘画工具,可以对舞台上选定对象应用效果。将一个或多个元件与Deco工具一起使用,可以创建万花筒效果。第56页/共59页2.3 绘制图形对象 实践与练习:3.绘制网络图标4.绘制蛋糕5.绘制茶杯第57页/共59页作业1.绘制女孩头像2.摆动的七彩光环3.闪耀的五角星4.水晶球内变化的图像5.彩球和足球6.绘制房子7.绘制卡通猫8.映日荷花第58页/共59页感谢您的观看!第59页/共59页