实验三--学习使用绘图工具.ppt

第 3 章 绘图 1.2 2007 第第3 3章章 绘图绘图 掌握绘图方法掌握绘图方法 会使用绘图工具箱会使用绘图工具箱、直线工具、椭圆工具、矩、直线工具、椭圆工具、矩 形工具、铅笔工具、钢笔工具、画刷等形工具、铅笔工具、钢笔工具、画刷等 教学目的 1.3 2007 第第3 3章章 绘图绘图 绘图工具箱绘图工具箱 绘制直线、椭圆和矩形绘制直线、椭圆和矩形 使用铅笔、钢笔和笔刷画图使用铅笔、钢笔和笔刷画图 使用颜色与填充使用颜色与填充 橡皮工具橡皮工具 本章内容 1.4 2007 第第3 3章章 绘图绘图 绘图工具箱 3.1 绘图工具箱 任意变形工具 墨水瓶工具 部分选取工具 填充变形工具 套索工具 文本工具 矩形工具 颜料桶工具 橡皮擦工具 刷子工具 缩放工具 笔触颜色 填充颜色 工具选项 选取工具 线条工具 钢笔工具 铅笔工具 随圆工具 滴管工具 手形工具 色彩组件 选项组件 1.5 2007 第第3 3章章 绘图绘图 v 直线工具 v 椭圆工具 v 矩形工具 绘制直线、椭圆和矩形 3.2 绘制直线、椭圆和矩形 1.6 2007 第第3 3章章 绘图绘图 直线工具 例子来学习直线工具的用法例子来学习直线工具的用法 ： 1. 1. 选中绘图工具箱的直线工具选中绘图工具箱的直线工具 2. 2. 在舞台上单击一点作为直线段的起点，拖动鼠标到某一位置放开，在舞台上单击一点作为直线段的起点，拖动鼠标到某一位置放开， 即可看到一条直线段。在舞台下方的属性面板中为直线工具的属性即可看到一条直线段。在舞台下方的属性面板中为直线工具的属性 选项，包括颜色、粗细、线型等选项，包括颜色、粗细、线型等 直线工具属性面板直线工具属性面板 1.7 2007 第第3 3章章 绘图绘图 在绘图工具箱中，用椭圆工具来绘制椭圆和圆形在绘图工具箱中，用椭圆工具来绘制椭圆和圆形 椭圆工具 椭圆工具属性面板椭圆工具属性面板 1.8 2007 第第3 3章章 绘图绘图 矩形工具 矩形工具可以绘制各种矩形和正方形矩形工具可以绘制各种矩形和正方形 绘制矩形的操作和绘制椭圆的基本相同，如下：如下： 1. 1. 选取工具箱中的矩形工具选取工具箱中的矩形工具 2. 2. 在舞台上拖动鼠标绘制矩形，当按下在舞台上拖动鼠标绘制矩形，当按下ShiftShift键时绘制正方形键时绘制正方形 绘制的矩形和正方形绘制的矩形和正方形 1.9 2007 第第3 3章章 绘图绘图 矩形工具 1. 1. 将填充颜色改为背景色，则绘制出空心图形将填充颜色改为背景色，则绘制出空心图形 2. 2. 选择工具箱下选项区中的圆角半径工具，打开选择工具箱下选项区中的圆角半径工具，打开“ “矩形设置矩形设置” ”对话框，设置矩形对话框，设置矩形 的圆角半径如边角半径为的圆角半径如边角半径为2020。确定后，画出的矩形如图确定后，画出的矩形如图“ “绘制圆角矩形绘制圆角矩形” ” 绘制空心矩形绘制空心矩形 矩形设置矩形设置 绘制圆角矩形绘制圆角矩形 1.10 2007 第第3 3章章 绘图绘图 使用铅笔、钢笔和笔刷画图 3.3 使用铅笔、钢笔和笔刷画图 v 使用铅笔工具 v 使用钢笔工具 v 使用笔刷工具 1.11 2007 第第3 3章章 绘图绘图 铅笔工具是常用的画线工具铅笔工具是常用的画线工具 铅笔工具有铅笔工具有3 3种绘图模式：种绘图模式： 使用铅笔工具 伸直：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、伸直：适于绘制规则线条，并且绘制的线条会分段转换成与直线、圆、 椭圆和矩形等规则线条中最接近的线条椭圆和矩形等规则线条中最接近的线条 平滑：适于绘制平滑曲线，将曲线的抖动部分忽略平滑：适于绘制平滑曲线，将曲线的抖动部分忽略 墨水瓶：徒手模式，适用于绘制接近徒手画出的线条墨水瓶：徒手模式，适用于绘制接近徒手画出的线条 1.12 2007 第第3 3章章 绘图绘图 使用铅笔工具 1. 1. 选取铅笔工具选取铅笔工具 2. 2. 在选项区中选择铅笔工具的绘图模式在选项区中选择铅笔工具的绘图模式 3. 3. 分别选取分别选取3 3种模式，在舞台上拖动鼠标绘图种模式，在舞台上拖动鼠标绘图 3 3种绘图模式的比较种绘图模式的比较 绘图模式绘图模式 1.13 2007 第第3 3章章 绘图绘图 使用钢笔工具 使用钢笔工具能够绘制多节点曲线，并能够增加和删除曲线上的节点。通使用钢笔工具能够绘制多节点曲线，并能够增加和删除曲线上的节点。通 过锚点的控制可以准确地绘制直线和平滑曲线过锚点的控制可以准确地绘制直线和平滑曲线 使用方法：使用方法： 1 1选取工具箱中的钢笔工具选取工具箱中的钢笔工具 2 2在场景中单击鼠标后放开，设定第一个点位置，然后在另一点单击，在场景中单击鼠标后放开，设定第一个点位置，然后在另一点单击， 则两点自动连成直线则两点自动连成直线 3 3在场景中单击并拖动控制手柄，松开鼠标，然后在另一点单击并拖动在场景中单击并拖动控制手柄，松开鼠标，然后在另一点单击并拖动 控制手柄以调整曲线，则绘制一条曲线，两点的控制手柄与曲线相切控制手柄以调整曲线，则绘制一条曲线，两点的控制手柄与曲线相切 使用钢笔工具绘制曲线使用钢笔工具绘制曲线 1.14 2007 第第3 3章章 绘图绘图 使用钢笔工具 4 4按下按下CtrlCtrl键，然后单击，或者直接单击曲线，当鼠标移动到曲线上时，键，然后单击，或者直接单击曲线，当鼠标移动到曲线上时， 在光标右下角将出现一个在光标右下角将出现一个“ “+”+”号，单击曲线，可以增加一个锚点号，单击曲线，可以增加一个锚点 5 5当鼠标移动到锚点上，在鼠标的右下角出现一个当鼠标移动到锚点上，在鼠标的右下角出现一个“ “” ”号，单击，即可删号，单击，即可删 除该锚点除该锚点 使用钢笔工具绘制曲线使用钢笔工具绘制曲线 1.15 2007 第第3 3章章 绘图绘图 使用笔刷工具 使用笔刷工具可以产生毛笔画出来的效果，可以对绘制的图形上色，还可使用笔刷工具可以产生毛笔画出来的效果，可以对绘制的图形上色，还可 以创造出许多特殊的效果以创造出许多特殊的效果 笔刷工具的选项笔刷工具的选项 笔刷工具的工作模式笔刷工具的工作模式 1.16 2007 第第3 3章章 绘图绘图 使用笔刷工具 标准绘画：笔刷画出来的图线覆盖先画的图线和背景颜色。图（标准绘画：笔刷画出来的图线覆盖先画的图线和背景颜色。图（a a）为原有）为原有 图形，图（图形，图（b b）为使用标准绘画模式绘制线条后的效果图）为使用标准绘画模式绘制线条后的效果图 颜料填充：笔刷只能在空白和原有的颜色填充区域画线，原有图线将被保留颜料填充：笔刷只能在空白和原有的颜色填充区域画线，原有图线将被保留 ，透过笔刷颜色显示出来，如图（，透过笔刷颜色显示出来，如图（c c）所示）所示 后面绘画：笔刷在空白区域画线，而其线条和图形将保留原状态不变，如图后面绘画：笔刷在空白区域画线，而其线条和图形将保留原状态不变，如图 （d d）所示）所示 颜料选择：笔刷将填充选择的部分，所以在填充前必须先选择一个图形区域颜料选择：笔刷将填充选择的部分，所以在填充前必须先选择一个图形区域 内部绘画：笔刷画出的线条只能在起始点所在的图形区域内有效，如果起始内部绘画：笔刷画出的线条只能在起始点所在的图形区域内有效，如果起始 点在空白区域，那么只能在空白区域内画线，现有图形区域将不受影响点在空白区域，那么只能在空白区域内画线，现有图形区域将不受影响 笔刷工具五种工作模式：笔刷工具五种工作模式： 1.17 2007 第第3 3章章 绘图绘图 使用笔刷工具 （a a） （d d） （c c） （b b） （e e） （f f） 笔刷模式效果笔刷模式效果 1.18 2007 第第3 3章章 绘图绘图 v 使用颜色 v 使用颜料桶工具 v 使用滴管工具 v 墨水瓶工具 使用颜色与填充 3.4 使用颜色与填充 1.19 2007 第第3 3章章 绘图绘图 使用颜色 “ “混色器混色器” ”面板面板 填充和描绘混色器面板填充和描绘混色器面板 “ “颜色样本颜色样本” ”面板面板 混色器的导入和导出混色器的导入和导出 颜色有两种类型：固定色和渐变色 1.20 2007 第第3 3章章 绘图绘图 “混色器”面板 “ “混色器混色器” ”面板面板：颜色的基本操作主要通过颜色的基本操作主要通过“ “混色器混色器” ”面板来实现面板来实现 “ “混色器混色器” ”面板面板 “ “混色器混色器” ”弹出菜单弹出菜单 单击混色器右上角的单击混色器右上角的 按钮，弹出右图所示的菜单。通过这个菜单进行色彩、按钮，弹出右图所示的菜单。通过这个菜单进行色彩、 透明度、色度、饱和度和亮度的设置透明度、色度、饱和度和亮度的设置 1.21 2007 第第3 3章章 绘图绘图 填充和描绘混色器面板 单击单击“ “混色器混色器” ”面板中的笔触颜色工具和填充颜色工具，或者单击绘图工面板中的笔触颜色工具和填充颜色工具，或者单击绘图工 具箱中的笔触颜色工具和填充颜色工具，将弹出如下左图所示的混色器，用具箱中的笔触颜色工具和填充颜色工具，将弹出如下左图所示的混色器，用 户可以从中选择一种色彩进行填充或描绘。如果描绘和填充颜色混色器中没户可以从中选择一种色彩进行填充或描绘。如果描绘和填充颜色混色器中没 有想要的颜色，需要自己调制时，可以单击面板右上角的小图标，进行颜色有想要的颜色，需要自己调制时，可以单击面板右上角的小图标，进行颜色 调制。弹出的对话框如右图所示调制。弹出的对话框如右图所示 描绘和填充颜色混色器描绘和填充颜色混色器 颜色调制面板颜色调制面板 1.22 2007 第第3 3章章 绘图绘图 “颜色样本”面板 “ “颜色样本颜色样本” ”面板如图所示，其中每个小方格内为一种已经存在的颜色，面板如图所示，其中每个小方格内为一种已经存在的颜色， 下方为渐变色，可以从中选择需要的颜色下方为渐变色，可以从中选择需要的颜色 “ “颜色样本颜色样本” ”面板面板 1.23 2007 第第3 3章章 绘图绘图 混色器的导入和导出 FlashFlash的混色器可以导入和导出，可以分为以下两种情况：的混色器可以导入和导出，可以分为以下两种情况： 在在FlashFlash文件之间：可以使用文件之间：可以使用FlashFlash颜色集文件（颜色集文件（CLRCLR文件）导入和文件）导入和 导出导出RGBRGB 颜色和过渡颜色颜色和过渡颜色 在在FlashFlash和其他应用程序（如和其他应用程序（如Adobe PhotoshopAdobe Photoshop）之间，可以使用颜色表文件（）之间，可以使用颜色表文件（ ACTACT文件）导入和导出文件）导入和导出RGBRGB混色器。但是不能从混色器。但是不能从ACTACT文件导入和导出过渡色文件导入和导出过渡色 1.24 2007 第第3 3章章 绘图绘图 混色器的导入和导出 1. 1. 在在“ “颜色样本颜色样本” ”面板右上角的弹出菜单中选择（面板右上角的弹出菜单中选择（ 添加颜色，替换颜添加颜色，替换颜 色）命令之一色）命令之一 2. 2. 在弹出的选择菜单中选择替换的颜色在弹出的选择菜单中选择替换的颜色 导入混色器的步骤如下：导入混色器的步骤如下： 导出混色器的步骤如下：导出混色器的步骤如下： 1. 1. 从从“ “颜色样本颜色样本” ”面板右上角的弹出菜单中选择面板右上角的弹出菜单中选择“ “保存颜色保存颜色” ”命令命令 2. 2. 在弹出的在弹出的“ “导出色样导出色样” ”对话框中，输入混色器名称，然后在保存类对话框中，输入混色器名称，然后在保存类 型中选择型中选择“ “FlashFlash颜色设置（颜色设置（* *. .clrclr）” ”或或“ “颜色表格（颜色表格（* *.act.act）” ”文件文件 3. 3. 单击单击“ “保存保存” ”按钮按钮 1.25 2007 第第3 3章章 绘图绘图 使用颜料桶工具 单色填充单色填充 渐变填充渐变填充 位图填充位图填充 使用颜料桶工具 颜料桶工具选项颜料桶工具选项 不封闭空隙：不封闭缺口，只有区域完全闭合时才能填充不封闭空隙：不封闭缺口，只有区域完全闭合时才能填充 封闭小空隙：封闭小缺口，当区域存在较小的空隙时才可以填充封闭小空隙：封闭小缺口，当区域存在较小的空隙时才可以填充 封闭中空隙：封闭中等缺口，当区域存在中等缺口时可以填充封闭中空隙：封闭中等缺口，当区域存在中等缺口时可以填充 封闭大空隙：当区域存在大缺口时可以填充封闭大空隙：当区域存在大缺口时可以填充 1.26 2007 第第3 3章章 绘图绘图 单色填充 1. 1. 选取工具箱中的铅笔工具选取工具箱中的铅笔工具 绘制一个图形绘制一个图形 单色填充的使用方法如下： 绘制图形绘制图形 单色填充单色填充 2. 2. 选取工具箱中的颜料桶工具选取工具箱中的颜料桶工具 ，在填充控制面板中设置填充颜色为绿，在填充控制面板中设置填充颜色为绿 色，选择合适的缺口封闭模式进行填充色，选择合适的缺口封闭模式进行填充 1.27 2007 第第3 3章章 绘图绘图 渐变填充 1. 1. 选取铅笔工具，在舞台上绘制一图形选取铅笔工具，在舞台上绘制一图形 2. 2. 选择颜料桶工具，在颜色选项区中单击填充颜色按钮，从弹出的选择颜料桶工具，在颜色选项区中单击填充颜色按钮，从弹出的“ “颜色颜色” ” 面板中选择绿色径向渐变色，或直接在面板中选择绿色径向渐变色，或直接在“ “混色器混色器” ”面板中选取该颜色面板中选取该颜色 3. 3. 单击绘制的图形，将其填充单击绘制的图形，将其填充 渐变填充和单色填充相似，只是在选择填充颜色的时候要选择渐变色 渐变填充的使用方法如下： 径向渐变填充径向渐变填充 绘制的图形绘制的图形 1.28 2007 第第3 3章章 绘图绘图 位图填充 1. 1. 选取工具箱中的椭圆工具，然后在舞台上绘制一个椭圆选取工具箱中的椭圆工具，然后在舞台上绘制一个椭圆 2. 2. 选择选择“ “文件文件”“”“导入导入” ”命令，打开命令，打开“ “导入导入” ”对话框，选择一个紫荆花位图图对话框，选择一个紫荆花位图图 像将其导入像将其导入 3. 3. 选中导入的图像，然后选择选中导入的图像，然后选择“ “修改修改”“”“分离分离” ”命令，将导入的图像打散命令，将导入的图像打散 Flash 8除了单色填充和渐变填充外，还提供了位图填充功能，也就是 用某个位图来填充区域 位图填充的使用方法如下： 导入并打散的紫荆花位图导入并打散的紫荆花位图 1.29 2007 第第3 3章章 绘图绘图 位图填充 位图填充的椭圆位图填充的椭圆 4. 4. 选用工具箱中的滴管工具，然后在紫荆花位图上单击，这时将自动选中选用工具箱中的滴管工具，然后在紫荆花位图上单击，这时将自动选中 颜料桶工具，在颜色选项区中的填充颜色按钮上显示的不是一种单色或颜料桶工具，在颜色选项区中的填充颜色按钮上显示的不是一种单色或 渐变色，而是刚才用滴管拾取的位图的缩略图渐变色，而是刚才用滴管拾取的位图的缩略图 5. 5. 单击绘制的椭圆，则位图将椭圆填充单击绘制的椭圆，则位图将椭圆填充 1.30 2007 第第3 3章章 绘图绘图 使用滴管工具 滴管工具的作用是拾取工作区中已经存在的某种线条或填充样式，并将其应滴管工具的作用是拾取工作区中已经存在的某种线条或填充样式，并将其应 用于下次绘图中。使用时，只需把滴管工具移动到需要取色的线条或图形中单击用于下次绘图中。使用时，只需把滴管工具移动到需要取色的线条或图形中单击 即可即可 选中滴管工具后，鼠标的形状随鼠标所在的位置不同而不同：选中滴管工具后，鼠标的形状随鼠标所在的位置不同而不同： 当鼠标在空白区域时，鼠标的形状是一个滴管，此时单击鼠标是无效的当鼠标在空白区域时，鼠标的形状是一个滴管，此时单击鼠标是无效的 当鼠标移动到某个线条上面时，鼠标将变成一个滴管和一支笔的形状，此时单当鼠标移动到某个线条上面时，鼠标将变成一个滴管和一支笔的形状，此时单 击鼠标吸取的是线条的属性，这时工具将变成墨水瓶工具击鼠标吸取的是线条的属性，这时工具将变成墨水瓶工具 当鼠标移动到图形填充上时，滴管的右下方会出现一个刷子，单击鼠标，光标当鼠标移动到图形填充上时，滴管的右下方会出现一个刷子，单击鼠标，光标 处填充的颜色属性就被吸取了，这时的鼠标形状会变为颜料桶，可以使用选取的处填充的颜色属性就被吸取了，这时的鼠标形状会变为颜料桶，可以使用选取的 颜色填充图形颜色填充图形 （a a）滴管）滴管 工具的鼠标工具的鼠标 1.31 2007 第第3 3章章 绘图绘图 使用滴管工具 （b b）绘制图形）绘制图形 （c c）填充图形）填充图形 滴管工具的使用方法如下：滴管工具的使用方法如下： 1. 1. 用滴管工具选取图（用滴管工具选取图（a a）中的线条颜色，然后再选取椭圆工具绘制一无）中的线条颜色，然后再选取椭圆工具绘制一无 填充椭圆图形，如图（填充椭圆图形，如图（b b）所示，发现其线条和图（）所示，发现其线条和图（a a）中的线条相同）中的线条相同 2. 2. 选取图（选取图（a a）中的填充色，然后单击图（）中的填充色，然后单击图（b b）中的椭圆图像，填充结果如）中的椭圆图像，填充结果如 图（图（c c） 所示所示 1.32 2007 第第3 3章章 绘图绘图 墨水瓶工具 （a a）绘制图形）绘制图形 墨水瓶工具可以以一种单色修改图形中已经存在线条的属性，或为一个区墨水瓶工具可以以一种单色修改图形中已经存在线条的属性，或为一个区 域添加封闭的边线域添加封闭的边线 墨水瓶工具的使用方法如下：墨水瓶工具的使用方法如下： 1. 1. 选取椭圆工具，绘制一无填充的椭圆和一无边线的椭圆填充区域，如选取椭圆工具，绘制一无填充的椭圆和一无边线的椭圆填充区域，如 图（图（a a）所示）所示 1.33 2007 第第3 3章章 绘图绘图 墨水瓶工具 （b b） 墨水瓶工具修改后的图形墨水瓶工具修改后的图形 2. 2. 单击绘图工具箱中的墨水瓶工具按钮，然后在属性面板中修改笔单击绘图工具箱中的墨水瓶工具按钮，然后在属性面板中修改笔 触颜色、线型和线宽等参数，设置线宽为触颜色、线型和线宽等参数，设置线宽为6 6，线型为实线，颜色，线型为实线，颜色 为蓝色为蓝色 3. 3. 鼠标变成墨水瓶的形状，然后分别在上面两个椭圆上单击，效果鼠标变成墨水瓶的形状，然后分别在上面两个椭圆上单击，效果 如图（如图（b b）所示，无填充的圆周变成墨水瓶所设线型，而无边线）所示，无填充的圆周变成墨水瓶所设线型，而无边线 的填充区域被自动加上一边线，边线属性同墨水瓶属性的填充区域被自动加