Flash绘图基础教学

中文版FlashCS6动画制作实例教程Flash图形基础选择工具的使用2.12.2第2章Flash绘图基础套索工具的使用2.3部分选取工具的使用2.4“对齐”面板的使用2.52.6辅助工具的使用一、位图和矢量图二、FlashCS6中的图形对象2.1Flash图形基础三、导入外部图像四、认识与编辑图层

本节主要学习Flash图形的基础知识，内容包括位图和矢量图、Flash中的三类图形对象，导入外部图像，以及认识与编辑图层。实例1位图和矢量图之间的转换实例2形状和绘制对象之间的转换实例3导入外部图像一、位图和矢量图-1

位图是由像素阵列的排列来表现图像的，每个像素都有着自己的颜色信息。位图和矢量图是计算机图形中的两大概念，这两种图形都被广泛应用到出版、印刷、互联网等各个领域。这两种图形在不同的场合有着各自的优缺点。1．位图一、位图和矢量图-2

矢量图是通过数学函数来实现的，它并不像位图那样记录画面上每一像素的颜色信息，而是记录了图像的形状及颜色的算法。2．矢量图二、FlashCS6中的图形对象-1

在使用工具箱中的绘图工具进行绘制时，取消选择其选项区中的“对象绘制”按钮，则绘制出来的图形就是形状。通过“属性”面板便可以获知所选对象的类型，将所绘制的图形选中，打开“属性”面板，就会发现其类型为“形状”。1．形状二、FlashCS6中的图形对象-2

在使用工具箱中的绘图工具进行绘制时，单击其选项区中的“对象绘制”

按钮或按【J】键，使其呈按下状态，则绘制出来的图形就是绘制对象。创建绘制对象叠加绘制对象分隔绘制对象2．绘制对象二、FlashCS6中的图形对象-3

图元对象是指可以通过“属性”面板调整其特征的图形形状，可使用户在创建了形状之后还可以精确地控制形状的大小、边角半径以及其他属性，而无需重新绘制。矩形图元椭圆图元3．图元对象三、认识与编辑图层-1

在创建和编辑Flash文件时，使用图层可以方便地对舞台中的各个对象进行管理。通常将不同类型的对象放在不同的图层上，还可以对图层进行管理，以便于创作出具有特殊效果的动画。时间轴”面

查看图层

与其他图像处理或绘图软件类似，在Flash中也具有图层。不同图层中的对象互不干扰，使用图层可以很方便地管理舞台中的内容。1．认识图层三、认识与编辑图层-2

当前图层

创建新图层在对图层进行各种操作之前，首先要选择图层。用户可以选择一个图层，也可以同时选择多个图层。选择图

选择多个图层2．选择图层

用户可以为图层重新命名以便于识别，从而提高动画制作的效率。只需通过“图层属性”对话框重命名图层（单击图层图标即可打开）；或者在图层名称上双击。重命名图层

锁定图层为了防止对图层中的内容进行误操作，可以将暂时不需要编辑的图层锁定。单击图层中的锁定开关图标

，即可将该图层锁定（如图2-36所示），再次单击则将图层解除锁定。三、认识与编辑图层-33．重命名图层4．锁定图层

单击图层中的“显示/隐藏”开关，即可显示或隐藏图层。也可以在“显示/隐藏”开关上单击鼠标左键并向上或下滑动来显示或隐藏多个图层。

当需要在现有图层内容的基础上进行一定的修改以得到新的图层时，可以复制现有图层的内容，然后粘贴到新的图层中。

将鼠标指针置于图层上，按住鼠标左键并向上或下拖动，即可改变图层的排列顺序。三、认识与编辑图层-45．显示/隐藏图层6．改变图层排列顺序7．复制图层内容实例1位图和矢量图之间的转换-1

在Flash中可以很轻松地实现位图与矢量图之间的转换。1．位图转换为矢量图打开素材文件“石头.fla”，可以看到为一块石头的位图，如图2-23所示。使用选择工具选择位图，在菜单栏单击“修改”|“位图”|“转换位图为矢量图”命令，如图2-24所示。实例1位图和矢量图之间的转换-2

1．位图转换为矢量图弹出“转换位图为矢量图”对话框，根据需要设置参数，单击“确定”按钮，如图2-25所示。使用缩放工具将舞台放大，发现图像是由一块一块的颜色区域构成的，如图2-26所示。实例1位图和矢量图之间的转换-3

打开素材文件“dog4.fla”，选择矢量图形，单击“修改”|“转换为位图”命令，如图2-27所示。此时，即可将矢量图转换为位图，放大图像后可以看到一个个的像素点，如图2-28所示。2．矢量图转换为位图实例2形状和绘制对象之间的转换

选择“联合”命令查看对象属性

打开素材文件“蝴蝶1.fla”，使用选择工具选中蝴蝶形状，单击“修改”|“合并对象”|“联合”命令。此时，即可将形状转换为绘制对象，打开“属性”面板，可以看到图形的属性为“绘制对象”，如图2-30所示。实例3导入外部图像-1

选择位图导入位图1．导入位图单击“文件”｜“导入”｜“导入到舞台”命令或按【Ctrl+R】组合键，将弹出“导入”对话框，选择要导入的图像，单击“打开”按钮，如图2-31所示。此时，即可将所选图像导入到舞台上，如图2-32所示。实例3导入外部图像-2

选择“导入到舞台”命令选择GIF图像2．导入GIF动态图像单击“文件”｜“导入”｜“导入到舞台”命令，如图2-33所示。弹出“导入”对话框，选择要导入的GIF动态图像，单击“打开”按钮，如图2-34所示。实例3导入外部图像-2

导入GIF图形查看帧2．导入GIF动态图像此时，即可导入GIF图像到舞台上，默认是以舞台的左上角为基点导入的，如图2-35所示。打开“时间轴”面板，可以看到其由多帧组成，选择一个关键帧，即可查看GIF图像中的另一张图片，如图2-36所示。2.2选择工具的使用实例1使用选择工具选取对象实例2使用选择工具调整对象

在对对象进行操作前，必须要选中该对象。在FlashCS6中提供了多种选择对象的工具，其中包括选择工具、部分选择工具和套索工具。实例3使用选择工具功能按钮实例1使用选择工具选取对象-1选择部分线条

选择全部线条打开素材文件“01.fla”，使用选择工具在图形边缘线条上单击鼠标左键，可以选择部分线条，如图2-37所示。在图形线条上双击，可以选择与其相邻及颜色相同的所有线条，如图2-38所示。1．选择单个对象实例1使用选择工具选取对象-2单击图像填充处，可以选择图像的填充部分，如图2-39所示。双击图形填充处，可以同时选择图形的填充和线条，如图2-40所示。选择填充

选择填充和线条选择多个对象

框选对象打开素材文件“02.fla”，调用选择工具，按住【Shift】键的同时逐个单击对象，即可选中多个对象，如图2-41所示。调用选择工具并移至舞台，当鼠标指针变为时按住鼠标左键并拖出选框，选框中的对象即可被全部选中，如图2-42所示。实例1使用选择工具选取对象-32．选择多个对象实例2使用选择工具调整对象-1

使用选择工具可以轻松地移动、复制及修改对象形状。

调用选择工具，将鼠标指针移至对象上，当指针变为

形状时按住鼠标左键并拖动，拖至目标位置后松开鼠标左键即可移动对象。移动对象使用选择工具可以轻松地复制对象，按住【Ctrl】键或【Alt】键的同时单击并按住鼠标左键拖动对象，此时指针下方将出现“+”号，拖至目标位置后松开鼠标，然后松开【Ctrl】键或【Alt】键即可。1．移动对象2．复制对象

使用选择工具也可以修改图形的边框及填充：调用选择工具后，在没有选中图形的情况下将鼠标指针移至图形的边缘，当指针变为

或

形状时拖动鼠标，拖至目标位置后松开鼠标即可。修改图形实例2使用选择工具调整对象-23．修改对象实例3使用选择工具功能按钮-1

在选择工具中有3个功能按钮，分别为“贴紧至对象”“平滑”和“伸直”按钮，如图2-45所示。下面将分别介绍它们的使用方法。选择工具功能按钮实例3使用选择工具功能按钮-2

打开素材文件“树.fla”，调用选择工具，单击“贴紧至对象”按钮，使其呈按下状态。将鼠标指针移至右侧叶子的中心点，如图2-46所示。待鼠标指针变为形状时，按住鼠标左键并拖动，在其中心点出现了一个小圆圈，如图2-47所示。选择对象移动对象1．贴紧至对象实例3使用选择工具功能按钮-3

当捕捉到树干的边或顶点时，小圆圈会变粗、变大，如图248所示。到达目标位置后松开鼠标左键，然后在舞台的空白处单击鼠标左键取消选择即可，如图2-49所示。1．贴紧至对象贴紧对象查看贴紧效果

平滑图形

使用“平滑”按钮可以使线条和填充图形的边缘接近于弧线。使用选择工具选择图形后，多次单击“平滑”按钮，可以使图形接近于圆形。2．平滑图形实例3使用选择工具功能按钮-4

伸直图形

使用“伸直”按钮可以使线条或填充的边缘接近于折线。使用选择工具选择图形后，多次单击“伸直”按钮，可以使弧线变成折线。实例3使用选择工具功能按钮-53．伸直图像2.3套索工具的使用实例1绘制不规则选区实例2绘制直边选区

若要选择某个图形的一部分不规则区域，使用选择工具或部分选取工具就显得无能为力了，这时可以使用套索工具进行选择。实例3使用魔术棒模式选取对象实例1绘制不规则选区-1打开素材文件“shop.fla”，按【L】键，调用套索工具，此时鼠标指针变成了形状。按住鼠标左键并拖动，绘制选择区域，如图2-52所示。松开鼠标左键后，选择区域中的图形将会被选中，如图2-53所示。绘制选区

创建选区单击选区外区域

反选选区实例1绘制不规则选区-2按【V】键调用选择工具，在选区外单击鼠标左键，如图2-54所示。此时，即可反选选区，如图2-55所示。实例2绘制直边选区选择套索工具，在其选项区中单击“多边形模式”按钮，如图2-56所示。在舞台中通过单击鼠标左键即可绘制选区，选区绘制完成后双击鼠标左键即可，如图2-57所示。

单击“多边形模式”按钮

绘制多边形选区实例3使用魔术棒模式选取对象-1

单击“魔术棒设置”按钮选择套索工具，在其选项区中单击“魔术棒设置”按钮，如图2-58所示。弹出“魔术棒设置”对话框，设置阈值，然后单击“确定”按钮，如图2-59所示。在“阈值”框中输入数值，可以定义选择范围内相邻或相近像素颜色值的相近程度。阈值越大，选择的范围就越大。设置魔术棒参数实例3使用魔术棒模式选取对象-2

魔术棒设置完成后，在套索工具的选项区中单击“魔术棒”按钮，如图2-60所示。使用魔术棒在人物衣服上单击鼠标左键，即可选中衣服，如图2-61所示。单击“魔术棒”按钮创建选区

选择填充颜色查看填充效果实例3使用魔术棒模式选取对象-3单击“工具”面板下方的“填充颜色”按钮，在弹出的色板中选择所需的颜色，如图2-62所示。此时，人物衣服的颜色变为所选的颜色，如图2-63所示。2.4部分选取工具的使用实例1使用部分选取工具调整图形实例2结合按键灵活使用部分选取工具部分选择工具主要用于修改和调整对象的路径，它可以使对象以锚点的形式进行显示，然后通过移动锚点或方向线来修改图形的形状。在“工具”面板中单击“部分选择工具”按钮

或按【A】键，即可调用该工具。实例1使用部分选取工具调整图形-1打开素材文件

使用部分选择工具单击对象打开素材文件“yuan.fla”，可以看到两个交叉的圆形，如图2-64所示。调用选择部分选择工具，将鼠标指针移至图形边缘处，当指针变为形状时单击鼠标左键，这时图形周围出现了一系列锚点，如图2-65所示。移动锚点

调整曲率实例1使用部分选取工具调整图形-2单击锚点即可将锚点选中，同时出现该锚点的切线方向，拖动锚点即可调整其位置，如图2-66所示。将鼠标指针移至锚点方向线的端点上，当指针变为形状时按住鼠标左键并拖动，即可改变曲线的曲率，如图2-67所示。实例2结合按键灵活使用部分选取工具-1

删除形状

移动锚点使用选择工具选择两个圆形交叉的部分，并按【Delete】键将其删除，如图2-68所示。调用部分选取工具，在线条上单击显示图形路径，将下方的锚点向下拖动，如图2-69所示。

选中锚点

删除锚点实例2结合按键灵活使用部分选取工具-2在下方锚点两侧的锚点上单击将其选中，如图2-70所示。按【Delete】键，将选择的锚点删除，效果如图2-71所示。

调整方向线

调整路径位置实例2结合按键灵活使用部分选取工具-3将鼠标指针移至下方锚点方向线的左端点上，当指针变为形状时按住【Alt】键的同时向右上方拖动，如图2-72所示。用同样的方法，调整另一个方向线的方向。按住【Ctrl】键的同时拖动路径，调整形状的位置，如图2-73所示。2.5“对齐”面板的使用实例1对象与对象对齐实例2相对于舞台对齐

使用“对齐”面板能够沿水平或垂直轴对齐所选对象，还可以沿选定对象的右边缘、中心或左边缘垂直对齐对象，或者沿选定对象的上边缘、中心或下边缘水平对齐对象。按【Ctrl+K】组合键，可以打开“对齐”面板。实例1对象与对象对齐-1

单击“垂直中齐”按钮

查看垂直中齐效果打开素材文件“dog3.fla”，按【Ctrl+A】组合键，全选舞台上的三个对象。按【Ctrl+K】组合键，打开“对齐”面板，取消选择“与舞台对齐”复选框，单击“对齐”选项组中的“垂直中齐”按钮，如图2-74所示。此时，将选择的对象以水平中心点为基点进行对齐，效果如图2-75所示。

设置水平平均间隔

匹配高度单击“间隔”选项组中的“水平平均间隔”按钮，使选择的对象在水平方向上等距分布，如图2-76所示。单击“匹配大小”选项组中的“匹配高度”按钮，可以使所选对象的高度相同，如图2-77所示。实例1对象与对象对齐-2实例2相对于舞台对齐-1

设置与舞台对齐设置底对齐按【Ctrl+A】组合键，全选舞台中的对象，在“对齐”面板中选中“与舞台对齐”复选框，如图2-78所示。单击“对齐”选项组中的“底对齐”按钮，可以将选择的对象相对于舞台底部对齐，如图2-79所示。实例2相对于舞台对齐-2

设置水平居中分布设置垂直平均间隔单击“间隔”选项组中的“水平居中分布”按钮，可以将所选对象相对于舞台在水平方向上居中分布，