Flash图形工具讲解.ppt

第二章Flash 图形工具讲解 Flash 动画制作 在在Flash CS3Flash CS3中，不仅可以绘制线条中，不仅可以绘制线条 、椭圆、矩形等基本图形，并设置其笔触、椭圆、矩形等基本图形，并设置其笔触 的样式。还可以使用颜色填充工具对已绘的样式。还可以使用颜色填充工具对已绘 制的图形进行颜色填充或调整。另外，在制的图形进行颜色填充或调整。另外，在 Flash CS3Flash CS3中可以导入其他应用程序创建的中可以导入其他应用程序创建的 矢量图形和位图图像，在进行一定的编辑矢量图形和位图图像，在进行一定的编辑 处理后，可以使其更加符合处理后，可以使其更加符合FlashFlash影片的制影片的制 作需要。作需要。 学学 习习 目目 标标 1.1. 位图与矢量图的概念和区别位图与矢量图的概念和区别 2.2. Flash CS3 Flash CS3中的色彩模式中的色彩模式 3.3. 线条绘制工具的使用线条绘制工具的使用 4.4. 图形绘制工具的使用图形绘制工具的使用 5.5. 图形填充工具的使用图形填充工具的使用 6.6. 橡皮擦工具的使用橡皮擦工具的使用 7.7. 辅助绘图工具的使用辅助绘图工具的使用 8.色彩基础知识 9.用墨水瓶工具填充线条 10.用颜料桶工具填充区域 11.用滴管工具吸取颜色 12.混色器的使用 13.用填充变形工具编辑颜色 14.用刷子工具添加艺术效果 一、绘图工具 1.直线工具 2.选择工具 3.铅笔钢笔工具 2.1 Flash CS32.1 Flash CS3中的图形中的图形 在学习绘制和编辑图形的操作之前，用户应先对在学习绘制和编辑图形的操作之前，用户应先对 Flash CS3Flash CS3中的图形有所认识，主要包括了位图和矢量图中的图形有所认识，主要包括了位图和矢量图 的概念和区别以及图形色彩的相关知识。的概念和区别以及图形色彩的相关知识。 位图和矢量图位图和矢量图 Flash CS3 Flash CS3中的色彩模式中的色彩模式 2.1.1 2.1.1 位图和矢量图位图和矢量图 位图就是由计算机根据图像中每一个点的信息生成的，这样的点称位图就是由计算机根据图像中每一个点的信息生成的，这样的点称 为像素。图像的像素值越高，图像就越清晰，但是图像文件的大小就越大。为像素。图像的像素值越高，图像就越清晰，但是图像文件的大小就越大。 位图通常用在对色彩丰富度或真实感要求比较高的场合。位图通常用在对色彩丰富度或真实感要求比较高的场合。 矢量图是由计算机根据包含颜色和位置属性的直线或曲线来描述的矢量图是由计算机根据包含颜色和位置属性的直线或曲线来描述的 图形。计算机在存储和显示矢量图形时只需记录图形的边线位置和边线之间图形。计算机在存储和显示矢量图形时只需记录图形的边线位置和边线之间 的颜色这两种信息，因此矢量图形的复杂程度直接影响其文件的大小，而与的颜色这两种信息，因此矢量图形的复杂程度直接影响其文件的大小，而与 图形的尺寸无关。图形的尺寸无关。 2.1.2 Flash CS32.1.2 Flash CS3中的色彩模式中的色彩模式 丰富的色彩可以使动画的表现能力大大增强，因此，在丰富的色彩可以使动画的表现能力大大增强，因此，在 Flash CS3Flash CS3中对图形进行色彩填充是一项很重要的工作。由于不中对图形进行色彩填充是一项很重要的工作。由于不 同的颜色在色彩的表现上存在某些差异，根据这些差异，色彩被同的颜色在色彩的表现上存在某些差异，根据这些差异，色彩被 分为若干种色彩模式，如分为若干种色彩模式，如RGBRGB模式、灰度模式、索引颜色模式等模式、灰度模式、索引颜色模式等 。在。在Flash CS3Flash CS3中，程序提供了两种色彩模式，分别为中，程序提供了两种色彩模式，分别为RGBRGB和和HSBHSB 色彩模式。色彩模式。 2.2.1 2.2.1 使用使用【线条线条】工具工具 在在Flash CS3Flash CS3中，中，【线条线条】工具常用于绘制不同角度的工具常用于绘制不同角度的 直线。在工具箱中选择直线。在工具箱中选择【线条线条】工具后，光标会变为十字形状工具后，光标会变为十字形状 ，按住鼠标左键并往任意方向拖动，到所需位置释放鼠标，即，按住鼠标左键并往任意方向拖动，到所需位置释放鼠标，即 可绘制一条直线。可绘制一条直线。 线条的变化：在以前版本的Flash中，线条的 端点默认都为圆角，这在实际应用中给带了极 大的不便，如果想要绘制一个尖头形状的图形 ，很需要一番周折。从Flash 8.0以后，对这 方面进行了改进，当绘制了一条线段以后，在 “属性面板”中会发现多了几个属性选项，包 括端点、接合和尖角，效果分别如图所示。可 以在绘制线条以前设置好线条属性，也可以在 绘制完以后重新修改线条的这些属性。 线条的变化：接合指的是在线段的转折处也就 是拐角的地方，线段以何种方式呈现拐角形状 。有“尖角”、“圆角”、“斜角”三种方式 供选择，效果如图所示。当我们选择接合为“ 尖角”的时候，左侧的尖角限制文本框会变为 可用状态，在这里可以指定尖角限制数值的大 小，数值越大，尖角就越趋于尖锐，数值越小 ，尖角会被逐渐削平。 线条的变化：线条的属性除了具有上述改变以 外，我们还可以对线条进行颜色填充。在以前 的版本中，需要我们将线条转换为可填充的轮 廓以后才可以进行这样的操作，现在可以直接 在属性面板中改变线条的填充颜色，可以使用 纯色，渐变或位图填充，如图所示。 部分选取工具：用于调整节点，改变图形的形状，操作时单击 “部分选取工具”按钮或者按键，应用该工具可得到如下 效果： 套索工具：用于选择形状图形的不规划区域或者相同的 颜色区域，操作时单击“套索工具”按钮或者按键， 应用该工具可得到如下效果： 任意变形工具：用于缩放、旋转、倾斜、扭曲以 及封套图形，操作时单击“任意变形工具”按钮 或者按键，应用该工具可得到如下效果： 实例19 绘制立体五角星第二章直线及填充工具 2.2.2 2.2.2 使用使用【铅笔铅笔】工具工具 在在Flash CS3Flash CS3中，使用中，使用【铅笔铅笔】工具可以绘制任意线条。在工具箱中选工具可以绘制任意线条。在工具箱中选 择择【铅笔铅笔】工具后，在所需位置按下鼠标左键并拖动即可。在使用工具后，在所需位置按下鼠标左键并拖动即可。在使用【铅笔铅笔】 工具绘制线条时，按住工具绘制线条时，按住ShiftShift键，可以绘制出水平或垂直方向的线条。键，可以绘制出水平或垂直方向的线条。 2.2.3 2.2.3 使用使用【钢笔钢笔】工具工具 【钢笔钢笔】工具常用于绘制比较复杂、精确的曲线。在工具常用于绘制比较复杂、精确的曲线。在Flash CS3Flash CS3中有一中有一 组钢笔工具，新增了组钢笔工具，新增了【添加锚点添加锚点】、【删除锚点删除锚点】和和【转换锚点转换锚点】工具。工具。 实例 14 绘制树木第二章直线铅笔工具及填 充工具 利用钢笔工具与部分选取工具绘制 2.3 2.3 图形的绘制图形的绘制 线条的绘制是一项最简单、最基础的图形绘制操作，线条的绘制是一项最简单、最基础的图形绘制操作， 用户可以在用户可以在Flash CS3Flash CS3的工具箱中选择的工具箱中选择【线条线条】工具、工具、【铅笔铅笔】 工具和工具和【钢笔钢笔】工具在舞台中绘制所需的线条。工具在舞台中绘制所需的线条。 uu 使用使用【椭圆椭圆】工具工具 uu 使用使用【矩形矩形】工具工具 uu 使用使用【多角星形多角星形】工具工具 uu 使用使用【刷子刷子】工具工具 2.3.1 2.3.1 使用使用【椭圆椭圆】工具工具 在工具箱中选择在工具箱中选择【椭圆椭圆】工具，在舞台中按下鼠标左工具，在舞台中按下鼠标左 键并拖动，即可绘制出椭圆。如果在绘制椭圆时，按住键并拖动，即可绘制出椭圆。如果在绘制椭圆时，按住ShiftShift键键 ，可以绘制正圆。，可以绘制正圆。 实例 7 制作简单背景 直线、圆、填充 2.3.2 2.3.2 使用使用【矩形矩形】工具工具 在工具箱中选择在工具箱中选择【矩形矩形】工具，然后在舞台中按下鼠标左键并拖动即可工具，然后在舞台中按下鼠标左键并拖动即可 开始绘制矩形。在绘制时如果按住开始绘制矩形。在绘制时如果按住ShiftShift键，可以绘制出正方形。键，可以绘制出正方形。 2.3.3 2.3.3 使用使用【多角星形多角星形】工具工具 选择选择【多角星形多角星形】工具后，用户可以绘制各种星形形状，还在工具后，用户可以绘制各种星形形状，还在【多角星多角星 形形】工具属性面板中，设置图形的笔触颜色、笔触高度、笔触样式以及填充工具属性面板中，设置图形的笔触颜色、笔触高度、笔触样式以及填充 颜色等参数选项。颜色等参数选项。 2.3.4 2.3.4 使用使用【刷子刷子】工具工具 【刷子刷子】工具通常用于绘制形态各异的矢量色块或创建特殊的绘制效果工具通常用于绘制形态各异的矢量色块或创建特殊的绘制效果 。在。在Flash CS3Flash CS3中，使用中，使用【刷子刷子】工具创建的图形实际上是一个填充图形。工具创建的图形实际上是一个填充图形。 实例 8 绘制变化图形 星形、渐变填充 2.4 2.4 图形的填充图形的填充 绘制图形之后，就可以对其进行颜色的填充了，绘制图形之后，就可以对其进行颜色的填充了， Flash CS3Flash CS3中主要的颜色填充工具有中主要的颜色填充工具有【墨水瓶墨水瓶】工具、工具、【颜料桶颜料桶 】工具、工具、【吸管吸管】工具等工具等 uu 使用墨水瓶工具使用墨水瓶工具 uu 使用颜料桶工具使用颜料桶工具 uu 使用吸管工具使用吸管工具 2.4.1 2.4.1 使用墨水瓶工具使用墨水瓶工具 使用工具箱中的使用工具箱中的【墨水瓶墨水瓶】工具，可以更改线工具，可以更改线 条或形状轮廓的笔触颜色、宽度和样式等。条或形状轮廓的笔触颜色、宽度和样式等。 2.4.2 2.4.2 使用颜料桶工具使用颜料桶工具 在在Flash CS3Flash CS3中，使用中，使用【颜料桶颜料桶】工具既可以填充空的区域，也可工具既可以填充空的区域，也可 以更改已涂色区域的颜色，并且还可以用纯色、渐变以及位图进行填充。使以更改已涂色区域的颜色，并且还可以用纯色、渐变以及位图进行填充。使 用用【颜料桶颜料桶】工具也可以填充未完全封闭的区域，并且可以设置使用工具也可以填充未完全封闭的区域，并且可以设置使用【颜料颜料 桶桶】工具时闭合形状轮廓。工具时闭合形状轮廓。 2.4.3 2.4.3 使用吸管工具使用吸管工具 使用使用【滴管滴管】工具可以吸取现有图形的线条或填充上工具可以吸取现有图形的线条或填充上 的颜色及风格等信息，并可以将该信息应用到其他图形上。也的颜色及风格等信息，并可以将该信息应用到其他图形上。也 就是说，就是说，【滴管滴管】工具可以复制粘贴舞台区域中已经存在的颜工具可以复制粘贴舞台区域中已经存在的颜 色或填充样式。色或填充样式。 2.5 2.5 图形的擦除图形的擦除 在实际绘制图形操作中，难免会出现绘制错误的情况在实际绘制图形操作中，难免会出现绘制错误的情况 ，此时可以使用，此时可以使用【橡皮擦橡皮擦】工具对绘制错误的地方进行擦除，工具对绘制错误的地方进行擦除， 以便重新绘制。以便重新绘制。 uu 认识橡皮擦工具认识橡皮擦工具 uu 设置橡皮擦形状设置橡皮擦形状 2.5.1 2.5.1 认识橡皮擦工具认识橡皮擦工具 使用使用【橡皮擦橡皮擦】工具，可以快速擦除舞台中的任何矢量对象，包括工具，可以快速擦除舞台中的任何矢量对象，包括 笔触和填充区域。在使用该工具时，可以在工具箱中自定义擦除模式，以便笔触和填充区域。在使用该工具时，可以在工具箱中自定义擦除模式，以便 只擦除笔触、多个填充区域或单个填充区域；还可以在工具箱中选择不同的只擦除笔触、多个填充区域或单个填充区域；还可以在工具箱中选择不同的 橡皮擦形状。橡皮擦形状。 2.5.2 2.5.2 设置橡皮擦形状设置橡皮擦形状 Flash CS3 Flash CS3中提供了中提供了1010种橡皮擦形状，其中圆形和正方种橡皮擦形状，其中圆形和正方 形各形各5 5种，并按照大小顺序依次排列在种，并按照大小顺序依次排列在【橡皮擦形状橡皮擦形状】列表中。列表中。 用户在擦除细节处时可以选择较小形状的橡皮擦，要擦除大面用户在擦除细节处时可以选择较小形状的橡皮擦，要擦除大面 积地方时可以选择较大形状的橡皮擦。积地方时可以选择较大形状的橡皮擦。 实例： 13 制作马赛克效果第二章 橡皮工具 2.6 2.6 辅助工具的使用辅助工具的使用 由于由于FlashFlash的舞台大小最大可以达到的舞台大小最大可以达到2880288028802880像素，像素， 因此在很多情况下要选择所需的对象，首先必须要通过使用视因此在很多情况下要选择所需的对象，首先必须要通过使用视 图查看工具来查找对象。图查看工具来查找对象。Flash CS3Flash CS3中提供的视图查看工具主要中提供的视图查看工具主要 包括包括【手形手形】工具和工具和【缩放缩放】工具。工具。 uu 【手形手形】工具工具 uu 【缩放缩放】工具工具 2.6.1 2.6.1 【手形手形】工具工具 当视图被放大或者舞台面积很大，整个场景无法在视当视图被放大或者舞台面积很大，整个场景无法在视 图窗口中完整显示时，要查看场景中的某个局部，就需要使用图窗口中完整显示时，要查看场景中的某个局部，就需要使用 【手形手形】工具。工具。 2.6.2 2.6.2 【缩放缩放】工具工具 【缩放缩放】工具是工具是Flash CS3Flash CS3中最基本的视图查看工具，中最基本的视图查看工具， 用于缩放视图的局部和全部。在工具箱中选择用于缩放