Flash基础教程与创作实例第3章图形绘制与编辑课件

1、Flash基础教程与创作实例第3章图形绘制与编辑第3章 Flash图形绘制与编辑内容概述内容概述v本章详细介绍了图形的绘制与编辑,图形的调整,对象的选择与操作,颜色配置和图象填充以及如何添加文本等内容，通过这些内容的学习，我们就可以在舞台区域中按自己的想象自由创作各种基本图形和文字对象，为后续章节的内容学习奠定基础。Flash基础教程与创作实例第3章图形绘制与编辑教学目标v1.熟练应用图形绘制工具来自由绘图。v2.掌握各种图形调整的方法。v3.熟练掌握各种对象的选择操作。v4.熟练掌握对象的操作。v5.熟练应用颜色配置和图像填充。v6.掌握如何添加文本。Flash基础教程与创作实例第3章图形绘

2、制与编辑3.1 使用图形绘制工具 绘图工具集中放置在【绘图工具栏】中，可分为图形绘制工具，图形编辑工具和文字编辑工具3类 Flash基础教程与创作实例第3章图形绘制与编辑3.1 使用图形绘制工具v 3.1.1 线条工具v 3.1.2 铅笔工具v 3.1.3 钢笔工具v 3.1.4 刷子工具v 3.1.5 橡皮擦工具 Flash基础教程与创作实例第3章图形绘制与编辑3.1.1 线条工具斜线工具主要用于绘制线段。【线条工具的属性】：线条的属性主要有笔触颜色，笔触高度和笔触样式3种，可以在“属性”面板中进行设置 Flash基础教程与创作实例第3章图形绘制与编辑3.1.2 铅笔工具 铅笔工具在导引线中

3、使用最多。调整铅笔工具同样在舞台区域下边的“属性”面板里进行该工具的属性调整。同我们上边讲到的线条工具一样可以更换类型及颜色。当铅笔工具被选取时，其附属选项 按钮会出现在工具箱下部的“选项”栏中，也可以通过这个来更改铅笔工具的设置。 Flash基础教程与创作实例第3章图形绘制与编辑3.1.3 钢笔工具 钢笔工具可以绘制直线、曲线等而且能够调整路径上的节点。它可以自由地创建和编辑矢量图形。单击鼠标左键确定点的位置，在舞台区域中连续单击，则各个单击点就形成直线组成的折线图。当按左键不松手，就可以调整当前线的造型，一般用于绘制曲线情况。在绘制一个图形的前，可以先在“属性” 面板里设置钢笔属性和填充属

4、性，如图所示。也可以在钢笔工具的参数进行设置，通过执行“编辑”/“首选参数”，然后选择“绘画”， 即可对钢笔工具进行设置。 钢笔工具（1） 钢笔工具选项（2） Flash基础教程与创作实例第3章图形绘制与编辑3.1.4 刷子工具 刷子工具用于绘制密闭的填充色构成的图形，该工具提供了5种模式 Flash基础教程与创作实例第3章图形绘制与编辑3.1.5 橡皮擦工具“橡皮擦”工具，用于擦除整个图形或图形中不需要的部分，它只能应用于“打散”后的图形。 Flash基础教程与创作实例第3章图形绘制与编辑3.2 图形调整v3.2.1 调整线段和图形v3.2.2 线条的伸直和平滑v3.2.3 优化曲线Flas

5、h基础教程与创作实例第3章图形绘制与编辑3.2.1 调整线段和图形 调整线段用“箭头”工具。当箭头工具靠近线段中间的时候，在箭头下会出现一个弧形这时就可以改变线段的形状，如图（1）、（2）所示。当箭头工具靠近线段的一端时，就可以延长线段。如图（3）所示。 选取元件与改变线段的形状及长度拖动节点就能对图形进行任意编辑，如图所示。（1）（2）（3） Flash基础教程与创作实例第3章图形绘制与编辑3.2.2 线条的伸直和平滑v使用“箭头”工具的“伸直”修改器或执行“修改”/“形状”/“伸直”菜单命令，可对画出的线条做小幅度的拉直处理。v平滑操作可减少曲线的节点和其他变化，使曲线平顺，它还可以使曲线

6、所含段数减少，但对直线不起作用。这个操作在改变许多短线段组成的线条的外形时尤为重要。Flash基础教程与创作实例第3章图形绘制与编辑3.2.3 优化曲线v 优化曲线的作用是减少定义对象的曲线数量来进行曲线和填充轮廓，以达到减少Flash文件大小的目的。v v设置优化曲线 Flash基础教程与创作实例第3章图形绘制与编辑3.3 对象选择v3.3.1 选择工具和部分选取工具v3.3.2 套索工具v3.3.3 选择的修改Flash基础教程与创作实例第3章图形绘制与编辑3.3.1 “箭头”工具v 箭头工具用来专门选取各个元件，在Flash里面“轮廓线”和里面的“填充色”是分开的，所以想要选中的话就要先

7、对象，然后进行移动。v“部分选取”工具v 部分选取工具可以显示图形的所有顶点，拖动节点就能对图形进行任意编辑。 箭头工具框选 Flash基础教程与创作实例第3章图形绘制与编辑3.3.2 套索工具v 套索工具被选取时，其附属选项按钮会出现在选项条中（如图所示）。套索工具可以用不规则的形状任意圈选对象，它可以配合箭头工具。如果按住 Shift 键不放，就能够同时选择多个对象。 Flash基础教程与创作实例第3章图形绘制与编辑3.3.3 选择的修改v使用选择工具对矩形范围内的对象选择。v【步骤1】单击工具箱中的选择工具。v【步骤2】将鼠标移动到要选择的对象上单击左键。v【步骤3】单击工具箱中的选择工

8、具。v【步骤4】在目标对象的左上角按住鼠标左键拖动鼠标到对象的右下角，将目标对象的所有内容框选在矩形中。这样松开鼠标后，当前图层的矩形的对象就被选中了。Flash基础教程与创作实例第3章图形绘制与编辑3.4 对象操作v3.4.1 组合对象v3.4.2 移动、复制和删除对象v3.4.3 叠放和对齐对象v3.4.4 变形对象v3.4.5 翻转对象v3.4.6 复原变形对象v3.4.7 分离对象Flash基础教程与创作实例第3章图形绘制与编辑3.4.1 组合对象v具体操作如下：v【步骤1】新建一个Flash文档，选择“文件”/“导入”/“导入到舞台”命令，在打开的【导入】对话框中选择图片所在位置，并

9、选中要导入的图片，最后单击 确定按钮。v【步骤2】将所有图片缩小到适当大小，并放置到舞台位置，选中要组合的多个对象，如选中右边两幅图像。选择“修改”/“组合”命令（或按【Ctrl+G】键）将对象组合成一个整体。v【步骤3】选中组合后的对象，选择“编辑”/“编辑所选项目”命令或双击组合对象，将进入该组的编辑状态，可对该组合中的各个对象进行编辑。Flash基础教程与创作实例第3章图形绘制与编辑3.4.2 移动、复制和删除对象v利用选择工具移动对象的方法:v【步骤1】选择要移动的对象。v【步骤2】单击工具箱中的选择工具，将鼠标移动到要选择的对象上，按住左键拖动对象到目标位置。v利用选择工具复制对象的

10、方法:v【步骤1】选中目标对象。v【步骤2】单击工具箱中的选择工具。v【步骤3】单击鼠标指向目标对象，然后按住【Alt】键和鼠标左键拖动对象到目标位置即可复制对象到目标位置。v利用选择工具删除对象的方法:v【步骤1】选中目标对象。v【步骤2】按下【Delete】将其删除。v或者选择“编辑”/“清除”菜单项将其删除。v也可以选择“编辑”/“剪切”菜单将其删除。Flash基础教程与创作实例第3章图形绘制与编辑3.4.3 叠放和对齐对象介绍一个叠放的例子步骤如下： 【步骤1】先用前面所学的图形绘制工具绘制三个绿、红、黄椭圆图像。其叠放次序是先导入的在最下层。然后一次叠起。 Flash基础教程与创作实

11、例第3章图形绘制与编辑【步骤2】若要修改其次序，先选中其中的一个对象，然后单击“修改”/“排序”菜单弹出如下子菜单，在弹出的自菜单中选择相应的菜单即可， Flash基础教程与创作实例第3章图形绘制与编辑3.4.4 变形对象v选中目标对象单击菜单栏中的“修改”/“变形”有任意变形、扭曲变形、封套、缩放、旋转与倾斜、缩放和旋转等变形。 Flash基础教程与创作实例第3章图形绘制与编辑3.4.5 翻转对象v 选中目标对象，然后单击菜单栏中的“修改”/“变形”有两种翻转方式：水平翻转和垂直翻转。 Flash基础教程与创作实例第3章图形绘制与编辑3.4.6 复原变形对象v 选中目标对象，单击菜单栏的“修

12、改”/“变形”/“取消变形”。即可取消刚刚所作的变形操作。 Flash基础教程与创作实例第3章图形绘制与编辑3.4.7 分离对象v 分离图形是指将位图、文字或群组后的图形打散成一个个的像素点，以便对其中的一部分进行编辑。用“选择”工具框选位图时，会发现不能选中其中的一部分，只能用鼠标单击选中整个位图，位图四周会出现灰色边框，这时选择“修改”/“分离”命令（或按【Ctrl+B】键）打散位图，再用选择工具框选位图的一部分,会发现这部分出现许多像素点，这时就可以对这部分进行编辑了。 Flash基础教程与创作实例第3章图形绘制与编辑3.5 颜色设置和图形填充v3.5.1 设置笔触和填充属性v3.5.2

13、 修改调色板v3.5.3 图形填充Flash基础教程与创作实例第3章图形绘制与编辑 3.5.1 设置笔触和填充属性 设置笔触 设置填充颜色Flash基础教程与创作实例第3章图形绘制与编辑3.5.2 修改调色板v 单击菜单栏中的窗口颜色样本打开颜色样本面板。v【步骤1】单击颜色面板上的按钮，从弹出的菜单中选择添加颜色命令。v【步骤2】弹出“导入色样”对话框，设置文件类型为“所有文件”选择一个jpg图像文件。v【步骤3】单击“打开”按钮就可以将 .jpg格式文件的所有颜色,作为新的颜色导入flash调色板中。 Flash基础教程与创作实例第3章图形绘制与编辑3.5.3 图形填充v 在舞台上绘制一个

14、椭圆，再单击工具箱中的填充工具，选择合适的颜色，然后在要填充的椭圆上单击 绘制一个椭圆 填充椭圆Flash基础教程与创作实例第3章图形绘制与编辑3.6 添加文本 3.6.1 创建静态文本 3.6.2 设置文本属性3.6.3 创建动态文本 3.6.4 编辑文本 3.6.5 文本变形处理 3.6.6 创建字体元件 Flash基础教程与创作实例第3章图形绘制与编辑3.6 添加文本v3.6.1 创建静态文本【步骤1】选择工具栏中的文本工具 ，将鼠标光标移至舞台中，鼠标光标变为 形状，按住鼠标左键拖动将出现一个虚线框。v【步骤2】将虚线框拖至适当大小后，释放鼠标左键将出现一个右上角有小方框的文本框。v【

15、步骤3】在文本框中输入需要的文字，这里输入“我的地盘听我的”。如果要换行直接按【Enter】键，如果不按【Enter】键，当文字达到文本框右边缘时会自动换行。v【步骤4】输入完成后，单击文本框外的任意空白处即可，此时文本框将消失。Flash基础教程与创作实例第3章图形绘制与编辑3.6.2 设置文本属性Flash基础教程与创作实例第3章图形绘制与编辑3.6.3 创建动态文本v “动态文本”的内容可以在动画播放时由动作脚本控制其显示，“输入文本”不但具有了“动态文本”的功能，还可以在动画播放时手动输入其内容。步骤如下：v【步骤1】单击工具栏中的.v【步骤2】设置【属性】面板中的【文本类型】设置为动

16、态文本。v【步骤3】在舞台中托出一个文本框。v【步骤4】单击可选按钮，在变量框中输入变量名，这里输入 “dhy”，v【步骤5】单击时间轴第一帧。v【步骤6】单击“窗口”/“开发面板”/“动作”菜单选项v【步骤7】单击“全局函数”/“浏览器/网络”菜单，在函数中双击【LoadVariablesNum】选项。v【步骤8】在命令行的括号中输入【“F:/新建公文包/shl.txt”,0】, v【步骤9】单击文件保存菜单，弹出另存为对话框。v【步骤10】单击文件发布设置菜单，在弹出的发布设置对话框中进行如图3-6-11所示的设置。并发布到所保存的文件夹中。v【步骤11】在所保存的文件夹中新建一个文本文档

17、并命名为“shl”。v【步骤12】双击“shl”文档，在文本的编辑界面中输入文本，如图3-6-12所示。Flash基础教程与创作实例第3章图形绘制与编辑3.6.4 编辑文本v 在Flash 8中，用户可以直接使用剪切、复制和粘贴菜单来对文本进行移动、剪切和粘贴文本块操作。Flash基础教程与创作实例第3章图形绘制与编辑3.6.5 文本变形处理v【步骤1】文本变形处理的方法v【步骤2】单击工具栏中的选择工具。v【步骤3】右击舞台中的文本块，在下拉菜单中选择【任意变形】菜单 选项。v【步骤4】此时文本中心和边角出现了控制点。v【步骤5】用鼠标拖动这些控制点即可对文本块进行变形。 Flash基础教程与创作实例第3章图形绘制与编辑3.6.6 创建字体元件v【步骤1】单击“窗口”/“库”出现库面版 v【步骤2】单击库面版按钮.v【步骤3】选择新建字型菜单，即弹出字型元件属性对话框。Flash基础教程与创作实例第3章图形绘制与编辑v【步骤4】在库面版中选择已经存在的字体元件 Flash基础教程与创作实例第3章图形绘制与编辑v【步骤5】单击有上角的，在弹出的选择【链接】菜单项弹出【链接属性】对话框。如图3-6-17所示。v【步骤6】在标识符文本框中输入一个字符串标识字体元件。v【步骤7】在URL文本框中输入含有该字体的