图形的绘制与编辑

第2章FlashCC基本操作《FlashCC完全自学教程》

学习目标了解Flash动画的应用领域了解Flash工具栏中工具按钮的使用方法掌握Flash的绘图模式熟练使用工具按钮绘制需要的图形的方法掌握对其面板、颜色面板的使用方法

重点难点面向对象编程基础知识各种工具的使用Flash的绘图模式颜色的设置【案例目的】要求使用线条等相关工具绘制草丛。【知识要点】绘制线条、线条变曲线、图形分割。【案例效果】效果如图2-1-1所示。

2.1案例：草丛——绘制线条与对象选择图2-1-1草丛效果演示案例：草丛2.1.1Flash的绘图模式1.合并绘制模式当“对象绘制”按钮处于未选中状态时，表示当前的绘图模式为合并绘制模式。此时，在同一图层中的各图形会相互影响。

2.1案例：草丛——绘制线条与对象选择2.1.2线条工具线条工具是绘制各种直线最常用的工具，它的使用非常广泛。首先尝试绘制一条直线。用鼠标单击“线条工具”，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。

2.1案例：草丛——绘制线条与对象选择2.1.3铅笔工具“铅笔工具”

主要用于绘制线条和图形，“铅笔工具”的颜色、粗细、样式定义和“线条工具”一样，它的修正选项可以绘制不同风格的曲线，也可以用于校正和识别基本的几何图形。“铅笔工具”的绘图模式有三种，单击“铅笔模式”按钮，如图示。伸直模式：在伸直模式下画的线条，它可以将分离的直线自动连接，线条变直、歪曲的直线变平滑。平滑模式：把线条转换成接近形状的平滑曲线，此外一条端点靠近其它线条的线将被相互连接。

墨水模式：不加修饰，完全保持鼠标轨迹的形状。

2.1案例：草丛——绘制线条与对象选择2.1.4选择工具选择对象移动对象复制对象曲线调整改变端点位置

2.1案例：草丛——绘制线条与对象选择2.2案例：一颗红心——不规则图形的绘制与选择【案例目的】绘制一颗红心。【知识要点】钢笔工具绘制曲线、辅助线的使用。【案例效果】效果如图2‑2-1所示。图2-2-1红心效果图演示案例：一颗红心2.2.1钢笔工具

用于绘制精确的路径，如直线或平滑、流动的曲线。可以创建直线或曲线段，然后调整直线段的角度和长度及曲线段的斜率，画出相应的曲线。

2.2案例：一颗红心——不规则图形的绘制与选择画直线或多边形移动对象画曲线将曲线点转换为角点添加锚点删除锚点2.2.2部分选取工具

用于绘制精确的路径，如直线或平滑、流动的曲线。可以创建直线或曲线段，然后调整直线段的角度和长度及曲线段的斜率，画出相应的曲线。2.2案例：一颗红心——不规则图形的绘制与选择调整形状移动对象调整节点曲率删除节点2.2.3套索工具

套索工具可以精确选择对象的任意部分。选择“套索工具”工具后，鼠标移动到舞台后直接拖动鼠标即可在填充图形上选取任意形状的区域。

选择“套索工具”，在工具箱下方会出现如图所示的选项栏。2.2案例：一颗红心——不规则图形的绘制与选择

【案例目的】绘制一个气球。【知识要点】椭圆工具、渐变色填充。【案例效果】效果如图所示。2.3案例:气球——规则封闭图形与颜色的编辑演示案例：气球2.3.1矩形工具

“矩形工具”可以绘制矩形、圆角矩形、正方形这些基本图形。“圆角矩形”的角度可以这样设定：选择“矩形工具”后，单击“属性”面板中的“矩形选项”，可以设置圆角半径为10像素（可以输入0-999之间的数值），如左图所示，绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零，则创建的是方角。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

FlashCS6的矩形工具包括“矩形工具”、“椭圆工具”、“基本矩形工具”、“基本椭圆工具”、“多角星形工具”。用于绘制矩形、椭圆、圆角矩形、圆环、扇形、规则多边形的图形。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

1.矩形工具可以绘制矩形、圆角矩形、正方形这些基本图形。“圆角矩形”的角度可以这样设定：选择“矩形工具”后，单击“属性”面板中的“矩形选项”，可以设置圆角半径为10像素（可以输入0-999之间的数值），如左图所示，绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零，则创建的是方角。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

2.椭圆工具单击“矩形工具”按钮后，选择“椭圆工具”。在舞台上鼠标左键拖动可绘制椭圆。拖动时配合Shift键可绘制正圆。选择“椭圆工具”后，可以通过属性窗口改变开始角度、结束角度、内径、闭合等选项，绘制出扇形、弧形、内环等图形。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

3.基本矩形工具单击“基本矩形工具”按钮，绘制出一个矩形后矩形的4个顶点上有4个黑点，使用“选择工具”来拖动黑点可以改变矩形的形状。如图2-2-31所示。用基本矩形绘制的图形是一个整体，即是一个对象，不能单独选择线条和填充。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

4.基本椭圆工具选择“基本椭圆工具”绘制椭圆后，会发现椭圆右端和圆心有两个黑点，如左图所示。使用“选择工具”来拖动黑点可以改变椭圆的形状，如图右图所示。2.3案例:气球——规则封闭图形与颜色的编辑2.3.1矩形工具

5.多角星形工具选择“多角星形工具”，可以绘制对称多边形，还可以单击属性窗口中的“选项”按钮，打开工具设置对话框，如左图所示。利用该对话框，可以绘制任意多边形，并改变多边形凹凸效果，如右图所示。2.3案例:气球——规则封闭图形与颜色的编辑2.3.2渐变色的填充与调整

2.3案例:气球——规则封闭图形与颜色的编辑2.3.3 渐变工具与调整单击工具箱中“渐变工具”，在“径向渐变填充”的椭圆上单击，拖动调节框的中心点，当鼠标指针变为十字箭头时，按下鼠标左键并拖动，可改变渐变色的填充位置。拖动右侧的方形手柄，可调整填充色的间距。拖动方形手柄下方的操作手柄，可以调整颜色渐变的范围，使其彦中心位置扩大或缩小。拖动位于最下面的旋转手柄可调整渐变色彩的填充方向。2.3案例:气球——规则封闭图形与颜色的编辑2.3.4 样式面板选择“窗口”→“样式”，可以打开样式面板，用于设置笔触和填充颜色。2.3案例:气球——规则封闭图形与颜色的编辑【案例目的】绘制荷塘景色。【知识要点】渐变色填充、任意变形工具、颜料桶工具。【案例效果】效果如图所示。2.4案例：荷塘景色——对象的变形与填充演示案例：荷塘月色2.4.1 任意变形工具任意变形工具主要用于改变图形的基本形状。可以使图形旋转、倾斜、放大缩小、变形等。选中图形，单击工具箱中的“任意变形工具”，在图形周围会出现控制点，将鼠标指针靠近不同的位置时，鼠标指针会发生一些变化，此时拖动鼠标从而完成不同的变形。2.4案例：荷塘景色——对象的变形与填充2.4.2 3D旋转工具3D旋转工具只能对影片剪辑元件发生作用，因此在使用之前，必须先创建相应的影片剪辑元件。3D选择工具可以实现元件x、y、z轴的旋转。2.4案例：荷塘景色——对象的变形与填充2.4.3 3D平移工具单击工具箱中的“3D旋转工具”，选择“3D平移工具”，单击舞台需要平移的元件，元件上会出现红色水平和绿色垂直箭头。将鼠标指针移动到红色水平箭头上按下鼠标左键拖动，可实现元件的水平移动。将鼠标指针移动到绿色垂直箭头上按下鼠标左键拖动，可实现元件的垂直移动。将鼠标指针移动到黑色实心圆心上按下鼠标左键拖动，可实现元件的z周轴方向移动。2.4案例：荷塘景色——对象的变形与填充2.4案例：荷塘景色——对象的变形与填充2.4.4 刷子工具刷子工具包含5个修正选项，它们分别是：对象绘制、锁定填充、刷子模式、刷子尺寸、刷子形状。按住刷子模式下的小三角，可以看到里边有5种选择。如图所示。2.4案例：荷塘景色——对象的变形与填充2.4.5 喷涂刷工具喷涂刷工具用来创建一些喷涂的效果，也可以使用库中已有影片剪辑元件来作为喷枪的图案。2.4案例：荷塘景色——对象的变形与填充2.4.6 颜料桶工具颜料桶工具主要用于给封闭区域的图形填色。选择线性填充效果时，通过颜料桶工具在封闭图形内拖动的方式实现填充，拖动距离可以设置颜色过渡的范围，拖动方向可以设置颜色过渡的方向，如上图所示。如果是径向填充，在封闭图形内颜料桶单击的位置就是径向填充的中心点。如下图所示。2.4案例：荷塘景色——对象的变形与填充2.4.7 滴管工具选择滴管工具，在舞台上已经存在对象中的填充或笔触单击，然后通过“颜料桶工具”或“墨水瓶工具”将它们应用在其他对象上。还允许从位图中取样，将其填充到其他区域中。2.4案例：荷塘景色——对象的变形与填充2.4.8 橡皮擦工具橡皮擦工具用于擦除图形中多余的部分。选择橡皮擦工具后，工具箱下面会出现“橡皮擦模式”按钮，单击后各选项擦除效果如图所示。“橡皮擦形状”按钮可以设置橡皮头的大小和形状。2.4案例：荷塘景色——对象的变形与填充2.4.9Deco工具Deco工具可以快速用指定图案对指定区域进行填充，填充式既可以使用默认的图形作为图案，也可以使用库中的任何元件作为图案。2.5案例：空心字——图形描边与对象组合分离【案例目的】绘制空心字。【知识要点】墨水瓶工具、对象分离。【案例效果】效果如图所示。空心字演示案例：空心字2.5案例：空心字——图形描边与对象组合分离2.5.1 墨水瓶工具墨水瓶工具可以改变线段的样式，粗细和颜色，墨水瓶工具可以为矢量图形添加边线，但它本身不具备任何的绘画能力。1.为线段更改颜色和属性单击“墨水瓶工具”，在属性面板中对线段的颜色，粗细和样式进行设置，使用“墨水瓶工具”单击要修改的线段，线段颜色和属性即被更改。注意：对于“组”、“图形元件”、“按钮”、“影片剪辑”首先确认图形和线段是可编辑状态，可以双击进入“组“或“元件”，确认线段能被修改，然后使用“墨水瓶工具”进行线段的更改。2.为矢量图形添加边线选择“墨水瓶工具”，在属性面板中对边线的颜色、粗细、样式进行设置后，确认所要填充的图形为可编辑状态后，使用“墨水瓶工具”单击矢量图形，图形即被添加了边线。2.5案例：空心字——图形描边与对象组合分离2.5.2 组合与分离组合的对象,执行“修改”→“组合”命令或<Ctrl+G>分离”可以将己有的整体图形分离为可以进行编辑的矢量图形块。要分离的对象，选择菜单“修改”→“分离”。下图自左至右分别是一个矢量图像未分离、分离一次、两次的效果。2.6 案例：整齐按钮——对象的对齐与缩放【案例目的】绘制整齐美观的按钮。【知识要点】对象的对其、布局、组合。【案例效果】效果如图所示。演示案例：整齐按钮2.6案例：空心字——图形描边与对象组合分离2.6.1 “对齐”面板当舞台上有多个对象需要对齐或平均分布时，通过鼠标拖动是难以准确实现的，此时可以使用“对齐”面板。单击“窗口”→“对齐”命令，弹出“对齐”面板，如图269左图所示。选中多个对象后可以通过“对齐对象”、“分布对象”、“分布间距”等调整对象之间的距离、对象分布情况等。2.6案例：空心字——图形描边与对象组合分离2.6.2 手型工具与缩放工具（1）选择“窗口”→“对齐”。（2）使用<Ctrl+K>快捷键。2.6案例：空心字——图形描边与对象组合分离2.6.2 手型工具与缩放工具手型工具与缩放工具都是辅助工具，它们不直接参与图形的绘制和修改。但是它们在制作过程中却起到很关键大的作用。1.选择手型工具，在舞台上单击鼠标左键并拖拽可以移动舞台窗口的位置。2.选择缩放工具，在舞台上单击鼠标，实现舞台的放大功能。此时，在工具箱下方的选项区，可以选择缩小功能。习题2一、填空题1．FlashCS6中的绘图模式分为__________绘图模式和__________绘制模式。2．刷子工具有__________种填充模式，分别是____________________________