图形的绘制和编辑.ppt

《图形的绘制和编辑.ppt》由会员分享，可在线阅读，更多相关《图形的绘制和编辑.ppt（84页珍藏版）》请在三一办公上搜索。

1、第2章 图形的绘制和编辑,本章主要内容,2.1 位图和矢量图简介 2.2 工具箱的简介 2.3 基本图形的绘制和涂色2.4 选择和调整工具 2.5 查看工具 2.6 使用颜色 2.7 图形对象的编辑2.8 设置标尺、辅助线和网格,2.1 位图和矢量图简介,计算机图形有两类：位图和矢量图。1、位图 位图图像是由独立的像素点排列组成的，像素是一些极其细微的正方形，位图占用了较多的内存，并且文件的尺寸较大。当放大位图时，实际上是对像素的放大。当位图图像被放大到一定的程度之后，会出现严重的“锯齿”。可见，位图的图像质量和分辨率有关。常用来编辑位图的软件有Photoshop等。,2.1 位图和矢量图简介

2、,位图,2、矢量图 矢量图形是由数学公式计算生成的直线或曲线组成的，矢量的属性包括颜色和位置。当编辑矢量图形时，实际上是在修改描述图形的形态和颜色的属性。矢量图形与分辩率无关，所以无论怎样放大图片，都不会影响画质，一直保持其原有的清晰度，而且生成的文件尺寸相对较小。Flash主要支持位图，但也可将各种位图图像导入到Flash中。,2.1 位图和矢量图简介,矢量图,Flash中绘制的图形都是矢量图形，另外也可以从外部导入EPS、AI、WMF矢量图形文件和JPG、BMP、PNG、TIF等位图图像。导入命令：“文件/导入”,3、位图转换为矢量图 导入位图后，执行“修改/位图/转换位图为矢量图”。,2

3、.2 工具箱简介,绘图工具箱通过标签分为：工具区、查看区、颜色区和选项区。,绘图工具箱,2.3 基本绘图和涂色,Flash中绘制的图形包括两部分组成：笔触色和填充色，可以分别选择填充和笔触进行移动或修改。,笔触色,填充色,1.Flash 绘制模式“合并绘制”模式(默认)当重叠绘制的图形时，会自动进行合并。如果您选择的图形已与另一个图形合并，移动它则会永久改变其下方的图形。,2.3 基本绘图和涂色,“对象绘制”模式 将图形绘制成独立的对象，这些对象在叠加时不会自动合并，可以分别进行处理。“对象绘制”模式创建的图形四周会添加矩形边框，该边框可用于图形选择。,2.“合并绘制”模式与“对象绘制”模式切

4、换3.两种模式下创建的图形之间的转换 对象绘制-合并绘制:“修改/分离”Ctrl+B,合并绘制-对象绘制：“修改/合并对象”“联合”合并一个或多个对象为新的绘制对象。“交集”保留所选对象的相交部分。“打孔”将所选的多个对象的最顶层对象作为打孔形状，对覆盖在其下的其他所有对象重叠部分进行打孔（删除相重叠部分）。“裁切”将所选的多个对象的最顶层对象作为裁切形状，保留覆盖在其下的其他所有对象重叠部分（删除非重叠部分）。,2.3.1 线条工具“线条”工具专门用于绘制各种不同方向的矢量直线段。选择“线条”工具后，在绘图工具箱的“选项”区不会出现任何选项，用户可以通过其对应的“属性”面板，对线条的颜色、线

5、宽、线型进行设置。,“笔触样式”对话框各个属性的意义如下：l 4倍缩放：将观察区域放大4倍，便于用户观看属性设置后的效果。l 粗细：定义线宽，该下拉列表框中给出了一些默认设置，用户也可以输入需要的宽度，但宽度最大不能超过10pts。l 锐化转角：使直线的转折部分更加尖锐。l 类型：用户从该下拉列表框中选择具体的线型。,“笔触样式”对话框,2.3.2 铅笔工具“铅笔”工具和现实生活中的铅笔使用方法大致相同，可以绘制自由的线条和图形。不同的是，“铅笔”工具可以对绘制的线条进行伸直或平滑处理，也可以用来识别和校正基本的几何图形。,铅笔模式 用三种铅笔模式绘制的图形,2.3.3 钢笔工具 使用“钢笔”

6、工具可以绘制精确的路径，如直线或者平滑流畅的曲线。“钢笔”工具常与“部分选择”工具配套使用，利用“部分选取”工具可对用钢笔绘制的图形进行巧妙多样的修饰。,设置钢笔工具首选参数 选择菜单：“编辑”“首选参数”“绘画”显示钢笔预览：在用钢笔绘画时，在未单击鼠标创建点时，Flash 会显示线段预览。显示实心点：将未选定的锚点显示为实心点，并将选定的锚点显示为空心点。显示精确光标：指定钢笔工具指针以十字准线指针的形式出现。,1.用钢笔工具绘制直线段路径 选中“钢笔”工具简单地移动鼠标并连续地单击就可以绘制出一系列直线，每次单击的位置便是一条直线的起点或终点。,要完成一条开放路径，双击最后一个点；或者按

7、住 Ctrl 键单击路径外的任何地方；或者直接按ESC键。要闭合路径，可将钢笔工具放置到第一个锚点上。如果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动以闭合路径。,2.使用钢笔工具绘制曲线路径 若要创建曲线，请在曲线改变方向的位置处添加锚点，并拖动构成曲线的方向线。方向线的长度和斜率决定了曲线的形状。,3.调整路径上的锚点(1)移动锚点 使用“部分选取”工具拖动点。(2)轻推锚点 使用“部分选取”工具选择点并用箭头键来移动点。,(3)转换锚点类型 要将角点转换为曲线点，可使用“部分选取”工具来选择该点，然后按住 Alt 键拖动该点即可产生切线手柄。要将曲线点转换为角点，可用钢笔工

8、具直接单击该点。,(4)添加锚点 直接使用钢笔工具单击曲线非锚点位置处。(5)删除锚点 删除角点：可用钢笔工具单击该点一次。删除曲线点：可用钢笔工具单击该点两次。（单击一次将该点转换为角点，再单击一次删除该点。）删除任意多个锚点：用“部分选取”工具选择一个或多个锚点后，按 Del 键。,2.3.4 刷子工具“刷子”工具的绘制效果与日常生活中使用的刷子类似，可以刷出线条和填充闭合的区域。与“铅笔”工具绘制的单一线条相对的是：“刷子”工具绘制的无轮廓线的填充图形。,刷子模式标准绘画 对笔触色(线条)和填充色进行覆盖涂色。颜料填充 对填充色和空白区域涂色,不影响线条。后面绘画 在空白区域涂色，不影响

9、线条和填充色。颜料选择 只对选中的填充色部分涂色。内部绘画 只对刷子第一次单击所在的填充色部分进行涂色。如果在空白区域中开始涂色，则不会影响任何现有填充区域。,2.3.5 椭圆工具“椭圆”工具可以用来绘制圆和椭圆，绘制出来的图形不仅包括矢量线，还能在矢量线内部填充色块。用户可以根据需要取消矢量线内部的填充色块或外部的矢量线。,绘制的椭圆和正圆,2.3.6 矩形工具 矩形的绘制方法和椭圆的基本相似。选择“矩形”工具在舞台上拖动鼠标，确定矩形的大小后释放鼠标，规定长度、宽度的矩形就显示在舞台上。用户还可以通过矩形工具对应的“属性”面板设置矩形的边框属性以及填充颜色。,绘制的各种矩形,2.3.7 多

10、角星形工具 使用“多角星形”工具可以绘制多边形和星形。用户可以选择多边形的边数或星形的顶点数（从3到32），还可以选择星形顶点的深度。,“工具设置”对话框 边数为6的多边形和星形,2.3.8 墨水瓶工具“墨水瓶”工具可以用来设置线条或轮廓线的颜色、线宽和线型等属性，并将这些属性应用到指定的线条或轮廓线上。但对线条能应用纯色，还可应用渐变或位图。如果该填充色没有边缘线条，使用墨水瓶工具单击后将会产生线条。,2.3.9 颜料桶工具 在填充色区域上单击可改变当前填充色。在无填充色的线条内部单击可用颜色填充以封闭该线条围成的区域。空隙参数：不封闭空隙:要求线条必须是闭合的才可填充。封闭小空隙、封闭中等

11、空隙、封闭大空隙：要求线条的空隙符合相应大小。注：如果空隙太大，可能必须手动封闭它们。,2.3.10 滴管工具 用滴管工具单击一个图形的笔触(填充)部分，系统自动切换成墨水瓶(颜料桶)工具，然后就可以在需要其他图形的笔触(填充)上单击即可复制该颜色效果。“滴管”工具还允许从位图图像取样用作填充。,2.3.11 橡皮擦工具(1)快速删除舞台上的所有内容 双击“橡皮擦”工具(2)删除笔触段或填充区域 选择“橡皮擦”工具，然后单击“水龙头”功能键,单击要删除的笔触段或填充区域。,橡皮擦对应选项 橡皮擦模式,(3)通过拖动擦除“橡皮擦”工具选项：标准擦除 擦除笔触和填充。擦除填色 只擦除填充，不影响笔

12、触。擦除线条 只擦除笔触，不影响填充。擦除所选填充 只擦除当前选定的填充，不影响笔触（不论笔触是否被选中）。内部擦除 只擦除橡皮擦第一次单击处的填充区域。如果从空白点开始擦除，则不会擦除任何内容。,设置橡皮擦的形状和大小 橡皮檫太大或太小都不方便擦除对象，需要调整橡皮擦的大小和形状。单击橡皮擦形状下拉列表按钮，在其中选择一种形状，也可在选择形状的同时选择合适的大小。,2.4 选择和调整工具,一、选择工具“选择”工具可用来选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。单击“选择”工具，在选项区出现3个选项，如下图所示。,1、使用“选择”工具选择对象选择矢量边线：单击对象的边线部位，则

13、只能选择一条边线；双击可以选择所有的边线。选择填充色块：单击对象的填充，只能选择填充；双击可以同时选中边线和填充内容，即整个对象。选择多个对象：按住鼠标左键拖动鼠标，用拖曳的矩形线框来选择多个对象。选择某一对象后，按住Shift键单击其它对象，也可以选择多个对象。,2、使用“选择”工具改变矢量图形的形状 选中“选择”工具，将鼠标指向线条或形状的外边缘时，指针形状会发生变化，以指明在该线条或填充上可以执行哪种类型的形状改变，如下图。,改变角点位置,改变曲线外形,2.4.2 套索工具“套索”工具主要用于创建不规则的选区。多边形模式：可以创建多边形形状的区域。魔术棒：在分离位图上选取颜色相近的 区域

14、。魔术棒属性：设置选区范围内邻近像素 颜色的相近程度和选区边缘的平滑程度。,套索工具对应选项,在“编辑/首选参数”中勾选“接触感应选择和套索工具”选项，则用选择工具和套索工具时，只要框选对象任意部分就能将对象全部选中，否则必须把对象完全框选才能选中。,使用“套索”工具对应的魔术棒 选择“套索”工具，在对应的选项区中单击按钮进入魔术棒模式。主要用于对导入的位图分离后进行颜色选择。,“魔术棒设置”对话框,参数含义如下：l 阈值：定义了选取范围内的颜色与单击处像素颜色的相近程度，阈值越大，选取范围就越大。该选项的范围为0200之间。l 平滑：定义了选取边缘的平滑程度。该下拉列表框有4个选项，分别是像

15、素、粗略、正常和平滑，这4个选项是对阈值的进一步补充。,自由选取对象 选择“套索”工具，在工作区内拖动鼠标，会沿鼠标运动轨迹出现一条不规则的黑线，黑线所包围的部分被选中，多边形模式 选中“套索”工具，在对应的“选项”区单击按钮，然后在舞台上单击鼠标做为创建选区的起点，再把鼠标移动到下一个位置单击鼠标，继续重复操作。双击鼠标即可闭合选择区域。通过这种方法可以创建一个多边形区域。,2.4.3 部分选取工具“部分选择”工具是修改和调整路径非常有效的工具。用“部分选择”工具单击轮廓线条(如果填充色没有轮廓，也可以单击选择填充色边界)，会出现线条的锚点，然后即可调节。,2.4.4 任意变形工具 可对图形

16、、组、实例或文本块等对象进行调整。如移动、旋转、缩放和扭曲等。,任意变形工具对应选项,选项含义如下：l 旋转与倾斜：进行旋转或倾斜操作。l 缩放：进行等比或不等比例放大或缩小扭曲：拖动选中对象四周的控制点可实现扭曲调整。若按住Shift键可以进行对称调整，即在对象的一个方向上进行调整时，反方向也会自动调整。l 封套：封套选项的功能有点类似于“部分选取”工具的功能，此选项允许使用切线调整曲线。,2.4.5 填充变形工具“填充变形”工具用于调整渐变颜色、填充物和位图填充物的尺寸、角度和中心点。使用“填充变形”工具调整渐变填充的样式，也可以调整位图填充的样式。注：该工具只对渐变填充、位图填充有效。,

17、A中心点 设置渐变中心位置。B焦点 只在放射状渐变时才有，控制渐变起点。C长宽调整 改变填充区域大小，位图填充有水平和垂直两个方向的调整手柄。D等比大小 等比缩放长宽大小E旋转 改变渐变的旋转角度。,2.5 查看工具,Flash 提供了两种视图工具：“手形”工具和“缩放”工具。1、缩放工具“缩放”工具和其他应用程序所提供的缩放工具相似，可以对工作对象进行放大或缩小。,第2章基本图形的绘制和编辑,视图工具,2、手形工具 使用“缩放”工具放大图像后，可能无法看到整个图像，此时可用滚动条进行查看，也可以使用“手形”工具。“手形”工具是将舞台中的所有内容相对于文件的窗口进行移动，而内容的相对位置并没有

18、改变。,技巧：按住空格键不放，可保持平移操作状态。按住空格键再按一下Z键，可切换成放大操作，配合Alt键可切换成缩小操作。在手形工具上双击鼠标可让舞台以最适合的窗口大小显示，在缩放工具上双击鼠标可让舞台以1:1的比例显示。,2.6 使用颜色,颜色修改可使用工具箱“颜色”区域、“属性”面板、“混色器”面板、“颜色样本”面板。对于笔触、填充颜色，可以用纯色、渐变色或位图。要进行位图填充，必须先把位图导入到当前文件中。,1、选取颜色 使用“颜色”区中的笔触和填充按钮 使用“属性”面板 使用“混色器”面板 2、“混色器”面板 R-G-B：每个分量色彩值为0-2553、“颜色样本”面板,4、创建或编辑渐

19、变色有两种渐变类型：线性渐变和放射状渐变。线性渐变：创建的渐变从起始点到终点沿直线逐渐变化。放射状渐变：创建的渐变从起始点到终点按照环形模式向四周逐渐变化。,线性渐变 放射状渐变,5、位图填充 使用“混色器”面板既可以进行纯色填充，也可以进行渐变填充，还可以进行位图填充。利用“混色器”面板中的“位图填充”选项进行填充之前，必须先导入图形文件，效果如下图。,位图填充,锁定填充功能 只有“刷子”和“颜料桶”工具才具有该功能参数，并且只对渐变、位图填充有效。锁定渐变色或位图填充，可以使填充看起来好像扩展到整个舞台，并且用该填充涂色的对象好像是显示下面的渐变或位图的遮罩。,2.7 图形对象的编辑,2.

20、7.1 获取对象1.分离对象：合并对象、导入的图形分离后、位图矢量化后的矢量图2.组:3.绘制对象4.实例,2.7.2 对象的移动、复制和删除1、移动对象 选择对象后可以通过以下方法完成移动对象的操作：方法1：用“选择”工具拖动来移动对象 方法2：用键盘上的方向键移动对象 方法3：使用“信息”面板移动对象 方法4：用“属性”面板移动对象 方法5：通过菜单命令移动对象,2、复制对象 选择对象后可以通过以下方法完成复制对象的操作：方法1：使用“选择”工具复制对象 方法2：通过菜单命令复制对象,3、删除对象 选择一个或多个对象，执行以下其中一项操作将删除对象：按下Delete键或Backspace

21、键。选择“编辑”“清除”菜单命令。选择“编辑”“剪切”菜单命令。右击该对象，然后从快捷式菜单中选择“剪切”命令。,2.7.3 对象的组合和解组 1、对象的组合 选择要组合的多个对象，选“修改”“组合”命令，或者按下快捷键Ctrl+G，将多个对象组合在一起。,对象组合前后效果图,2、对象的解组 如果需要取消组合操作，可以采用解组的方法：选中要取消的组合，选择“修改”“取消组合”命令，或者按下Ctrl+Shift+G组合键。3、编辑组或组中的对象 选中组对象，选择“编辑”“编辑所选项目”命令进入该组的编辑状态，或用选择工具双击该组对象。,对象组合特点：组合的对象只能整体选择移动，不可直接修改形状、

22、颜色。(可用“选择工具”双击后，才能进入内部进行编辑。）使用套索工具只能整体选择。在属性面板只能设置整体大小、位置。可设置前后叠放次序，透明度效果。,2.7.4 对象的翻转、对齐与重叠1、对象的翻转 对象的翻转是比较常用的修改方式，主要包括水平翻转和垂直翻转两种。选中对象，选择“修改”“变形”“垂直翻转”命令，这时图形发生了垂直翻转。选择“修改”“变形”“水平翻转”命令，发生了水平翻转。,图形发生垂直翻转,图形发生水平翻转,2、对象的对齐 Flash绘画中常会有对齐多个对象的需要，使用“对齐”面板能沿水平方向或垂直方向对齐选定的对象。方法：选择多个对象，选择“窗口”“对齐”命令，在打开的“对齐

23、”面板中，选择某种对齐方式。,单击“下对齐”按钮后的效果图,3、对象的重叠 在Flash中创建的多个对象往往相互重叠在一起，用户可以调整它们的叠放顺序。移至顶层（Ctrl+Shitf+Up）：上移到顶层上移一层（Ctrl+Up）：向上移一层下移一层（Ctrl+Down）向下移一层移至底层（Ctrl+Shitf+Down）下移到底层,2.7.5 线条与填充的处理技巧1、将线条转换为填充 此功能可将线条转换为填充，这样用户就可以按填充色方式来处理线条。,将线条转换为填充,2、线条优化“修改/形状/优化”：减少线段数“修改/形状/平滑”：平滑线条“修改/形状/伸直”：让线条趋近标准几何图形(椭圆、直

24、线、矩型),3、填充的扩展 选择“修改”“形状”“扩展填充”命令，弹出“扩展填充”对话框。各选项的含义如下：距离：设置填充扩展的尺寸。扩展：向外扩大插入：向内缩小,扩展后的填充线条,4、填充的柔化 选中填充形状，选择“修改”“形状”“柔化填充边缘”命令，弹出“柔化填充边缘”对话框。各选项的含义如下：距离：柔化后的边缘与原始形状的边缘的距离，以像素为单位。步骤数：控制用于柔边效果的曲线数。数值越大，效果就越平滑。扩展：向外柔化，使形状更大。插入：向内柔化，使形状缩小。,柔化后的填充线条,2.8 设置标尺、辅助线和网格,2.7.1 标尺的使用 Flash中的标尺就类似直尺，它可以用来精确测量图像的

25、位置和大小。,1、显示或隐藏标尺 在默认情况下，标尺没有打开，可选择“视图”“标尺”命令打开标尺，打开的标尺出现在工作区的左侧和顶部。再次选择“视图”“标尺”命令，将隐藏标尺。2、修改标尺度量单位 默认情况下，标尺使用的单位是像素。如果要修改单位，选择“修改”“文档”，弹出“文档属性”对话框，从“标尺单位”对应的下拉列表中选择任意单位。,选择标尺单位,2.8.2 辅助线的使用 如果显示了标尺，可以将水平和垂直辅助线从标尺拖动到舞台上，以便更好地进行创作。1、添加辅助线 打开标尺后，将光标移动到顶部的标尺上，按住鼠标左键，拖动鼠标到舞台中央后松开，将在舞台上出现一条横向的辅助线。按照同样的方法，

26、从左侧向右拖动鼠标，可以添加纵向的辅助线。,2、设置辅助线首选参数：要设置辅助线的首选参数，选择“视图”“辅助线”“编辑辅助线”，打开“辅助线”对话框，然后执行以下任意操作：l 修改辅助线的颜色：单击颜色框可修改辅助线的颜色。l 显示辅助线：选中或取消选中复选框，可以显示/隐藏辅助线。l 对齐辅助线：选中或取消选中复选框，可以打开或关闭对齐辅助线。,l 锁定辅助线：选中或取消选中复选框，可以锁定或解锁辅助线。l 对齐精确度：可从弹出菜单中选择对齐方式，来修改对齐精确度。l【全部清除】按钮：单击将删除所有的辅助线。l【保存默认值】按钮：单击将当前设置保存为默认值。,利用菜单命令可对辅助线作如下设

27、置：l 显示/隐藏辅助线：如果已经添加了辅助线，选择“视图”“辅助线”“显示辅助线”命令，将隐藏辅助线，再次选择该命令可以重新显示辅助线。l 删除辅助线：在辅助线处于解锁状态时，使用“选择”工具将辅助线拖到水平或垂直标尺上。或者选择“视图”“辅助线”“清除引导线”命令删除辅助线。,l 对齐辅助线：选择“视图”“辅助线”“对齐辅助线”命令将对齐辅助线，如果再次选择将取消对齐辅助线。l 锁定辅助线：选择“视图”“辅助线”“锁定辅助线”命令即可。,2.8.3 网格工具的使用 使用“网格”工具可以使对象方便地在工作区中定位。可以将对象与网格对齐，也可以修改网格大小和网格线颜色。1、显示/隐藏网格 默认

28、情况下网格是不显示的，选择“视图”“网格”“显示网格”命令，舞台上将出现灰色的小方格，默认大小为1818像素。需要说明的是网格不是图像，只是方便绘图的一种工具。,2、设置网格参数 选择“视图”“网格”“编辑网格”命令，打开“网格”设置对话框。在“网格”对话框中，可以设置网格的颜色、大小及对齐等参数。l 修改颜色：默认的网格线颜色是灰色。如果需要修改网格颜色，请单击颜色框，然后从拾色器中选择一种颜色。,“网格”属性对话框,l 显示网格：选择或取消选择复选框，可以显示或隐藏网格。l对齐网格：选择或取消选择复选框，可以打开或关闭对齐网格线。l 设置网格大小：在水平和垂直箭头右侧的文本框中输入一个值，可改变网格的大小。l 对齐精确度：在对应的下拉列表中，选择不同的选项将决定捕捉到网格的难易程度。l 保存默认值：单击【保存默认值】按钮，可将当前设置保存为默认值。,