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