图形的绘制与编辑

1、 学 习 目 标 了解Flash动画的应用领域 了解Flash工具栏中工具按钮的使用方法 掌握Flash的绘图模式 熟练使用工具按钮绘制需要的图形的方法 掌握对其面板、颜色面板的使用方法 重 点 难 点 面向对象编程基础知识 各种工具的使用 Flash的绘图模式 颜色的设置 【案例目的】要求使用线条等相关工具绘制草丛。 【知识要点】绘制线条、线条变曲线、图形分割。 【案例效果】效果如图 2-1-1 所示。 2.1 案例：草丛绘制线条与对象选择 图 2-1-1 草丛效果 演示案例：草丛演示案例：草丛 2.1.1 Flash的绘图模式的绘图模式 1. 合并绘制模式 当“对象绘制”按钮处于未选中状态

2、时，表示 当前的绘图模式为合并绘制模式。此时，在同 一图层中的各图形会相互影响。 2.1 案例：草丛绘制线条与对象选择 2.1.2 线条工具 线条工具是绘制各种直线最常用的工具，它的使用非常 广泛。首先尝试绘制一条直线。用鼠标单击“线条工 具” ，移动鼠标到舞台上，按住鼠标并拖动，松开鼠 标，一条直线就画好了。 2.1 案例：草丛绘制线条与对象选择 2.1.3 铅笔工具铅笔工具 “铅笔工具” 主要用于绘制线条和图形，“铅笔工具”的颜色、粗细、 样式定义和“线条工具”一样， 它的修正选项可以绘制不同风格的曲线， 也可以用于校正和识别基本的几何图形。“铅笔工具”的绘图模式有三种， 单击“铅笔模式”

3、按钮，如图示。 伸直模式：在伸直模式下画的线条，它可以将分离 的直线自动连接，线条变直、歪曲的直线变平滑。 平滑模式：把线条转换成接近形状的平滑曲线，此 外一条端点靠近其它线条的线将被相互连接。 墨水模式：不加修饰，完全保持鼠标轨迹的形状。 2.1 案例：草丛绘制线条与对象选择 2.1.4 选择工具选择工具 选择对象 移动对象 复制对象 曲线调整 改变端点位置 2.1 案例：草丛绘制线条与对象选择 2.2 案例：一颗红心不规则图形的绘制与选择 【案例目的】绘制一颗红心。 【知识要点】钢笔工具绘制曲线、辅助线的使用。 【案例效果】效果如图 2 2-1所示。 图图2-2-1 红心效果图红心效果图

4、演示案例：一颗红心演示案例：一颗红心 2.2.1 钢笔工具 用于绘制精确的路径，如直线或平滑、流动的曲线。 可以创建直线或曲线段，然后调整直线段的角度和长度及曲 线段的斜率，画出相应的曲线。 2.2 案例：一颗红心不规则图形的绘制与选择 画直线或多边形移动对象 画曲线 将曲线点转换为角点 添加锚点 删除锚点 2.2.2 部分选取工具 用于绘制精确的路径，如直线或平滑、流动的曲线。 可以创建直线或曲线段，然后调整直线段的角度和长度及曲 线段的斜率，画出相应的曲线。 2.2 案例：一颗红心不规则图形的绘制与选择 调整形状 移动对象 调整节点曲率 删除节点 2.2.3套索工具 套索工具可以精确选择对

5、象的任意部分。选择“套索工 具”工具后，鼠标移动到舞台后直接拖动鼠标即可在填充图 形上选取任意形状的区域。 选择“套索工具”，在工具箱下方会出现如图所示的选 项栏。 2.2 案例：一颗红心不规则图形的绘制与选择 【案例目的】绘制一个气球。 【知识要点】椭圆工具、渐变色填充。 【案例效果】效果如图所示。 2.3案例:气球规则封闭图形与颜色的编辑 演示案例：气球演示案例：气球 2.3.1矩形工具矩形工具 “矩形工具” 可以绘制矩形、圆角矩形、正方形这些基本图形。 “圆角矩形” 的角度可以这样设定：选择“矩形工具”后，单击“属性”面板中的 “矩形选项”，可以设置圆角半径为10像素（可以输入0-999

6、之间的数 值），如左图所示，绘制的矩形如右图所示。使矩形的边角呈圆弧状。 如果数值为零，则创建的是方角。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑 2.3.1矩形工具矩形工具 Flash CS6的矩形工具包括“矩形工具”、“椭圆工具”、“基本矩形工具”、 “基本椭圆工具”、“多角星形工具”。用于绘制矩形、椭圆、圆角 矩形、圆环、扇形、规则多边形的图形。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑 2.3.1矩形工具矩形工具 1.矩形工具矩形工具 可以绘制矩形、圆角矩形、正方形这些基本图形。 “圆角矩形”的角度可以 这样设定：选择“矩

7、形工具”后，单击“属性”面板中的“矩形选项”， 可以设置圆角半径为10像素（可以输入0-999之间的数值），如左图所 示，绘制的矩形如右图所示。使矩形的边角呈圆弧状。如果数值为零， 则创建的是方角。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑 2.3.1矩形工具矩形工具 2.椭圆工具椭圆工具 单击“矩形工具”按钮后，选择“椭圆工具”。在舞台上鼠标左键拖动可绘 制椭圆。拖动时配合Shift键可绘制正圆。选择“椭圆工具”后，可以 通过属性窗口改变开始角度、结束角度、内径、闭合等选项，绘制出扇 形、弧形、内环等图形。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则

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

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

10、点，当鼠标指针变为十字箭头时，按下 鼠标左键并拖动，可改变渐变色的填充位置。拖动右侧的 方形手柄，可调整填充色的间距。拖动方形手柄下方的操 作手柄，可以调整颜色渐变的范围，使其彦中心位置扩大 或缩小。拖动位于最下面的旋转手柄可调整渐变色彩的填 充方向。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑 2.3.4 样式面板样式面板 选择“窗口”“样式”，可以打开样式面板，用于设置笔触和 填充颜色。 2.3案例案例:气球气球规则封闭图形与颜色的编辑规则封闭图形与颜色的编辑 【案例目的】绘制荷塘景色。 【知识要点】渐变色填充、任意变形工具、颜料桶工具。 【案例效果】效果如图

11、所示。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 演示案例：荷塘月色演示案例：荷塘月色 2.4.1 任意变形工具任意变形工具 任意变形工具主要用于改变图形的基本形状。可以使图形旋转、 倾斜、放大缩小、变形等。选中图形，单击工具箱中的 “任意变形工具”，在图形周围会出现控制点，将鼠标指 针靠近不同的位置时，鼠标指针会发生一些变化，此时拖 动鼠标从而完成不同的变形。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.2 3D旋转工具旋转工具 3D旋转工具只能对影片 剪辑元件发生作 用，因此在使用 之前，必须先创 建相应的影片剪 辑元件。3D选

12、 择工具可以实现 元件x、y、z轴 的旋转。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.3 3D平移工具平移工具 单击工具箱中的“3D旋转工具”，选择“3D平移工具”，单 击舞台需要平移的元件，元件上会出现红色水平和绿 色垂直箭头。 将鼠标指针移动到红色水平箭头上按下鼠标左键拖动，可 实现元件的水平移动。 将鼠标指针移动到绿色垂直箭头上按下鼠标左键拖动，可 实现元件的垂直移动。 将鼠标指针移动到黑色实心圆心上按下 鼠标左键拖动，可实现元件的z周轴方向移动。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4 案例：荷塘景色案例：荷塘

13、景色对象的变形与填充对象的变形与填充 2.4.4 刷子工具刷子工具 刷子工具包含5个修正选项，它们分别是：对象绘制、锁定填充、刷 子模式、刷子尺寸、刷子形状。按住刷子模式下的小三角，可以看到里 边有5种选择。如图所示。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.5 喷涂刷工具喷涂刷工具 喷涂刷工具用来创建一些喷涂的效果，也可以使用库中已有影片剪辑元 件来作为喷枪的图案。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.6 颜料桶工具颜料桶工具 颜料桶工具主要用于给封闭区域的图形填色。选择线性填充效果时，通 过颜料桶工具在封闭图形

14、内拖动的方式实现填充，拖动距离可 以设置颜色过渡的范围，拖动方向可以设置颜色过渡的方向， 如上图所示。如果是径向填充，在封闭图形内颜料桶单击的位 置就是径向填充的中心点。如下图所示。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.7 滴管工具滴管工具 选择滴管工具，在舞台上已经存在对象中的填充或笔触单击，然后通过 “颜料桶工具”或“墨水瓶工具”将它们应用在其他对象上。 还允许从位图中取样，将其填充到其他区域中。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.8 橡皮擦工具橡皮擦工具 橡皮擦工具用于擦除图形中多余的部分。选择橡皮擦工

15、具后，工具箱下 面会出现“橡皮擦模式”按钮，单击后各选项擦除效果如图所 示。“橡皮擦形状”按钮可以设置橡皮头的大小和形状。 2.4 案例：荷塘景色案例：荷塘景色对象的变形与填充对象的变形与填充 2.4.9 Deco 工具工具 Deco工具可以快速用指定图案对指定区域进行填充，填充式既可以使用 默认的图形作为图案，也可以使用库中的任何元件作为图案。 2.5 案例：空心字案例：空心字图形描边与对象组合分离图形描边与对象组合分离 【案例目的】绘制空心字。 【知识要点】墨水瓶工具、对象分离。 【案例效果】效果如图所示。 空心字空心字 演示案例：空心字演示案例：空心字 2.5 案例：空心字案例：空心字图

16、形描边与对象组合分离图形描边与对象组合分离 2.5.1 墨水瓶工具墨水瓶工具 墨水瓶工具可以改变线段的样式，粗细和颜色，墨水瓶工具可以为矢量图形添加 边线，但它本身不具备任何的绘画能力。 1. 为线段更改颜色和属性 单击“墨水瓶工具”，在属性面板中对线段的颜色，粗细和样式进行设置，使用 “墨水瓶工具”单击要修改的线段，线段颜色和属性即被更改。 注意：对于“组”、“图形元件”、“按钮”、“影片剪辑”首先确认图形和线 段是可编辑状态，可以双击进入“组“或“元件”，确认线段能被修改， 然后使用“墨水瓶工具”进行线段的更改。 2. 为矢量图形添加边线 选择“墨水瓶工具”，在属性面板中对边线的颜色、粗细

17、、样式进行设置后，确 认所要填充的图形为可编辑状态后，使用“墨水瓶工具”单击矢量图形， 图形即被添加了边线。 2.5 案例：空心字案例：空心字图形描边与对象组合分离图形描边与对象组合分离 2.5.2 组合与分离组合与分离 组合的对象,执行“修改”“组合”命令或 分离” 可以将己有的整体图形分离为可以进行编辑的矢量图形块。要 分离的对象，选择菜单“修改”“分离” 。下图自左至右分 别是一个矢量图像未分离、分离一次、两次的效果。 2.6案例：整齐按钮案例：整齐按钮对象的对齐与缩放对象的对齐与缩放 【案例目的】绘制整齐美观的按钮。 【知识要点】对象的对其、布局、组合。 【案例效果】效果如图所示。 演

18、示案例：整齐按钮演示案例：整齐按钮 2.6 案例：空心字案例：空心字图形描边与对象组合分离图形描边与对象组合分离 2.6.1 “对齐对齐”面板面板 当舞台上有多个对象需要对齐或平均分布时，通过鼠标 拖动是难以准确实现的，此时可以使用“对齐”面板 。单击“窗口”“对齐”命令，弹出“对齐”面板 ，如图 269 左图所示。选 中多个对象后可以通过“ 对齐对象”、 “ 分 布对象”、 “ 分布间距”等 调整对象之间的距离、对 象分布情况等。 2.6 案例：空心字案例：空心字图形描边与对象组合分离图形描边与对象组合分离 2.6.2 手型工具与缩放工具手型工具与缩放工具 （1）选择“窗口”“对齐” 。 （2）使用快捷键。 2.6 案例：空心字案例：空心字图形描边与对象组合分离图形描边与对象组合分离 2.6.2 手型工具与缩放工具手型工具与缩放工具 手型工具与缩放工具都是辅助工具，它们不直接参与图形的绘制和修改。 但是它们在制作过程中却起到很关键大的作用。 1.选择手型工具，在舞台上单击鼠标左键并拖拽可以移动舞台窗口的位 置。 2.选择