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

第3章 Flash图形绘制与编辑 内容概述 v本章详细介绍了图形的绘制与编辑,图形的调 整,对象的选择与操作,颜色配置和图象填充以 及如何添加文本等内容，通过这些内容的学 习，我们就可以在舞台区域中按自己的想象 自由创作各种基本图形和文字对象，为后续 章节的内容学习奠定基础。 教学目标 v1.熟练应用图形绘制工具来自由绘图。 v2.掌握各种图形调整的方法。 v3.熟练掌握各种对象的选择操作。 v4.熟练掌握对象的操作。 v5.熟练应用颜色配置和图像填充。 v6.掌握如何添加文本。 3.1 使用图形绘制工具 绘图工具 集中放置在【 绘图工具栏】 中，可分为图 形绘制工具， 图形编辑工具 和文字编辑工 具3类 3.1 使用图形绘制工具 v 3.1.1 线条工具 v 3.1.2 铅笔工具 v 3.1.3 钢笔工具 v 3.1.4 刷子工具 v 3.1.5 橡皮擦工具 3.1.1 线条工具 斜线工具主要用于绘制线段。 【线条工具的属性】：线条的属性主要 有笔触颜色，笔触高度和笔触样式3种 ，可以在“属性”面板中进行设置 3.1.2 铅笔工具 铅笔工具在导引线中使用 最多。调整铅笔工具同样在舞 台区域下边的“属性”面板里进 行该工具的属性调整。同我们 上边讲到的线条工具一样可以 更换类型及颜色。当铅笔工具 被选取时，其附属选项 按钮 会出现在工具箱下部的“选项” 栏中，也可以通过这个来更改 铅笔工具的设置。 3.1.3 钢笔工具 钢笔工具可以绘制直线 、曲线等而且能够调整路径 上的节点。它可以自由地创 建和编辑矢量图形。单击鼠 标左键确定点的位置，在舞 台区域中连续单击，则各个 单击点就形成直线组成的折 线图。当按左键不松手，就 可以调整当前线的造型，一 般用于绘制曲线情况。在绘 制一个图形的前，可以先在“ 属性” 面板里设置钢笔属性和 填充属性，如图所示。也可 以在钢笔工具的参数进行设 置，通过执行“编辑”/“首选参 数”，然后选择“绘画”， 即可 对钢笔工具进行设置。 钢笔工具（1 ） 钢笔工具选项 （2） 3.1.4 刷子工具 刷子工具用于绘制密闭 的填充色构成的图形，该工 具提供了5种模式 3.1.5 橡皮擦工具 “橡皮擦”工具，用于擦除整个图形或图形中不需要的部分， 它只能应用于“打散”后的图形。 3.2 图形调整 v3.2.1 调整线段和图形 v3.2.2 线条的伸直和平滑 v3.2.3 优化曲线 3.2.1 调整线段和图形 调整线段用“箭头”工具。 当箭头工具靠近线段中间的 时候，在箭头下会出现一个 弧形这时就可以改变线段的 形状，如图（1）、（2）所 示。当箭头工具靠近线段的 一端时，就可以延长线段。 如图（3）所示。 选取元件与改变线段的形 状及长度 拖动节点就能对图形进行任 意编辑，如图所示。 （1）（2）（3） 3.2.2 线条的伸直和平滑 v使用“箭头”工具的“伸直”修改器或执行“修改”/“ 形状”/“伸直”菜单命令，可对画出的线条做小 幅度的拉直处理。 v平滑操作可减少曲线的节点和其他变化，使 曲线平顺，它还可以使曲线所含段数减少， 但对直线不起作用。这个操作在改变许多短 线段组成的线条的外形时尤为重要。 3.2.3 优化曲线 v 优化曲线的作用是减少定义对象的曲线 数量来进行曲线和填充轮廓，以达到减少 Flash文件大小的目的。 v v设置优化曲线 3.3 对象选择 v3.3.1 选择工具和部分选取工具 v3.3.2 套索工具 v3.3.3 选择的修改 3.3.1 “箭头”工具 v 箭头工具用来专门选取各个元 件，在Flash里面“轮廓线”和里面 的“填充色”是分开的，所以想要 选中的话就要先对象，然后进行 移动。 v“部分选取”工具 v 部分选取工具可以显示图形 的所有顶点，拖动节点就能对图 形进行任意编辑。 箭头工具框选 3.3.2 套索工具 v 套索工具被选取时，其附属选项按钮会 出现在选项条中（如图所示）。套索工具可 以用不规则的形状任意圈选对象，它可以配 合箭头工具。如果按住 Shift 键不放，就能够 同时选择多个对象。 3.3.3 选择的修改 v使用选择工具对矩形范围内的对象选择。 v【步骤1】单击工具箱中的选择工具。 v【步骤2】将鼠标移动到要选择的对象上单击 左键。 v【步骤3】单击工具箱中的选择工具。 v【步骤4】在目标对象的左上角按住鼠标左键 拖动鼠标到对象的右下角，将目标对象的所 有内容框选在矩形中。这样松开鼠标后，当 前图层的矩形的对象就被选中了。 3.4 对象操作 v3.4.1 组合对象 v3.4.2 移动、复制和删除对象 v3.4.3 叠放和对齐对象 v3.4.4 变形对象 v3.4.5 翻转对象 v3.4.6 复原变形对象 v3.4.7 分离对象 3.4.1 组合对象 v具体操作如下： v【步骤1】新建一个Flash文档，选择“文件”/“导入”/“ 导入到舞台”命令，在打开的【导入】对话框中选择 图片所在位置，并选中要导入的图片，最后单击 确 定按钮。 v【步骤2】将所有图片缩小到适当大小，并放置到 舞台位置，选中要组合的多个对象，如选中右边两 幅图像。选择“修改”/“组合”命令（或按【Ctrl+G】键 ）将对象组合成一个整体。 v【步骤3】选中组合后的对象，选择“编辑”/“编辑所 选项目”命令或双击组合对象，将进入该组的编辑状 态，可对该组合中的各个对象进行编辑。 3.4.2 移动、复制和删除对象 v利用选择工具移动对象的方法: v【步骤1】选择要移动的对象。 v【步骤2】单击工具箱中的选择工具，将鼠标移动到要选择的对象上，按住左 键拖动对象到目标位置。 v利用选择工具复制对象的方法: v【步骤1】选中目标对象。 v【步骤2】单击工具箱中的选择工具。 v【步骤3】单击鼠标指向目标对象，然后按住【Alt】键和鼠标左键拖动对象到 目标位置即可复制对象到目标位置。 v利用选择工具删除对象的方法: v【步骤1】选中目标对象。 v【步骤2】按下【Delete】将其删除。 v或者选择“编辑”/“清除”菜单项将其删除。 v也可以选择“编辑”/“剪切”菜单将其删除。 3.4.3 叠放和对齐对象 介绍一个叠放的例子步骤如下： 【步骤1】先用前面所学的图 形绘制工具绘制三个绿、红 、黄椭圆图像。其叠放次序 是先导入的在最下层。然后 一次叠起。 【步骤2】若要修改其次序，先选中其 中的一个对象，然后单击“修改”/“排序” 菜单弹出如下子菜单，在弹出的自菜 单中选择相应的菜单即可， 3.4.4 变形对象 v选中目标对象单击菜单栏中的“修改”/“变形”有 任意变形、扭曲变形、封套、缩放、旋转与 倾斜、缩放和旋转等变形。 3.4.5 翻转对象 v 选中目标对象，然后单击菜单栏中的“修 改”/“变形”有两种翻转方式：水平翻转和垂直 翻转。 3.4.6 复原变形对象 v 选中目标对象，单击菜单栏的“修改”/“ 变形”/“取消变形”。即可取消刚刚所作的 变形操作。 3.4.7 分离对象 v 分离图形是指将位图、文 字或群组后的图形打散成一 个个的像素点，以便对其中 的一部分进行编辑。用“选择 ”工具框选位图时，会发现不 能选中其中的一部分，只能 用鼠标单击选中整个位图， 位图四周会出现灰色边框， 这时选择“修改”/“分离”命令 （或按【Ctrl+B】键）打散 位图，再用选择工具框选位 图的一部分,会发现这部分出 现许多像素点，这时就可以 对这部分进行编辑了。 3.5 颜色设置和图形填充 v3.5.1 设置笔触和填充属性 v3.5.2 修改调色板 v3.5.3 图形填充 3.5.1 设置笔触和填充属性 设置笔触 设置填充颜色 3.5.2 修改调色板 v 单击菜单栏中的窗口颜色样本 打开颜色样本面板。 v【步骤1】单击颜色面板上的按钮 ，从弹出的菜单中选择添加颜色 命令。 v【步骤2】弹出“导入色样”对话框 ，设置文件类型为“所有文件”选 择一个jpg图像文件。 v【步骤3】单击“打开”按钮就可以 将 .jpg格式文件的所有颜色,作为 新的颜色导入flash调色板中。 3.5.3 图形填充 v 在舞台上绘制一 个椭圆，再单击工 具箱中的填充工具 ，选择合适的颜色 ，然后在要填充的 椭圆上单击 绘制一个椭圆 填充椭圆 3.6 添加文本 3.6.1 创建静态文本 3.6.2 设置文本属性 3.6.3 创建动态文本 3.6.4 编辑文本 3.6.5 文本变形处理 3.6.6 创建字体元件 3.6 添加文本 v3.6.1 创建静态文本【步骤1】选择工具栏中的文本工 具 ，将鼠标光标移至舞台中，鼠标光标变为 形状， 按住鼠标左键拖动将出现一个虚线框。 v【步骤2】将虚线框拖至适当大小后，释放鼠标左键将 出现一个右上角有小方框的文本框。 v【步骤3】在文本框中输入需要的文字，这里输入“我 的地盘听我的”。如果要换行直接按【Enter】键，如果 不按【Enter】键，当文字达到文本框右边缘时会自动 换行。 v【步骤4】输入完成后，单击文本框外的任意空白处即 可，此时文本框将消失。 3.6.2 设置文本属性 该面板的含义如下： 3.6.3 创建动态文本 v “动态文本”的内容可以在动画播放时由动作脚本控制其显示，“输入文本”不 但具有了“动态文本”的功能，还可以在动画播放时手动输入其内容。步骤如下 ： v【步骤1】单击工具栏中的. v【步骤2】设置【属性】面板中的【文本类型】设置为动态文本。 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】在所保存的文件夹中新建一个文本文档并命名为“shl”。 v【步骤12】双击“shl”文档，在文本的编辑界面中输入文本，如图3-6-12所示。 3.6.4 编辑文本 v 在Flash 8中，用户可以直接使 用剪切、复制和粘贴菜单来对文本 进行移动、剪切和粘贴文本块操作 。 3.6.5 文本变形处理 v【步骤1】文本变形处理的方法 v【步骤2】单击工具栏中的选择工具。 v【步骤3】右击舞台中的文本块，在下拉菜单中选择【任意变形】菜单 选项。 v【步骤4】此时文本中心和边角出现了控制点。 v【步骤5】用鼠标拖动这些控制点即可对文本块进行变形。 3.6.6 创建字体元件 v【步骤1】单击“窗口”/“库”出现库面版 v【步骤2】单击库面版按钮. v【步骤3】选择新建字型菜单，即弹出字型元 件属性对话框。 v【步骤4】在库面版中选择已经存在的字体 元件 v【步骤5】单击有上角的，在弹出的选择【链接】菜单 项弹出【链接属性】对话框。如图3-6-17所示。 v【步骤6】在标识符文本框中输入一个字符串标识字体 元件。 v【步骤7】在URL文本框中输入含有该字体的 .Swf文件 将要发布的URL，再