第2章图形的绘制和编辑知识分享.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第2章 图形的绘制和编辑,第2章 图形的绘制和编辑,本章主要内容,2.1,位图和矢量图简介,2.2,工具箱的简介,2.3,基本图形的绘制和涂色,2.4,选择和调整工具,2.5,查看工具,2.6,使用颜色,2.7,图形对象的编辑,2.8,设置标尺、辅助线和网格,2.1,位图和矢量图简介,计算机图形有两类：位图和矢量图。,1、位图,位图图像是由独立的像素点排列组成的，像素是一些极其细微的正方形，位图占用了较多的内存，并且文件的尺寸较大。当放大位图时，实际上是对像素的放大。当位图图像被放大到一定的程度之后，会出现严重的“锯齿”。可见，位图的图像质量和分辨率有关。常用来编辑位图的软件有Photoshop等。,2、矢量图,矢量图形是由数学公式计算生成的直线或曲线组成的，矢量的属性包括颜色和位置。当编辑矢量图形时，实际上是在修改描述图形的形态和颜色的属性。矢量图形与分辩率无关，所以无论怎样放大图片，都不会影响画质，一直保持其原有的清晰度，而且生成的文件尺寸相对较小。,Flash主要支持位图，但也可将各种位图图像导入到Flash中。,2.1,位图和矢量图简介,矢量图,Flash中绘制的图形都是矢量图形，另外也可以从外部导入EPS、AI、WMF矢量图形文件和JPG、BMP、PNG、TIF等位图图像。,导入命令：“文件/导入”,3、位图转换为矢量图,导入位图后，执行“修改/位图/转换位图为矢量图”。,2.2 工具箱简介,绘图工具箱通过标签分为：工具区、查看区、颜色区和选项区。,绘图工具箱,2.3 基本绘图和涂色,Flash中绘制的图形包括两部分组成：笔触色和填充色，可以分别选择填充和笔触进行移动或修改。,笔触色,填充色,1.Flash 绘制模式,“合并绘制”模式(默认),当重叠绘制的图形时，会自动进行合并。如果您选择的图形已与另一个图形合并，移动它则会永久改变其下方的图形。,2.3 基本绘图和涂色,“对象绘制”模式,将图形绘制成独立的对象，这些对象在叠加时不会自动合并，可以分别进行处理。,“对象绘制”模式创建的图形四周会添加矩形边框，该边框可用于图形选择。,2.“合并绘制”模式与“对象绘制”模式切换,3.两种模式下创建的图形之间的转换,对象绘制-合并绘制:“修改/分离”Ctrl+B,合并绘制-对象绘制：“修改/合并对象”,“联合”合并一个或多个对象为新的绘制对象。,“交集”保留所选对象的相交部分。,“打孔”将所选的多个对象的最顶层对象作为打孔形状，对覆盖在其下的其他所有对象重叠部分进行打孔（删除相重叠部分）。,“裁切”将所选的多个对象的最顶层对象作为裁切形状，保留覆盖在其下的其他所有对象重叠部分（删除非重叠部分）。,2.3.1 线条工具,“线条”工具专门用于绘制各种不同方向的矢量直线段。选择“线条”工具后，在绘图工具箱的“选项”区不会出现任何选项，用户可以通过其对应的“属性”面板，对线条的颜色、线宽、线型进行设置。,“笔触样式”对话框各个属性的意义如下：,l,4倍缩放：将观察区域放大4倍，便于用户观看属性设置后的效果。,l,粗细：定义线宽，该下拉列表框中给出了一些默认设置，用户也可以输入需要的宽度，但宽度最大不能超过10pts。,l,锐化转角：使直线的转折部分更加尖锐。,l,类型：用户从该下拉列表框中选择具体的线型。,“笔触样式”对话框,2.3.2 铅笔工具,“铅笔”工具和现实生活中的铅笔使用方法大致相同，可以绘制自由的线条和图形。不同的是，“铅笔”工具可以对绘制的线条进行伸直或平滑处理，也可以用来识别和校正基本的几何图形。,铅笔模式 用三种铅笔模式绘制的图形,2.3.3 钢笔工具,使用“钢笔”工具可以绘制精确的路径，如直线或者平滑流畅的曲线。,“钢笔”工具常与“部分选择”工具配套使用，利用“部分选取”工具可对用钢笔绘制的图形进行巧妙多样的修饰。,设置钢笔工具首选参数,选择菜单：“编辑”“首选参数”“绘画”,显示钢笔预览：在用钢笔绘画时，在未单击鼠标创建点时，Flash 会显示线段预览。,显示实心点：将未选定的锚点显示为实心点，并将选定的锚点显示为空心点。,显示精确光标：指定钢笔工具指针以十字准线指针的形式出现。,1.用钢笔工具绘制直线段路径,选中“钢笔”工具简单地移动鼠标并连续地单击就可以绘制出一系列直线，每次单击的位置便是一条直线的起点或终点。,要完成一条开放路径，双击最后一个点；或者按住 Ctrl 键单击路径外的任何地方；或者直接按ESC键。,要闭合路径，可将钢笔工具放置到第一个锚点上。如果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动以闭合路径。,2.使用钢笔工具绘制曲线路径,若要创建曲线，请在曲线改变方向的位置处添加锚点，并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。,3.调整路径上的锚点,(1)移动锚点,使用“部分选取”工具拖动点。,(2)轻推锚点,使用“部分选取”工具选择点并用箭头键来移动点。,(3)转换锚点类型,要将角点转换为曲线点，可使用“部分选取”工具来选择该点，然后按住 Alt 键拖动该点即可产生切线手柄。,要将曲线点转换为角点，可用钢笔工具直接单击该点。,(4)添加锚点,直接使用钢笔工具单击曲线非锚点位置处。,(5)删除锚点,删除角点：可用钢笔工具单击该点一次。,删除曲线点：可用钢笔工具单击该点两次。（单击一次将该点转换为角点，再单击一次删除该点。）,删除任意多个锚点：用“部分选取”工具选择一个或多个锚点后，按 Del 键。,2.3.4 刷子工具,“刷子”工具的绘制效果与日常生活中使用的刷子类似，可以刷出线条和填充闭合的区域。与“铅笔”工具绘制的单一线条相对的是：“刷子”工具绘制的无轮廓线的填充图形。,刷子模式,标准绘画 对笔触色(线条)和填充色进行覆盖涂色。,颜料填充 对填充色和空白区域涂色,不影响线条。,后面绘画 在空白区域涂色，不影响线条和填充色。,颜料选择 只对选中的填充色部分涂色。,内部绘画 只对刷子第一次单击所在的填充色部分进行涂色。如果在空白区域中开始涂色，则不会影响任何现有填充区域。,2.3.5 椭圆工具,“椭圆”工具可以用来绘制圆和椭圆，绘制出来的图形不仅包括矢量线，还能在矢量线内部填充色块。用户可以根据需要取消矢量线内部的填充色块或外部的矢量线。,绘制的椭圆和正圆,2.3.6 矩形工具,矩形的绘制方法和椭圆的基本相似。选择“矩形”工具在舞台上拖动鼠标，确定矩形的大小后释放鼠标，规定长度、宽度的矩形就显示在舞台上。用户还可以通过矩形工具对应的“属性”面板设置矩形的边框属性以及填充颜色。,绘制的各种矩形,2.3.7 多角星形工具,使用“多角星形”工具可以绘制多边形和星形。用户可以选择多边形的边数或星形的顶点数（从3到32），还可以选择星形顶点的深度。,“工具设置”对话框 边数为6的多边形和星形,2.3.8 墨水瓶工具,“墨水瓶”工具可以用来设置线条或轮廓线的颜色、线宽和线型等属性，并将这些属性应用到指定的线条或轮廓线上。但对线条能应用纯色，还可应用渐变或位图。,如果该填充色没有边缘线条，使用墨水瓶工具单击后将会产生线条。,2.3.9 颜料桶工具,在填充色区域上单击可改变当前填充色。,在无填充色的线条内部单击可用颜色填充以封闭该线条围成的区域。,空隙参数：,不封闭空隙:要求线条必须是闭合的才可填充。,封闭小空隙、封闭中等空隙、封闭大空隙：要求线条的空隙符合相应大小。,注：如果空隙太大，可能必须手动封闭它们。,2.3.10 滴管工具,用滴管工具单击一个图形的笔触(填充)部分，系统自动切换成墨水瓶(颜料桶)工具，然后就可以在需要其他图形的笔触(填充)上单击即可复制该颜色效果。,“滴管”工具还允许从位图图像取样用作填充。,2.3.11 橡皮擦工具,(1)快速删除舞台上的所有内容,双击“橡皮擦”工具,(2)删除笔触段或填充区域,选择“橡皮擦”工具，然后单击“水龙头”功能键,单击要删除的笔触段或填充区域。,橡皮擦对应选项 橡皮擦模式,(3)通过拖动擦除,“橡皮擦”工具选项：,标准擦除 擦除笔触和填充。,擦除填色 只擦除填充，不影响笔触。,擦除线条 只擦除笔触，不影响填充。,擦除所选填充 只擦除当前选定的填充，不影响笔触（不论笔触是否被选中）。,内部擦除 只擦除橡皮擦第一次单击处的填充区域。如果从空白点开始擦除，则不会擦除任何内容。,设置橡皮擦的形状和大小,橡皮檫太大或太小都不方便擦除对象，需要调整橡皮擦的大小和形状。单击橡皮擦形状下拉列表按钮，在其中选择一种形状，也可在选择形状的同时选择合适的大小。,2.4 选择和调整工具,一、选择工具,“选择”工具,可用来选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。单击“选择”工具，在选项区出现3个选项，,如下图所示。,1、使用“选择”工具选择对象,选择矢量边线：单击对象的边线部位，则只能选择一条边线；双击可以选择所有的边线。,选择填充色块：单击对象的填充，只能选择填充；双击可以同时选中边线和填充内容，即整个对象。,选择多个对象：按住鼠标左键拖动鼠标，用拖曳的矩形线框来选择多个对象。选择某一对象后，按住,Shift,键单击其它对象，也可以选择多个对象。,2、使用“选择”工具改变矢量图形的形状,选中“选择”工具，将鼠标指向线条或形状的外边缘时，指针形状会发生变化，以指明在该线条或填充上可以执行哪种类型的形状改变，如下图。,改变角点位置,改变曲线外形,2.4.2 套索工具,“套索”工具主要用于创建不规则的选区。,多边形模式：可以创建多边形形状的区域。,魔术棒：在分离位图上选取颜色相近的,区域。,魔术棒属性：设置选区范围内邻近像素,颜色的相近程度和选区边缘的平滑程度。,套索工具对应选项,在“编辑/首选参数”中勾选“接触感应选择和套索工具”选项，则用选择工具和套索工具时，只要框选对象任意部分就能将对象全部选中，否则必须把对象完全框选才能选中。,使用“套索”工具对应的魔术棒,选择“套索”工具，在对应的选项区中单击按钮进入魔术棒模式。主要用于对导入的位图分离后进行颜色选择。,“魔术棒设置”对话框,参数含义如下：,l,阈值：定义了选取范围内的颜色与单击处像素颜色的相近程度，阈值越大，选取范围就越大。该选项的范围为0200之间。,l,平滑：定义了选取边缘的平滑程度。该下拉列表框有4个选项，分别是像素、粗略、正常和平滑，这4个选项是对阈值的进一步补充。,自由选取对象,选择“套索”工具，在工作区内拖动鼠标，会沿鼠标运动轨迹出现一条不规则的黑线，黑线所包围的部分被选中，,多边形模式,选中“套索”工具，在对应的“选项”区单击按钮，然后在舞台上单击鼠标做为创建选区的起点，再把鼠标移动到下一个位置单击鼠标，继续重复操作。双击鼠标即可闭合选择区域。通过这种方法可以创建一个多边形区域。,2.4.3 部分选取工具,“部分选择”工具是修改和调整路径非常有效的工具。,用“部分选择”工具单击轮廓线条(如果填充色没有轮廓，也可以单击选择填充色边界)，会出现线条的锚点，然后即可调节。,2.4.4 任意变形工具,可对图形、组、实例或文本块等对象进行调整。如移动、旋转、缩放和扭曲等。,任意变形工具,对应选项,选项含义如下：,l,旋转与倾斜 ：进行旋转或倾斜操作。,l,缩放 ：进行等比或不等比例放大或缩小,扭曲 ：拖动选中对象四周的控制点可实现扭曲调整。若按住Shift键可以进行对称调整，即在对象的一个方向上进行调整时，反方向也会自动调整。,l,封套 ：封套选项的功能有点类似于“部分选取”工具的功能，此选项允许使用切线调整曲线。,2.4.5 填充变形工具,“填充变形”工具用于调整渐变颜色、填充物和位图填充物的尺寸、角度和中心点。使用“填充变形”工具调整渐变填充的样式，也可以调整位图填充的样式。,注：该工具只对渐变填充、位图填充有效。,A,中心点 设置渐变中心位置。,B焦点 只在放射状渐变时才有，控制渐变起点。,C长宽调整 改变填充区域大小，位图填充有水平和垂直两个方向的调整手柄。,D等比大小 等比缩放长宽大小,E旋转 改变渐变的旋转角度。,2.5 查看工具,Flash 提供了两种视图工具：“手形”工具和“缩放”工具。,1、缩放工具,“缩放”工具和其他应用程序所提供的缩放工具相似，可以对工作对象进行放大或缩小。,第2章基本图形的绘制和编辑,视图工具,2、手形工具,使用“缩放”工具放大图像后，可能无法看到整个图像，此时可用滚动条进行查看，也可以使用“手形”工具。“手形”工具是将舞台中的所有内容相对于文件的窗口进行移动，而内容的相对位置并没有改变。,技巧：,按住空格键不放，可保持平移操作状态。,按住空格键再按一下Z键，可切换成放大操作，配合Alt键可切换成缩小操作。,在手形工具上双击鼠标可让舞台以最适合的窗口大小显示，在缩放工具上双击鼠标可让舞台以1:1的比例显示。,2.6,使用颜色,颜色修改可使用工具箱“颜色”区域、“属性”面板、“混色器”面板、“颜色样本”面板。,对于笔触、填充颜色，可以用纯色、渐变色或位图。要进行位图填充，必须先把位图导入到当前文件中。,1、选取颜色,使用“颜色”区中的笔触和填充按钮,使用“属性”面板,使用“混色器”面板,2、“混色器”面板,R-G-B：每个分量色彩值为0-255,3、“颜色样本”面板,4、创建或编辑渐变色,有两种渐变类型：线性渐变和放射状渐变。,线性渐变：创建的渐变从起始点到终点沿直线逐渐变化。,放射状渐变：创建的渐变从起始点到终点按照环形模式向四周逐渐变化。,线性渐变 放射状渐变,5、位图填充,使用“混色器”面板既可以进行纯色填充，也可以进行渐变填充，还可以进行位图填充。利用“混色器”面板中的“位图填充”选项进行填充之前，必须先导入图形文件，效果如下图。,位图填充,锁定填充功能,只有“刷子”和“颜料桶”工具才具有该功能参数，并且只对渐变、位图填充有效。,锁定渐变色或位图填充，可以使填充看起来好像扩展到整个舞台，并且用该填充涂色的对象好像是显示下面的渐变或位图的遮罩。,2.7 图形对象的编辑,2.7.1 获取对象,1,.分离对象：合并对象、导入的图形分离后、位图矢量化后的矢量图,2,.组:,3,.绘制对象,4.实例,2.7.2 对象的移动、复制和删除,1,、移动对象,选择对象后可以通过以下方法完成移动,对象的操作：,方法1：用“选择”工具拖动来移动对象,方法2：用键盘上的方向键移动对象,方法3：使用“信息”面板移动对象,方法4：用“属性”面板移动对象,方法5：通过菜单命令移动对象,2,、复制对象,选择对象后可以通过以下方法完成复,制对象的操作：,方法1：使用“选择”工具复制对象,方法2：通过菜单命令复制对象,3,、删除对象,选择一个或多个对象，执行以下其中一项操作将删除对象：,按下Delete键或Backspace 键。,选择“编辑”“清除”菜单命令。,选择“编辑”“剪切”菜单命令。,右击该对象，然后从快捷式菜单中选择“剪切”命令。,2.7.3 对象的组合和解组,1、对象的组合,选择要组合的多个对象，选“修改”,“组合”命令，或者按下快捷键Ctrl+G，将多个对象组合在一起。,对象组合前后效果图,2,、对象的解组,如果需要取消组合操作，可以采用解组的方法：,选中要取消的组合，选择“修改”“取消组合”命令，或者按下Ctrl+Shift+G组合键。,3,、编辑组或组中的对象,选中组对象，选择“编辑”“编辑所选项目”命令进入该组的编辑状态，或用选择工具双击该组对象。,对象组合特点：,组合的对象只能整体选择移动，不可直接修改形状、颜色。(可用“选择工具”双击后，才能进入内部进行编辑。）,使用套索工具只能整体选择。,在属性面板只能设置整体大小、位置。,可设置前后叠放次序，透明度效果。,2.7.4 对象的翻转、对齐与重叠,1,、对象的翻转,对象的翻转是比较常用的修改方式，,主要包括水平翻转和垂直翻转两种。,选中对象，选择“修改”“变形”“垂,直翻转”命令，这时图形发生了垂直翻转。,选择“修改”“变形”“水平翻转”命令，,发生了水平翻转。,图形发生垂直翻转,图形发生水平翻转,2,、对象的对齐,Flash绘画中常会有对齐多个对象的需要，使用“对齐”面板能沿水平方向或垂直方向对齐选定的对象。,方法：选择多个对象，选择“窗口”“对齐”命令，在打开的“对齐”面板中，选择某种对齐方式。,单击“下对齐”按钮后的效果图,3、,对象的重叠,在Flash中创建的多个对象往往相互重叠在一起，用户可以调整它们的叠放顺序。,移至顶层（Ctrl+Shitf+Up）：上移到顶层,上移一层（Ctrl+Up）：向上移一层,下移一层（Ctrl+Down）向下移一层,移至底层（Ctrl+Shitf+Down）下移到底层,2.7.5 线条与填充的处理技巧,1,、将线条转换为填充,此功能可将线条转换为填充，这样用户就可以按填充色方式来处理线条。,将线条转换为填充,2,、线条优化,“修改/形状/优化”：减少线段数,“修改/形状/平滑”：平滑线条,“修改/形状/伸直”：让线条趋近标准几何图形(椭圆、直线、矩型),3、填充的扩展,选择“修改”“形状”“扩展填充”命令，弹出“扩展填充”对话框。各选项的含义如下：,距离：设置填充扩展的尺寸。,扩展：向外扩大,插入：向内缩小,扩展后的填充线条,4,、填充的柔化,选中填充形状，选择“修改”“形状”“柔化填充边缘”命令，弹出“柔化填充边缘”对话框。各选项的含义如下：,距离：柔化后的边缘与原始形状的边缘的距离，以像素为单位。,步骤数：控制用于柔边效果的曲线数。数值越大，效果就越平滑。,扩展：向外柔化，使形状更大。,插入：向内柔化，使形状缩小。,柔化后的填充线条,2.8 设置标尺、辅助线和网格,2.7.1 标尺的使用,Flash中的标尺就类似直尺，它可以用来精确测量图像的位置和大小。,1,、显示或隐藏标尺,在默认情况下，标尺没有打开，可选择“视图”“标尺”命令打开标尺，打开的标尺出现在工作区的左侧和顶部。再次选择“视图”“标尺”命令，将隐藏标尺。,2,、修改标尺度量单位,默认情况下，标尺使用的单位是,像素,。如果要修改单位，选择“修改”“文档”，弹出“文档属性”对话框，从“标尺单位”对应的下拉列表中选择任意单位。,选择标尺单位,2.8.2 辅助线的使用,如果显示了标尺，可以将水平和垂直辅助线从标尺拖动到舞台上，以便更好地进行创作。,1,、添加辅助线,打开标尺后，将光标移动到顶部的标尺上，按住鼠标左键，拖动鼠标到舞台中央后松开，将在舞台上出现一条横向的辅助线。按照同样的方法，从左侧向右拖动鼠标，可以添加纵向的辅助线。,2,、设置辅助线首选参数：,要设置辅助线的首选参数，选择“视图”“辅助线”“编辑辅助线”，打开“辅助线”对话框，然后执行以下任意操作：,l,修改辅助线的颜色：单击颜色框可修改辅助线的颜色。,l,显示辅助线：选中或取消选中复选框，可以显示/隐藏辅助线。,l,对齐辅助线：选中或取消选中复选框，可以打开或关闭对齐辅助线。,l,锁定辅助线：选中或取消选中复选框，可以锁定或解锁辅助线。,l,对齐精确度：可从弹出菜单中选择对齐方式，来修改对齐精确度。,l,【全部清除】按钮：单击将删除所有的辅助线。,l,【保存默认值】按钮：单击将当前设置保存为默认值。,利用菜单命令可对辅助线作如下设置：,l,显示/隐藏辅助线：如果已经添加了辅助线，选择“视图”“辅助线”“显示辅助线”命令，将隐藏辅助线，再次选择该命令可以重新显示辅助线。,l,删除辅助线：在辅助线处于解锁状态时，使用“选择”工具将辅助线拖到水平或垂直标尺上。或者选择“视图”“辅助线”“清除引导线”命令删除辅助线,。,l,对齐辅助线：选择“视图”“辅助线”“对齐辅助线”命令将对齐辅助线，如果再次选择将取消对齐辅助线。,l,锁定辅助线：选择“视图”“辅助线”“锁定辅助线”命令即可。,2.8.3 网格工具的使用,使用“网格”工具可以使对象方便地在工作区中定位。可以将对象与网格对齐，也可以修改网格大小和网格线颜色。,1、,显示,/,隐藏网格,默认情况下网格是不显示的，选择“视图”“网格”“显示网格”命令，舞台上将出现灰色的小方格，默认大小为1818像素。需要说明的是网格不是图像，只是方便绘图的一种工具。,2、,设置网格参数,选择“视图”“网格”“编辑网格”命令，打开“网格”设置对话框。在“网格”对话框中，可以设置网格的颜色、大小及对齐等参数。,l,修改颜色：默认的网格线颜色是灰色。如果需要修改网格颜色，请单击颜色框，然后从拾色器中选择一种颜色。,“网格”属性对话框,l,显示网格：选择或取消选择复选框，可以显示或隐藏网格。,l,对齐网格：选择或取消选择复选框，可以打开或关闭对齐网格线。,l,设置网格大小：在水平和垂直箭头右侧的文本框中输入一个值，可改变网格的大小。,l,对齐精确度：在对应的下拉列表中，选择不同的选项将决定捕捉到网格的难易程度。,l,保存默认值：单击【保存默认值】按钮，可将当前设置保存为默认值。,