Flash MX基本操作与图形绘制课件

第2章FlashMX基本操作与图形绘制2.1FlashMX的工作界面与基本操作2.2FlashMX图形绘制与编辑2.3图形绘制与编辑实例本章学习目标FlashMX窗口的基本组成FlashMX各种工具的使用方法FlashMX中图形绘制、填充、编辑的方法与技巧FlashMX中文本的创建与编辑技术FlashMX中对象的移动、复制、缩放、旋转、翻转、镜像和组合等技术2.1FlashMX的工作界面与基本操作2.1.1FlashMX的启动2.1.2FlashMX的工作界面2.1.3FlashMX影片属性设置实例返回首页2.1.2FlashMX的工作界面启动FlashMX之后，将自动打开FlashMX的工作界面，如图2-2所示。

1．菜单栏2．工具栏(如图2-3、2-4所示）3．绘图工具箱（如图2-5所示）4．时间轴（如图2-6所示）5．工作区6．属性面板（如图2-7所示）

7．面板容器（如图2-8所示）8．图符库（如图2-9所示）

“缩放控制”

下拉列表框面板容器工作区属性面板工具箱时间轴窗口工具栏菜单栏图2-2FlashMX的工作界面图2-3标准工具栏图2-4控制工具栏图2-5绘图工具箱图2-7属性面板图2-8面板容器2.1.3FlashMX影片属性设置实例【实例】：创建一个800px×600px的新电影文件，并设置其背景色属性。【操作步骤】（1）单击“文件”→“新建”命令，或单击工具栏中的“新建”按钮，创建一个新电影文件。（2）单击工作区下方属性面板中的“大小”按钮，或单击“修改”→“影片”命令，打开“文档属性”对话框，如图2-10所示。（3）在“尺寸”文本框中输入影片的宽度和高度为800px×600px。（4）单击“背景色”右侧的色块按钮，从弹出的颜色选项板中选取需要设置的背景颜色，这里设置为天蓝色。（5）单击“确定”按钮，结束影片属性设置。（6）为了给工作区留出更大的编辑空间，可单击“属性”控制面板左上角的图标，将属性控制面板折叠；为了便于观察影片的整体布局，可单击工作区右上角处的“缩放控制”下拉列表框，设置为“显示帧”。返回本节2.2FlashMX图形绘制与编辑2.2.1绘图工具及应用2.2.2填充工具及应用2.2.3文本的创建与编辑2.2.4对象编辑工具及应用2.2.5查看工具使用返回首页2.2.1绘图工具及应用1．铅笔工具【功能】：可随意绘制线条和图形，但所绘线条或图形并不一定是铅笔的实际轨迹，FlashMX会根据用户所选定的绘图模式自动调整相应的直线度或平滑度。【使用方法】：（1）用鼠标单击工具箱中的铅笔工具按钮

。（2）此时工作区下方的属性控制面板自动更改为“铅笔工具”属性面板，如图2-11所示。

图2-11铅笔工具属性面板图2-12“铅笔模式”选项（3）在“铅笔属性面板”中分别设置线型、颜色和线宽。

（4）在工具箱的“选项”区中，单击“铅笔模式”按钮，将弹出包括3种铅笔模式的下拉菜单，如图2-12所示，用户可从中选择一种铅笔模式。（5）在工作区中拖动鼠标，绘制线条。图2-13所示为在3种不同铅笔模式下的画线效果。（a）伸直

（b）平滑

（c）

墨水图2-13使用伸直、平滑和墨水三种铅笔模式绘制的线条2．直线工具【功能】：绘制直线段。【使用方法】：（1）选取工具箱中的直线工具。（2）“属性”控制面板自动更改为“直线工具”属性面板，如图2-15所示。（3）在该控制面板中，分别设置直线的线型、颜色和宽度（方法同铅笔工具）。（4）在工作区中拖动鼠标绘制直线，如图2-16所示。图2-16绘制直线3．椭圆工具【功能】：绘制圆、椭圆等基本图形。【使用方法】：（1）选取工具箱中的椭圆工具。（2）“属性”控制面板自动更改为“椭圆工具”属性面板，如图2-18所示。（3）在该控制面板中，分别设置边框线型、颜色和线宽以及填充色彩。（4）在工作区中拖动鼠标绘制椭圆，如图2-20所示。图2-20绘制椭圆和圆4．矩形工具【功能】：绘制矩形、正方形、圆角矩形等基本图形。【使用方法】：（1）选取工具箱中的矩形工具。（2）设置“矩形工具”属性面板，方法同“椭圆工具”属性面板。（3）在工作区中拖动鼠标，绘制矩形。（4）如果需要绘制圆角矩形，可单击“选项”区中的按钮，如图2-22所示。（5）矩形、正方形和圆角矩形绘制完成的效果如图2-23所示。

图2-22设置矩形圆角半径

图2-23绘制矩形、正方形和圆角矩形

5．钢笔工具【功能】：绘制多节点曲线，并可以通过调节节点来修改和编辑这些曲线。【使用方法】：（1）选取工具箱中的钢笔工具

。（2）在“钢笔工具”属性面板中，分别设置线型、颜色和线宽。（3）如果需要绘制一条直线，可以使用钢笔工具先点击起点位置，再双击终点位置；如图2-25（a）所示。（4）如果需要绘制曲线，可以先在起点位置单击鼠标并沿曲线的切线方向拖曳控制柄，再依次点击其他各拐点位置，同样沿该点曲线的切线方向拖曳控制柄，效果如图2-25（b）所示。（a）钢笔工具绘制直线

（b）钢笔工具绘制曲线图2-25钢笔工具绘线6．橡皮工具【功能】：有选择性地擦除当前场景中的图形。【使用方法】：（1）选取工具箱中的橡皮擦工具，此时工具箱中的“选项”区如图2-26所示。

（2）单击“擦除模式”按钮，将弹出包括5种擦除模式的快捷菜单，如图2-27所示，用户可从中选择一种擦除模式。图2-26橡皮工具选项图2-27擦除模式选择菜单图2-28五种擦除模式的擦除效果（3）单击“橡皮外形”下拉列表框，从中选择一种橡皮的形状和大小。（4）在工作区中拖动鼠标擦除图形，5种擦除模式的擦除效果如图2-28所示。（5）单击工具箱“选项”区中的水龙头按钮，在工作区中的图形上点击鼠标，可擦除整条线段或填充色块。图2-28五种擦除模式的擦除效果7．画笔工具【功能】：创建特殊效果，或对绘制图形涂抹颜色。【使用方法】：（1）选取工具箱中的画笔工具，此时工具箱中的“选项”区如图2-29所示。（2）单击“画笔模式”按钮，将会弹出包括5种画笔模式的快捷菜单，如图2-30所示，用户可从中选择一种画笔模式。画笔模式画笔宽度画笔形状锁定填充图2-29画笔工具选项图2-30画笔模式选择菜单图2-315种画笔模式下的涂抹效果（3）在“画笔工具”属性面板中或在颜色填充选区中，设置纯色或渐变填充颜色。（4）单击“画笔大小”和“画笔形状”下拉列表框，选择一种画笔宽度和画笔外形。（5）在工作区中拖动鼠标涂抹图形，5种画笔模式下的涂抹效果如图2-31所示。图2-315种画笔模式下的涂抹效果返回本节2.2.2填充工具及应用1．颜料桶工具【功能】：可以使用单色、渐变色或位图图像为封闭图形填充颜色。【使用方法】：（1）选取工具箱中的颜料桶工具。（2）“属性”控制面板自动更改为“颜料桶工具”属性面板，如图2-32所示。图2-32颜料桶工具属性面板图2-33缺口封闭模式选项纯色填充

线性渐变填充

放射渐变填充

位图填充图2-34不同填充颜色模式的填充效果（3）在该控制面板中单击颜色填充按钮，或在工具箱中单击图标右侧的颜色填充按钮，打开颜色选择面板，从中选取纯色或渐变色作为填充色。（4）单击工具箱底部“选项”区中的按钮，将弹出包括4种缺口封闭模式的菜单，如图2-33所示，根据图形缺口大小适当选择一种封闭模式。（5）在已绘制的图形上单击鼠标左键，即可填充选定的颜色。不同颜色填充模式的填充效果如图2-34所示。图2-33缺口封闭模式选项纯色填充

线性渐变填充

放射渐变填充

位图填充图2-34不同填充颜色模式的填充效果2．墨水瓶工具【功能】：对已有图形的轮廓线设置颜色、线型和线宽，为一个区域添加封闭的边线。【使用方法】：（1）选取工具箱中的墨水瓶工具。（2）“属性”控制面板自动更改为“墨水瓶工具”

属性面板，如图2-47所示。

（3）在该控制面板中，分别设置边框线型、颜色和线宽。（4）在已经绘制的图形上分别单击鼠标，即可按设定参数更改图形轮廓或添加边框。使用墨水瓶工具的效果如图2-48所示。图2-47墨水瓶工具属性面板

图2-48使用墨水瓶工具效果图2-48使用墨水瓶工具效果3．滴管工具【功能】：滴管工具可以通过点击各种对象，获得相应的颜色、线型等信息，供其他绘图工具使用。【使用方法】：（1）选取工具箱中的滴管工具。（2）将滴管工具移到第一个图形的边线上，单击鼠标左键，此时滴管工具自动变为墨水瓶工具，将墨水瓶工具移动到第二个图形的边线或填充区上再次点击鼠标，于是第一个图形的边线属性被应用到了第二个图形中。（3）将滴管工具移到第一个图形的填充区域中单击鼠标左键，此时滴管工具自动变为颜料桶工具，将颜料桶工具移动到第二个图形填充区域上再次单击鼠标左键，于是第一个图形的填充属性被应用到了第二个图形中。4．填充转换工具【功能】：用于调整渐变色和位图填充的效果。【使用方法】：（1）选取工具箱中的填充转换工具。（2）如果选择一个线性渐变填充效果的图形，则此时所选图形的周边会显示出3个控制点，如图2-49所示。图2-49线性渐变控制点（a）调整渐变线中心位置

（b）调整渐变线的间距

（c）调整渐变倾斜方向图2-50调整线性渐变填充效果（3）用鼠标拖曳各控制点，可以相应调整渐变线中心的位置、渐变线间的距离和渐变倾斜的方向，如图2-50所示。（4）如果选择一个放射渐变填充效果的图形，则此时所选图形的周边会显示出4个控制点，如图2-51所示。（5）用鼠标拖曳各控制点，可以相应调整渐变圆中心的位置、渐变圆的长宽比、渐变圆的大小和渐变圆的倾斜方向，如图2-52所示。（a）调整渐变线中心位置

（b）调整渐变线的间距

（c）调整渐变倾斜方向图2-50调整线性渐变填充效果图2-51放射渐变控制点（a）调整渐变圆长宽比

（b）调整渐变圆大小

（c）调整渐变圆倾斜方向图2-52调整放射渐变填充效果（6）如果选中一个位图填充效果的图像，则此时所选图像的周边会显示出7个控制点，如图2-53所示。（7）用鼠标拖曳中心控制点，可以调整填充位图的位置，部分调整后的效果如图2-54所示。图2-53位图填充控制点（a）调整位图中心位置

（b）调整位图比例缩放

（c）调整位图倾斜图2-54调整位图填充效果返回本节2.2.3文本的创建与编辑1．文本工具【功能】：用于创建和编辑文本。在处理Actions时，文本工具也可用来处理变量的输入和输出。【使用方法】：（1）选取工具箱中的文本工具。（2）“属性”控制面板自动更改为“文本工具属性”控制面板，如图2-62所示。

（3）在“文本属性面板”中分别设置文本类型和格式。

（4）在工作区中按住鼠标左键拖曳一个文本输入框，在其中输入文本内容，其效果如图2-63所示。图2-62文本工具属性面板图2-63输入文本2．文本编辑【实例】

制作描边字和空心字艺术效果。【操作步骤】（1）新建一个文件，将背景色设置为淡蓝色。（2）选取文本工具，在工作区中输入文字FlashMX，设置字体为黑体、字号为150，文字颜色为红色，效果如图2-64所示。（3）在文字上单击鼠标左键选中输入的文字，按两次【Ctrl+B】快捷键，将文字打碎。如图2-65所示。

图2-64输入文字图2-65“扩散填充”对话框

（4）在对话框中设置距离为3px，方向为扩散，将文字的笔划变粗。（5）选择墨水瓶工具，在属性面板中设置边框为白色、线宽为2，依次单击各文字，使其描上白色边框，效果如图2-66所示。（6）选择所有文字，将其复制、粘贴后，放在工作区的适当位置。（7）选用箭头工具，分别点选文字的填充色，按【Delete】键将其删除，此时文字即可变成空心字，效果如图2-67所示。图2-66描绘文字边框效果图2-67空心文字效果返回本节2.2.4对象编辑工具及应用1．箭头工具【功能】：用于选择和移动对象，调整线条或图形的形状。【使用方法】：（1）选取工具箱中的箭头工具。（2）在工作区中单击鼠标或拖曳鼠标选取不同的对象。选取不同对象的效果如图2-71所示。（3）将鼠标指针移到已选取的对象上，然后按下鼠标左键并拖动，可将选取的对象移动到工作区的任何位置。图2-71选择对象（4）如果希望在移动对象时能够准确定位，可以单击“选项”区中的“紧贴对齐”按钮，如图2-72所示。（5）如果希望所绘制的曲线更平滑或直线化，可用箭头选中这条曲线，反复单击“选项”区中的“平滑”按钮或“拉直”按钮。（6）使用箭头工具还可以实现对线条或图形轮廓形状的调整，拖曳线段的任一位置可改变其形状，如图2-73所示。图2-72使用“紧贴对齐”功能移动对象（a）调整形状

（b）调整线段长短

（c）增加角点图2-73使用箭头工具调整线条和图形2．选择工具【功能】：用于移动对象或改变线条和图形的外形。【使用方法】：（1）选取工具箱中的选择工具

。（2）单击绘制的曲线，这时曲线上将会显示出节点，如图2-76所示。（3）在曲线上按住鼠标左键，然后拖动，可以移动曲线，如图2-77所示。图2-76使用“选择工具”选取曲线

图2-77使用“选择工具”移动曲线（4）用鼠标直接拖动节点，可以改变节点的位置，同时也改变了曲线的形状，如图2-78所示。（5）在节点上单击鼠标左键，这时将出现节点控制柄，调整控制柄的端点改变其长短和方位，从而改变曲线的形状，如图2-79所示。

图2-78直接拖动节点

图2-79调整控制柄3．套索工具【功能】：用于选择图形和图像编辑区域。【使用方法】：（1）单击“文件”→“导入”命令，打开“导入”对话框，选择一幅图像将其导入到场景中。（2）单击“修改”→“分解”命令，将导入的图像打碎。（3）选取工具箱中的套索工具，这时的“选项”区如图2-80所示。图2-80套索工具选项（4）默认情况下，各按钮均处于未选中状态，此时在图像上任意拖动鼠标，可绘制出自由曲线，当释放鼠标时，曲线所包围的区域将被选中。（5）单击“魔术棒”按钮，可以选择位图中颜色相似的区域。（6）单击“魔术棒属性”按钮，可打开“魔术棒设置”对话框，从中可设置魔术棒的相近颜色识别度（取值0～200）及平滑选项，如图2-81所示。（7）单击多边形选择按钮，沿图像选区的边界逐段单击和拖动鼠标，可以选定一个多边形区域。

图2-81“魔术棒设置”对话框

4．自由转换工具【功能】：用于图形、实例、文本框等对象的变形调整，包括缩放、旋转、倾斜、扭曲和修边。【使用方法】：（1）选取工具箱中的自由转换工具，选中一个和多个变形对象，此时所选对象的周边显示出8个控制点、中心显示出一个小圆圈，如图2-84所示。

（2）工具箱的“选项”区如图2-85所示。图2-84使用自由转换工具选取对象图2-85自由转换工具选项（3）单击“旋转和倾斜”按钮，用鼠标拖动对象四个角的控制点，可使对象绕旋转中心的小圆圈旋转，如图2-86所示。（4）单击“缩放”按钮，用鼠标拖动对象角上的控制点，可使对象按比例缩放，如图2-87所示。（5）单击“扭曲”按钮，用鼠标拖动对象四边中间的控制点，可产生平行变形，如图2-88所示。（6）单击“修边”按钮，此时所选对象的周边显示出24个控制点，如图2-89所示。

（a）旋转变形

（b）倾斜变形图2-86旋转变形与倾斜变形（a）比例缩放

（b）任意调整尺寸图2-87对象缩放

（a）平行变形

（b）任意扭曲变形

（c）对称调整图2-88对象扭曲

（a）修边前

（b）修边后图2-89对象修边返回本节2.2.5查看工具使用1．手形工具【功能】：用于移动工作区中的显示图像。【使用方法】：（1）选取工具箱中的手形工具

。（2）在工作区中的显示图像上按住鼠标左键拖曳即可移动图像显示位置。（3）如果希望整个场景居中并全部显示，可在工具箱中的“手形”图标上双击鼠标即可。2．放大镜工具【功能】：用于工作对象的放大与缩小显示。【使用方法】：（1）选取工具箱中的放大镜工具。（2）在工具箱的“选项”区中，单击“放大”或“缩小”按钮，然后单击图像上要放缩的位置，每单击一次就放大或缩小一倍。（3）如果希望放大显示某一个特定的区域，可以按住鼠标左键拖曳一个矩形选区框，放大镜就会对这一区域进行放大。返回本节2.3图形绘制与编辑实例【实例】

绘制3.5英寸软盘。3.5英寸软盘的最终绘制效果如图2-92所示。【操作步骤】（1）新建一个影片，选取工具箱中矩形工具。（2）单击工具箱“选项”区中的按钮，打开“矩形设置”对话框，从中设置圆角半径值为10，然后单击“确定”按钮。返回首页图2-923.5英寸软盘（3）按下【Shift】键，在工作区的适当位置绘制一个圆角正方形，设置线型为实线、边框颜色为黑色、宽度为1.5，填充颜色为