基本图形的绘制和编辑课件

1、本章主要内容2.1 位图和矢量图形简介 2.2 绘图工具箱的介绍 2.3 基本绘图和着色工具2.4 选择和调整工具 2.5 视图工具 2.6 使用颜色 2.7 调整绘图环境2.8 图形编辑 2.9 应用实例2.10 本章习题与实验指导 2.1 位图和矢量图形简介 第2章基本图形的绘制和编辑 计算机图形有两类：位图图形和矢量图形。 1、位图图形 位图图形是由独立的像素点排列组成的，像素是一些极其细微的正方形，位图占用了较多的内存，并且文件的尺寸较大。当放大位图图形时，实际上是对像素的放大。当位图图像被放大到一定的程度之后，会出现严重的“锯齿”。可见，位图的图像质量和分辨率有关。常用来编辑位图图片

2、的软件有Adobe Photoshop、3D Max等。 2、矢量图形 矢量图形是由直线或曲线组成的，矢量的属性包括颜色和位置。当编辑矢量图形时，实际上是在修改描述图形的形态和颜色的属性。矢量图形与分辩率无关，所以无论怎样放大图片，都不会影响画质，一直保持其原有的清晰度，而且生成的文件尺寸相对较小。 Flash也支持位图图形，用户可以将各种位图图像导入到Flash中。 矢量图形放大前后的对比 位图图形放大前后的对比2.2 绘图工具箱 绘图工具箱通过标签分为：工具区、查看区、颜色区和选项区。 各个工具的使用方法，请在Flash MX 2004窗口中进行讲述。 第2章基本图形的绘制和编辑 绘图工具

3、箱 2.3.1 线条工具 “线条”工具专门用于绘制各种不同方向的矢量直线段。选择“线条”工具后，在绘图工具箱的“选项”区不会出现任何选项，用户可以通过其对应的“属性”面板，对线条的颜色、线宽、线型进行设置。 2.3 基本绘图和着色工具 第2章基本图形的绘制和编辑“笔触样式”对话框各个属性的意义如下： l 4倍缩放：将观察区域放大4倍，便于用户观看属性设置后的效果。l 粗细：定义线宽，该下拉列表框中给出了一些默认设置，用户也可以输入需要的宽度，但宽度最大不能超过10pts。l 锐化转角：使直线的转折部分更加尖锐。l 类型：用户从该下拉列表框中选择具体的线型。 “笔触样式”对话框2.3.2 椭圆工

4、具 “椭圆”工具可以用来绘制圆和椭圆，绘制出来的图形不仅包括矢量线，还能在矢量线内部填充色块。用户可以根据需要取消矢量线内部的填充色块或外部的矢量线。 绘制的椭圆和正圆 2.3.3 矩形工具 矩形的绘制方法和椭圆的基本相似。选择“矩形”工具在舞台上拖动鼠标，确定矩形的大小后释放鼠标，规定长度、宽度的矩形就显示在舞台上。用户还可以通过矩形工具对应的“属性”面板设置矩形的边框属性以及填充颜色。 绘制的各种矩形2.3.4 多角星形工具 使用“多角星形”工具可以绘制多边形和星形。用户可以选择多边形的边数或星形的顶点数（从3到32），还可以选择星形顶点的深度。 “工具设置”对话框 边数为6的多边形和星形

5、 2.3.5 铅笔工具 “铅笔”工具和现实生活中的铅笔使用方法大致相同，可以绘制自由的线条和图形。不同的是，“铅笔”工具可以对绘制的线条进行伸直或平滑处理，也可以用来识别和校正基本的几何图形。铅笔模式 用三种铅笔模式绘制的图形 2.3.6 刷子工具 “刷子”工具的绘制效果与日常生活中使用的刷子类似，可以刷出线条和填充闭合的区域。与“铅笔”工具绘制的单一实线不同的是：“刷子”工具绘制的是轮廓粗细为0的填充图形，可以用“墨水瓶”工具直接改变轮廓的填充色；而“铅笔”工具绘制的实线则不能用“墨水瓶”工具直接填色。 刷子模式1） 各种刷子模式的含义如下：l 标准绘画：新绘制的线条覆盖同一层中原有的矢量图

6、形，但不会影响对象或群组。l颜料填充：只能在填充区域和空白区域内涂色，但不影响原图的线条色。l 后面绘画：只是从原有图形的背后穿过，不影响原有的图形。l 颜料选择：只能在选择区域内绘图。l 内部绘画：可分为两种情况，一种情况是当刷子起点位于图形之外的空白区域，在经过图形时，从其背后穿过；第二种情况是当刷子的起点位于图形的内部时，只能在图形的内部绘制图形。2.3.7 滴管工具 “滴管”工具可以从各种图形的填充颜色或线条中获得颜色和类型的信息。2.3.8 墨水瓶工具 “墨水瓶”工具可以用来设置线条或轮廓线的颜色、线宽和线型等属性，并将这些属性应用到指定的线条或轮廓线上。但对线条只能应用纯色，而不能

7、应用渐变或位图。“墨水瓶”工具经常与“滴管”工具结合使用。 2.3.9 颜料桶工具 “颜料桶”工具可用于填充纯色、渐变色以及位图到封闭的区域。由于“滴管”工具具有获得和转换的功能，它可以方便地将获得的填充属性用在其他的填充区域上，所以“滴管”工具和颜料桶工具经常被频繁地交替使用。 2.3.10 橡皮擦工具 使用“橡皮擦”工具可以快速擦除舞台中的内容。选择“橡皮擦”工具，在“选项”区出现3个选项， 橡皮擦对应选项 橡皮擦模式5种擦除模式：l 标准擦除：系统默认模式，选择该模式后，鼠标变成橡皮擦的形状，可以擦除矢量图形、线条、分离的位图和文字。l 擦除填色：只擦除填充色块，不影响轮廓线。l 擦除线

8、条：只擦除轮廓线，不影响填充色块。l 擦除所选填充：只擦除选中的填充色块或分离的文字，并不影响矢量线（不管矢量线是否被选中）和未被选中的填充区域。l 内部擦除：只擦除橡皮擦光标起点区域的填充色块，如果从空白区域开始擦除，不会擦除任何内容。水龙头： “橡皮擦”工具的“水龙头”是一项非常有用的模式，它可以删除图形中的某些连续区域、整条线段或填充区域。设置橡皮擦的形状和大小 橡皮檫太大或太小都不方便擦除对象，需要调整橡皮擦的大小和形状。单击橡皮擦形状下拉列表按钮，在其中选择一种形状，也可在选择形状的同时选择合适的大小。 另外，若删除舞台上所有的对象，常用以下两种方法：全选后单击键盘上的Delete键

9、删除。双击工具箱中的“橡皮擦”工具。2.4 选择和调整工具 第2章基本图形的绘制和编辑 在Flash MX 2004中，“选择”工具和“套索”工具可以用来选择直线、图形、组合和符号等对象。“选择”工具主要是用来选择整个对象或形状对象的某一部分；“套索”工具通过勾勒任意形状的范围来选取形状对象，当选取对象是组合、实例或文字时，只有当对象完全位于选取范围内时才被选取。一、选择工具 “选择”工具可用来选择、移动、复制、修改、旋转、推拉、缩放矢量线和矢量图形。单击“选择”工具，在选项区出现3个选项，如下图所示 。 “选择”工具对应选项 下面介绍“选择”工具常用的几种使用方法。1、使用“选择”工具选择对

10、象选择矢量边线：单击对象的边线部位，则只能选择一条边线；双击可以选择所有的边线。 选择填充色块：单击对象的填充，只能选择填充；双击可以同时选中边线和填充内容，即整个对象。选择多个对象：按住鼠标左键拖动鼠标，用拖曳的矩形线框来选择多个对象。选择某一对象后，按住Shift键单击其它对象，也可以选择多个对象。 2、使用“选择”工具改变矢量图形的形状 选中“选择”工具，将鼠标指向线条或形状的外边缘时，指针形状会发生变化，以指明在该线条或填充上可以执行哪种类型的形状改变，如下图。 拖动任意点改变形状 2.4.2 套索工具 “套索”工具主要用于创建不规则的选区。需要注意的是，如果选取的对象是组、实例或文字

11、，只有当对象完全位于选区范围之内时才被选取；如果要选取对象的一部分，必须先分离对象。单击按钮，在对应的“选项”区出现3个选项，如图所示。多边形模式：可以创建多边形形状的区域。魔术棒：在分离位图上选取颜色相近的 区域。魔术棒属性：设置选区范围内邻近像素 颜色的相近程度和选区边缘的平滑程度。 套索工具对应选项 下面介绍“套索”工具的具体使用。使用“套索”工具对应的魔术棒 选择“套索”工具，在对应的选项区中单击按钮进入魔术棒模式。在该模式下，单击选项区中的按钮，打开“魔术棒设置”对话框。“魔术棒设置”对话框参数含义如下：l 阈值：定义了选取范围内的颜色与单击处像素颜色的相近程度，阈值越大，选取范围就

12、越大。该选项的范围为0200之间。l 平滑：定义了选取边缘的平滑程度。该下拉列表框有4个选项，分别是像素、粗略、正常和平滑，这4个选项是对阈值的进一步补充。自由选取对象 选择“套索”工具，在工作区内拖动鼠标，会沿鼠标运动轨迹出现一条不规则的黑线，黑线所包围的部分被选中，多边形模式 选中“套索”工具，在对应的“选项”区单击按钮，然后在舞台上单击鼠标做为创建选区的起点，再把鼠标移动到下一个位置单击鼠标，继续重复操作。双击鼠标即可闭合选择区域。通过这种方法可以创建一个多边形区域。 2.4.3 钢笔工具 使用“钢笔”工具可以绘制精确的路径，如直线或者平滑流畅的曲线。“钢笔”工具常与“部分选择”工具配套

13、使用，利用“部分选取”工具可对用钢笔绘制的图形进行巧妙多样的修饰。选中“钢笔”工具简单地移动鼠标并连续地单击就可以绘制出一系列直线，每次单击的位置便是一条直线的起点或终点。单击并拖动“钢笔”工具可绘制曲线。所有的线条都可以通过调节节点来修改和编辑，其中也包括在Flash中用其他工具绘制的线条。 为绘制的线增加或删除锚点 增加锚点：选择“钢笔”工具，当钢笔形状为时单击线段，可增加一个锚点。 删除锚点有两种方法：1）用钢笔工具单击该点两次（单击一次将该点转换为拐点，再单击一次删除该点）。2）用“部分选取”工具选择该点，按下Delete键即可。 2.4.4 部分选取工具 “部分选择”工具是修改和调整

14、路径非常有效的工具。想要显示用钢笔、铅笔或者刷子等工具绘制的线条或图形轮廓上的锚点，只要用“部分选择”工具单击线条或图形轮廓，就可以定义线条或图形的锚点。通过拖动锚点或切线手柄即可对线条或图形进行编辑。 如果需要将拐点转换为锚点，可使用“部分选取”工具选择该点，然后按住Alt键拖动该点即将拐点转换为锚点。如果用“钢笔”工具单击某个锚点，可将锚点转换为拐点。 2.4.5 任意变形工具 “任意变形”工具可以非常方便地对图形、组、实例或文本块等对象进行调整。如移动、旋转、缩放和扭曲等。使用“任意变形”工具选中一个或多个对象后，在选中对象的周围会显示出控制线和控制点，将鼠标移动到这些控制线和控制点上时

15、，鼠标的指针发生变化，指明哪种变形功能可用。 任意变形工具对应选项 选项含义如下：l 封套 ：封套选项的功能有点类似于“部分选取”工具的功能，此选项允许使用切线调整曲线。l 旋转与倾斜 ：对选中的对象进行旋转或倾斜操作。l 缩放 ：对选中的对象进行成比例或不成比例地放大或缩小。l 扭曲 ：拖动选中对象四周的控制点可实现扭曲调整。若按住Shift键可以进行对称调整，即在对象的一个方向上进行调整时，反方向也会自动调整。2.4.6 填充变形工具 “填充变形”工具用于调整渐变颜色、填充物和位图填充物的尺寸、角度和中心点。使用“填充变形”工具调整渐变填充的样式，也可以调整位图填充的样式。选中调整对象将在

16、对象的周围显示出一些控制手柄，根据填充内容的不同，显示的手柄也会不同。 请在Flash窗口结合实例详细讲述。 2.5 视图工具 Flash MX 2004提供了两种视图工具：“手形”工具和“缩放”工具。 1、 缩放工具 “缩放”工具和其他应用程序所提供的缩放工具相似，可以对工作对象进行放大或缩小。第2章基本图形的绘制和编辑 视图工具 2、手形工具 使用“缩放”工具放大图像后，可能无法看到整个图像，此时可用滚动条进行查看，也可以使用“手形”工具。“手形”工具是将舞台中的所有内容相对于文件的窗口进行移动，而内容的相对位置并没有改变。 在工具箱中选择“手形”工具，在工作区中按住鼠标左键拖曳鼠标，即可

17、察看图像的各个部分。如果希望将整个舞台居中并全部显示在文件窗口中，可双击“手形”工具。2.6 使用颜色 Flash MX 2004提供了多种应用、创建和修改颜色的方法。用户可以使用工具箱中的“颜色”区或者“属性”面板，也可以使用“混色器”面板或者自己创建的调色板，对笔触颜色和填充颜色进行选择，来修改舞台中已有对象的笔触或填充属性。对于笔触颜色，可以选择任意的纯色。对于填充颜色，可以用纯色、渐变色或位图。要进行位图填充，必须先把位图导入到当前文件中。第2章基本图形的绘制和编辑1、选取颜色 使用“颜色”区中的笔触和填充按钮 使用“属性”面板 使用“混色器”面板 2、使用Alpha透明色 可以使用A

18、lpha选项改变图形的透明程度。通过拖动滑块改变Alpha值的大小，也可以直接输入数值，其变化范围为0%-100%，0%时完全透明，100%时完全不透明。 3、创建或编辑渐变色有两种渐变类型：线性渐变和放射状渐变。线性渐变：创建的渐变从起始点到终点沿直线逐渐变化。放射状渐变：创建的渐变从起始点到终点按照环形模式向四周逐渐变化。线性渐变 放射状渐变4、位图填充 使用“混色器”面板既可以进行纯色填充，也可以进行渐变填充，还可以进行位图填充。利用“混色器”面板中的“位图填充”选项进行填充之前，必须先导入图形文件，效果如下图。 位图填充2.7 调整绘图环境 Flash MX 2004提供了标尺、辅助线

19、和网络，它们对精确调整对象的位置非常有用。 2.7.1 标尺的使用 画图时经常要用铅笔或直尺比划一下图像的位置，看看构图是否合理，Flash中的标尺就类似直尺，它可以用来精确测量图像的位置和大小。 第2章基本图形的绘制和编辑1、显示或隐藏标尺 在默认情况下，标尺没有打开，可选择“视图”“标尺”命令打开标尺，打开的标尺出现在工作区的左侧和顶部。再次选择“视图”“标尺”命令，将隐藏标尺。2、修改标尺度量单位 默认情况下，标尺使用的单位是像素。如果要修改单位，选择“修改”“文档”，弹出“文档属性”对话框，从“标尺单位”对应的下拉列表中选择任意单位，单击【确定】按钮即可，如下页图所示。 选择标尺单位2

20、.7.2 辅助线的使用 如果显示了标尺，可以将水平和垂直辅助线从标尺拖动到舞台上，以便更好地进行创作。 1、添加辅助线 打开标尺后，将光标移动到顶部的标尺上，按住鼠标左键，拖动鼠标到舞台中央后松开，将在舞台上出现一条横向的辅助线。按照同样的方法，从左侧向右拖动鼠标，可以添加纵向的辅助线。2、设置辅助线首选参数： 要设置辅助线的首选参数，选择“视图”“辅助线”“编辑辅助线”，打开 “辅助线”对话框，然后执行以下任意操作：l 修改辅助线的颜色：单击颜色框可修改辅助线的颜色。 l 显示辅助线：选中或取消选中复选框，可以显示/隐藏辅助线。l 对齐辅助线：选中或取消选中复选框，可以打开或关闭对齐辅助线。

21、l 锁定辅助线：选中或取消选中复选框，可以锁定或解锁辅助线。l 对齐精确度：可从弹出菜单中选择对齐方式，来修改对齐精确度。l 【全部清除】按钮：单击将删除所有的辅助线。l【保存默认值】按钮：单击将当前设置保存为默认值。3、设置辅助线利用菜单命令可对辅助线作如下设置：l 显示/隐藏辅助线：如果已经添加了辅助线，选择“视图”“辅助线”“显示辅助线”命令，将隐藏辅助线，再次选择该命令可以重新显示辅助线。 l 删除辅助线：在辅助线处于解锁状态时，使用“选择”工具将辅助线拖到水平或垂直标尺上。或者选择“视图”“辅助线”“清除引导线”命令删除辅助线。l 对齐辅助线：选择“视图”“辅助线”“对齐辅助线”命令

22、将对齐辅助线，如果再次选择将取消对齐辅助线。l 锁定辅助线：选择“视图”“辅助线”“锁定辅助线”命令即可。2.7.3 网格工具的使用 使用“网格”工具可以使对象方便地在工作区中定位。可以将对象与网格对齐，也可以修改网格大小和网格线颜色。1、 显示/隐藏网格 默认情况下网格是不显示的，选择“视图”“网格”“显示网格”命令，舞台上将出现灰色的小方格，默认大小为1818像素。需要说明的是网格不是图像，只是方便绘图的一种工具。 1、 设置网格参数 选择“视图”“网格”“编辑网格”命令，打开“网格”设置对话框。在“网格”对话框中，可以设置网格的颜色、大小及对齐等参数。l 修改颜色：默认的网格线颜色是灰色

23、。如果需要修改网格颜色，请单击颜色框，然后从拾色器中选择一种颜色。“网格”属性对话框l 显示网格：选择或取消选择复选框，可以显示或隐藏网格。l对齐网格：选择或取消选择复选框，可以打开或关闭对齐网格线。l 设置网格大小：在水平和垂直箭头右侧的文本框中输入一个值，可改变网格的大小。l 对齐精确度：在对应的下拉列表中，选择不同的选项将决定捕捉到网格的难易程度。l 保存默认值：单击【保存默认值】按钮，可将当前设置保存为默认值。2.8 图形编辑2.8.1 选择、移动、复制、删除对象1、移动对象 选择对象后可以通过以下方法完成移动对象的操作：方法1：用“选择”工具拖动来移动对象 方法2：用键盘上的方向键移

24、动对象 方法3：使用“信息”面板移动对象 方法4：用“属性”面板移动对象 方法5：通过菜单命令移动对象 第2章基本图形的绘制和编辑2、复制对象 选择对象后可以通过以下方法完成复制对象的操作：方法1：使用“选择”工具复制对象 方法2：通过菜单命令复制对象3、删除对象 选择一个或多个对象，执行以下其中一项操作将删除对象：按下Delete键或Backspace 键。选择“编辑”“清除”菜单命令。选择“编辑”“剪切”菜单命令。右击该对象，然后从快捷式菜单中选择“剪切”命令。2.8.2 对象的组合和解组 1、对象的组合 选择要组合的多个对象 ，选“修改”“组合”命令，或者按下快捷键Ctrl+G，将多个对象组合在一起。 对象组合前后效果图2、对象的解组 如果需要取消组合操作，可以采用解组的方法： 选中要取消的组合，选择“修改”“取消组合”命令，或者按下Ctrl+Shift+G组合键。3、编辑组或组中的对象 选中组对象，选择“编辑”“编辑所选项目”命令进入该组的编辑状态，编辑完成后，选择“编辑”“全部编辑”命令，或者单击“时间轴”顶部的“场景1”，回到原文档编辑状态。2.8.3 对象的翻转、对齐与重叠1、对象的翻转 对象的翻转是比较常用的修改方式，主要包括水平翻转和垂直翻转两种。 选中对象，选择“修改”“变形”“垂直翻转”命令，这时图形发生了垂直翻转。选择“修改”“变形”“水平翻转”命