FlashCS3基础知识.ppt

第1章FlashCS3基础知识 位图与矢量图的关系FlashCS3的界面构成基本文档操作在Flash中绘制图形描边和填色其他编辑工具的使用 本章重点 FlashCS3是一款优秀的二维动画制作软件 在学习之前 应掌握其界面的基本布局和基本文档操作 而矢量图形是Flash动画的基本元素之一 Flash提供了多种工具来绘制和编辑矢量图形作为动画中的元素 通过本章学习应掌握以下内容 1 1位图与矢量图 根据生成原理的不同 计算机中的图形可以分为位图和矢量图两种 位图是由像素构成的 单位面积内的像素数量将决定位图的最终质量和文件大小 位图放大时 放大的只是像素点 位图图像的四周会出现马赛克 如图1 1所示 位图与矢量图相比 具有色彩非常丰富的特点 位图中单位面积内的像素越多 图像的分辨率越高 图像也就表现越细腻 但文件所占的空间越大 计算机处理速度越慢 因此要根据实际需要来制作位图 1 位图 矢量图性是由数学公式所定义的直线和曲线组成的 内容以色块和线条为主 如一条直线的数据只需要记录两个端点的位置 直线的粗细和颜色等 因此矢量图所占的数据容量比较小 他的清晰度与分辨率无关 对矢量图进行放大 缩小和旋转等操作时 图形对象的清晰度和光滑度不会发生任何偏差 如图1 2所示 2 矢量图 Flash动画采用了矢量图形技术 制作出的动画文件体积特别小 凭借这一特色 Flash动画在网络中占有者不可替代的位置 1 2FlashCS3的界面构成 启动FlashCS3 首先显示出图1 3所示的启动界面 图1 3启动界面 启动界面中部的主体部分列出了一些常用的任务 其中左边栏是打开最近用过的项目 中间栏是创建各种类型的新项目 右边栏是从模板创建各种动画文件 下面来打开一个动画文件 方法 单击左边栏下方的按钮 在弹出的 打开 对话框中选择配套光盘 素材及结果 创建沿路径补间动画 fla 文件 如图1 4所示 单击 打开 按钮 即可进入该文件的工作界面 如图1 5所示 图1 4选择要打开的文件 FlashCS3工作界面主要可以分为动画文件选项卡 工具箱 时间轴 舞台和面板几部分 下面就来进行具体讲解 在这里显示了当前打开的文件名称 如果此时打开了多个文件 可以通过单击相应的文件名称来实现文件之间的切换 1 动画文件选项卡 工具箱中包含了多种常用的绘制图形的工具和辅助工具 它们的具体使用方法请参见 1 2图形制作 这里需要说明的是单击工具箱最顶端的小图标 可将工具箱变成长单条和短双条结构 此时小图标会变为形状 如图1 6所示 2 工具箱 图1 6工具箱 时间轴用于组织和控制一定时间内的图层和帧中的文档内容 时间轴左边为图层 右边为帧 动画从左向右逐帧进行播放 如图1 7所示 3 时间轴 舞台又叫工作区域 是Flash工作界面上最广阔的区域 在这里可以摆放一些图片 文字 按钮 动画等 4 舞台 5 面板 面板位于工作界面右侧 利用它们 可以为动画添加非常丰富的特殊效果 FlashCS3中的面板现在以方便的 自动调节的停靠方式进行排列 单击顶端的小图标 可以将面板缩小为图标 如图1 8所示 在这种情况下 单击相应的图标 会显示出相关的面板 如图1 9所示 这样可以使软件界面极大简化 同时保持必备工具可以访问 工具箱和各种面板位置调整到位之后 可以把这个调整后的工作区布局进行保存 方法 执行菜单中的 窗口 工作区 保存当前 命令 在弹出的图1 10所示的对话框中输入名称 单击 确定 按钮 即可将现在的工作界面保存起来 图1 8缩小后的面板图1 9显示相应的面板图1 10保存工作区布局 1 3基本文档操作 在熟悉了FlashCS3的界面构成后 下面来学习在制作动画过程中需要频繁使用的基本文档操作方法 1 3 1创建新文档 创建新文档有两种方法 一是启动FlashCS3 弹出开始页面对话框 单击 新建 栏下的 Flash文件 ActionScript2 0 或者 Flash文件 ActionScript3 0 选项 即可创建一个默认名称为 未命名 1 的Flash文件 如图1 11所示 二是执行菜单中的 文件 新建 命令 在弹出的图1 12所示的 新建文档 对话框中选择 Flash文件 ActionScript2 0 或者 Flash文件 ActionScript3 0 选项 单击 确定 按钮 图1 11创建一个默认名称为 未命名 1 的Flash文件 图1 12 新建文档 对话框 提示 在 新建文档 对话框中也可以选择其他类型的Flash文档 比如 Flash幻灯片演示文稿 Flash表单应用程序 以及从模板创建等 1 3 2设置文档属性 属性 面板位于工作区的底部 利用 属性 面板可以很容易的设置舞台或时间轴上当前选项最常用的属性 也可以在面板中更改对象或文档的属性 选择不同的对象时 面板上显示的项目会有所不同 当新建一个文档后 其属性面板如图1 13所示 图1 13属性面板 单击 大小 右侧的按钮 在弹出的图1 14所示的文档属性对话框中可以对文档尺寸 背景颜色 帧频 标尺单位等参数进行设置 设置完成后单击 确定 按钮即可 提示 执行菜单中的 修改 文档 快捷键 命令 也可调出 文档属性 对话框 图1 14 文档属性 对话框 1 3 3保存文档 为了避免出现意外时丢失文档 因此在文档属性设置好后 一定要及时保存文档 保存文档的具体操作步骤为 执行菜单中的 文件 保存 命令 在弹出的图1 15所示的 另存为 对话框中单击 保存在 下拉列表框后面的下拉三角 选择要保存文档的文件夹 在 文件名 后边的文本框中输入要保存文件的名称 然后单击 确定 按钮 接着在后面的工作中 通过单击工具栏中 保存 按钮 对工作内容进行随时保存 图1 15 另存为 对话框 1 3 4测试影片 Flash动画在制作完成后 接下来就是进行播放测试 执行菜单中的 控制 测试影片 快捷键 命令 即可测试影片 此外也可以在播放状态下观赏动画效果 具体操作步骤为 将播放头定位在第1帧上 然后按键盘上的键 动画就会从第1帧播播放最后一帧停止播放 如果想循环播放动画 可以执行菜单中的 控制 循环播放 命令 此时该命令会被勾选 如图1 16所示 然后在按键盘上的键即可循环播放 图1 16选择 循环播放 命令 1 3 5发布影片 在保存完动画后 按键盘上的键进行播放 即可在同一目录下将其自动发布为名称与保存的文件相同 但后缀为 swf 的文件 如图1 17所示 这种动画可以直接插入网页中去 比如Dreamweaver 图1 17自动生成的动画文件 此外 还可以根据需要将影片发布为 mov avi等格式的视频格式 具体请参见 第7章动画发布 1 4在Flash中绘制图形 在Flash的工具箱中包含多种绘制图形的工具 下面就来具体讲解这些工具的使用方法 1 4 1利用铅笔工具绘制曲线 铅笔工具 用于在场景中指定帧上绘制线和形状 它的效果就好像用真的铅笔画画一样 帧是Flash动画创作中的基本单元 也是所有动画及视频的基本单元 将在后面的章节中介绍 FlashCS3中的铅笔工具有些属于自己的特点 它可以在绘图的过程中拉直线条或者平滑曲线 还可以识别或者纠正基本几何形状 另外还可以使用铅笔工具修正来创建特殊形状 也可以手工修改线条和形状 选择工具箱中的 铅笔工具 的时候 在工具栏的下部的选项部分中将显示如图1 18所示的选项 其中左侧 对象绘制 按钮 用于绘制互不干扰的多个图形 单击右侧下的小三角形 会出现如图1 19所示的选项 这3个选项是铅笔工具的3个绘图模式 选择 直线化 时 系统会将独立的线条自动连接 接近直线的线条将自动拉直 摇摆的曲线将实施直线式的处理 效果如图1 20所示 图1 18铅笔工具选项栏图1 19下拉选项图1 20直线化效果 选择 平滑 时 将缩小Flash自动进行处理的范围 在平滑选项模式下 线条拉直和形状识别都被禁止 绘制曲线后 系统可以进行轻微的平滑处理 端点接近的线条彼此可以连接 效果如图1 21所示 选择 墨水 选项时 将关闭Flash自动处理功能 画的是什么样 就是什么样 不做任何平滑 拉直或连接处理 效果如图1 22所示 图1 21平滑效果图1 22墨水效果 选择 铅笔工具 的同时 在 属性 面板中也会出现如图1 23所示的选项 包括笔触颜色 笔触高度 笔触样式 自定义 端点类型和接合类型等 单击颜色框 会弹出Flash自带的Web颜色系统 如图1 24所示 从中可以定义所需的笔触颜色 单击笔触宽度 用户可以自由设定线条的宽度 单击笔触样式 用户可以在弹出的下拉选单中选择自己所需要的线条样式 如图1 25所示 单击按钮 用户也可以在弹出的 笔触样式 对话框中设置自己的线条样式 如图1 26所示 图1 24Web颜色系统图1 25线条样式图1 26 笔触样式 对话框 在自定义的对话框中共有6种线条的类型 下面我们就这6种线条做一下简单的介绍 实线 这是最适合于在Web上使用的线型 此线型的设置可以通过 粗细 和 锐化转角 两项来设定 如图1 27所示 虚线 这是带有均匀间隔的实线 短线和间隔的长度是可以调整的 如图1 28所示 点状线 绘制的直线由间隔相等的点组成 同虚线有些相似 但只有点的间隔距离可调整 如图1 29所示 锯齿状线 绘制的直线由间隔相等的粗糙短线构成 它的粗糙程度可以通过图案 波高和波长3个选项来进行调整 如图1 30所示 在 图案 选项中有 实线 简单 随机 点状 随机点状 三点状 随机三点状 7种样式可供选择 在 波高 选项中有 平坦薄 捌鸱 薄 熬缌移鸱 薄 扒苛摇 个选项可供选择 在 波长 选项中有 非常短 短 中 长 4个选项可供选择 点描 绘制的直线可用来模拟艺术家手刻的效果 点描的品质可通过点大小 点变化 密度来调整 如图1 31所示 在 点大小 选项中有 很小 小 中 大 4个选项可供选择 在 点变化 选项中有 同一大小 微小变化 不同大小 随机大小 4个选项可供选择 在 密度 选项中有 非常密集 密集 稀疏 非常稀疏 4个选项可供选择 斑马线 绘制复杂的阴影线 可以精确模拟艺术家手画的阴影线 产生无数种阴影效果 这可能是Flash绘图工具中复杂性最高的操作 如图1 32所示 它的参数有 粗细 间隔 微动 旋转 曲线 长度 其中 粗细 选项中有 极细 细 中 粗 4个选项可供选择 间隔 选项中有 非常近 近 远 非常远 4个选项可供选择 微动 选项中有 无 弹性 松散 强烈 4个选项可供选择 旋转 选项中有 无 轻微 中 自由 4个选项可供选择 曲线 选项中有 直线 轻微弯曲 中等弯曲 强烈弯曲 4个选项可供选择 长度 选项中有 等于 轻微变化 中等变化 随机 4个选项可供选择 端点 和 接合 选项用于设置线条的线段两端和拐角的类型 如图1 33所示 端点类型包括 无 圆角 和 方形 3种 效果分别如图1 34所示 我们可以在绘制线条以前设置好线条属性 也可以在绘制完以后重新修改线条的这些属性 接合指的是在线段的转折处也就是拐角的地方 线段以何种方式呈现拐角形状 有 尖角 圆角 和 斜角 3方式可供选择 效果如图1 35所示 当选择接合为 尖角 的时候 左侧的尖角限制文本框会变为可用状态 如图1 36所示 在这里可以指定尖角限制数值的大小 数值越大 尖角就越趋于尖锐 数值越小 尖角会被逐渐削平 1 4 2利用线条工具绘制曲线 使用Flash中的 线条工具 可以直接绘制出从起点到终点的直线 如图1 37所示 其属性面板的参数与 铅笔工具 的参数基本一致 这里就不再重复 如果要将直线修改为曲线 选择工具箱中的 选择工具 选中它 然后当鼠标右下角变为弧线状时拖动鼠标即可 效果如图1 38所示 1 4 3利用钢笔工具绘制曲线 使用 钢笔工具 可以绘制精确的路径 如直线或者平滑流畅的曲线 并可调整直线段的角度和长度以及曲线段的斜率 图1 39为使用 钢笔工具 绘制的画面效果 用户可以指定钢笔工具指针外观的首选参数 以便在画线段时进行预览 或者查看选定锚点的外观 图1 39使用 钢笔工具 绘制的画面效果 1 设置钢笔工具首选参数 选择工具箱中的 钢笔工具 执行菜单中的 编辑 首选参数 命令 然后在弹出的 首选参数 对话框中单击 绘画 选项卡 如图1 40所示 图1 40单击 绘画 选项卡 在钢笔工具选项组中有 显示钢笔预览 显示实心点 和 显示精确光标 3个选项 显示钢笔预览 选中该项 可在绘画时预览线段 单击创建线段的终点之前 在工作区周围移动指针时 Flash会显示线段预览 如果未选择该选项 则在创建线段终点之前 Flash不会显示该线段 显示实心点 选中该项 将选定的锚点显示为空心点 并将取消选定的锚点显示为实心点 如果未选择此选项 则选定的锚点为实心点 而取消选定的锚点为空心点 显示精确光标 选中该项 钢笔工具指针将以十字准线指针的形式出现 而不是以默认的钢笔工具图标的形式出现 这样可以提高线条的定位精度 取消选择该选项会显示默认的钢笔工具图标来代表钢笔工具 提示 工作时按下 CapsLock 键可在十字准线指针和默认的钢笔工具图标之间进行切换 2 使用钢笔工具绘制直线路径 使用钢笔工具绘制直线路径的方法如下 1 选择工具箱中的 钢笔工具 然后在 属性 面板中选择笔触和填充属性 2 将指针定位在工作区中直线想要开始的地方 然后进行单击以定义第一个锚点 3 在用户想要直线的第一条线段结束的位置再次进行单击 按住 Shift 键进行单击可以将线条限制为倾斜45 的倍数 4 继续单击以创建其他直线段 如图1 41所示 5 要以开放或闭合形状完成此路径 请执行以下操作之一 结束开放路径的绘制 方法 双击最后一个点 单击工具栏中的钢笔工具 或按住 Control 键 Windows 或 Command 键 Macintosh 单击路径外的任何地方 封闭开放路径 方法 将钢笔工具放置到第一个锚点上 如果定位准确 就会在靠近钢笔尖的地方出现一个小圆圈 单击或拖动 即可闭合路径 如图1 42所示 图1 41继续单击创建其他直线段图1 42闭合路径 3 使用钢笔工具绘制曲线路径 使用钢笔工具绘制曲线路径的方法如下 1 选择工具箱中的 钢笔工具 2 将钢笔工具放置在工作区中想要曲线开始的地方 然后单击鼠标 此时出现第一个锚点 并且钢笔尖变为箭头 3 向想要绘制曲线段的方向拖动鼠标 按下 Shift 键拖动鼠标可以将该工具限制为绘制45度的倍数 随着拖动 将会出现曲线的切线手柄 4 释放鼠标 此时切线手柄的长度和斜率决定了曲线段的形状 可以在以后移动切线手柄来调整曲线 5 将指针放在想要结束曲线段的地方 单击鼠标左键 然后朝相反的方向拖动 并按下 Shift 键 会将该线段限制为倾斜45 的倍数 如图1 43所示 6 要绘制曲线的下一段 可以将指针放置在想要下一线段结束的位置上 然后拖动该曲线 即可绘制出曲线的下一段 图1 43将该线段限制为倾斜45度的倍数 4 调整路径上的锚点 在使用 钢笔工具 绘制曲线时 创建的是曲线点 即连续的弯曲路径上的锚点 在绘制直线段或连接到曲线段的直线时 创建的是转角点 即在直线路径上或直线和曲线路径接合处的锚点 要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段 可以将转角点转换为曲线点或者将曲线点转换为转角点 可以移动 添加或删除路径上的锚点 还可以使用工具箱中的 部分选取工具 来移动锚点从而调整直线段的长度 角度 或曲线段的斜率 也可以通过轻推选定的锚点来进行微调 如图1 44所示 图1 44微调锚点的位置 5 调整线段 用户可以调整直线段以更改线段的角度或长度 或者调整曲线段以更改曲线的斜率和方向 移动曲线点上的切线手柄时 可以调整该点两边的曲线 移动转角点上的切线手柄时 只能调整该点的切线手柄所在的那一边的曲线 1 4 4利用刷子工具绘制曲线 利用 刷子工具 可以绘制出刷子般的特殊笔触 包括书法效果 就好像在涂色一样 另外在使用 刷子工具 时还可以选择刷子大小和形状 图1 45为使用 刷子工具 绘制的画面效果 图1 45使用 刷子工具 绘制的画面效果 提示 与 铅笔工具 相比 刷子工具 创建的是填充形状 笔触高度为0 填充可以是单色 渐变色或者用位图填充 而 铅笔工具 创建的只是单一的实线 另外 刷子工具 允许用户以非常规方式着色 可以选择在原色的前面或后面绘图 也可以选择只在特定的填充区域中绘图 选择工具箱中的 刷子工具 在工具栏的下部的选项部分中将显示如图1 46所示的选项 这里共有5个选项 对象绘制 刷子模式 锁定填充 刷子大小和刷子形状 对象绘制 用于绘制互不干扰的多个图形 在 刷子模式 选项中有 标准绘画 颜料填充 后面绘画 颜料选择 和 内部绘画 5种模式可供选择 如图1 47所示 图1 48为使用这5种刷子模式绘制图形的效果比较 图1 46刷子工具选项图1 47刷子模式图1 48使用这5种刷子模式绘制图形的效果比较 如果选择了 锁定填充 按钮 将不能再对图形进行填充颜色的修改 这样可以防止错误操作而使填充色被改变 在刷子大小选项中共有从细到粗的8种刷子可供选择 如图1 49所示 在刷子形状选项中共有9种不同类型的刷子可供选择 如图1 50所示 图1 49刷子大小图1 50刷子形状 1 4 5利用选择和部分选择工具编辑曲线 利用 选择工具 和 部分选择工具 可以对创建的线条进行再次编辑 下面就来进行具体讲解 1 选择工具 当使用 选择工具 拖动线条上的任意点时 鼠标指针会根据不同情况而改变形状 当将 选择工具 放在曲线的端点时 鼠标指针变为形状 此时拖动鼠标 可以延长或缩短该线条 如图1 51所示 当将 选择工具 放在曲线中的任意一点时 鼠标变为形状 此时拖动鼠标 可以改变曲线的弧度 如图1 52所示 当将 选择工具 放在曲线中的任意一点 并按住键盘上的键进行拖动时 可以在曲线上创建新的转角点 如图1 53所示 2 部分选择工具 利用 部分选择工具 可以对路径上的锚点进行选取和编辑 选择工具箱中的 部分选择工具 单击路径 从而显示出路径上的锚点 如图1 54所示 然后选择其中一个锚点 此时该锚点以及相邻的前后锚点就会出现切线手柄 如图1 55所示 接着拖动切线手柄 即可改变曲线的形状 如图1 56所示 1 4 6利用图形工具绘制几何图形 FlashCS3的工具箱中包括 椭圆工具 矩形工具 多角星形工具 基本矩形工具 和 基本椭圆工具 5种工具 如图1 57所示 利用这5种工具可以快速绘制出相关几何图形 图1 58为使用图形工具绘制的画面效果 下面就来具体讲解一下这些图形工具的使用方法 图1 57图形工具图1 58使用图形工具绘制的画面效果 1 椭圆工具 利用 椭圆工具 可以绘制出光滑的椭圆 在绘制椭圆时 按住键盘上的 Shift 键 然后在工作区中拖动鼠标 可以绘制出正圆形 此外 在选择了 椭圆工具 绘制椭圆之前 还可以在属性面板中设置一些特殊参数 如图1 59所示 图1 59绘制椭圆属性面板 1 椭圆工具 利用 椭圆工具 可以绘制出光滑的椭圆 在绘制椭圆时 按住键盘上的 Shift 键 然后在工作区中拖动鼠标 可以绘制出正圆形 此外 在选择了 椭圆工具 绘制椭圆之前 还可以在属性面板中设置一些特殊参数 如图1 59所示 图1 59绘制椭圆属性面板 起始角度和结束角度 用于指定椭圆的起始点和结束点的角度 使用这两个控件可以轻松地将椭圆和圆形的形状修改为扇形 半圆形及其他有创意的形状 内径 用于指定椭圆的内径 即内侧椭圆 用户可以在框中输入内径的数值 或单击滑块相应地调整内径的大小 允许输入的内径数值范围为0 99 表示删除的椭圆填充的百分比 闭合路径 用于指定椭圆的路径 如果指定了内径 则有多个路径 是否闭合 如果指定了一条开放路径 但未对生成的形状应用任何填充 则仅绘制笔触 默认情况下选择闭合路径 重置 将重置所有 基本椭圆 工具控件 并将在舞台上绘制的基本椭圆形状恢复为原始大小和形状 图1 60为设置不同参数后绘制的圆形 提示 在绘制了椭圆后 可以对其填充和线条属性进行相应修改 但不能对 内径 等参数进行更改了 2 矩形工具 利用 矩形工具 可以绘制出标准的矩形 在绘制矩形时 按住键盘上的 Shift 键 然后在工作区中拖拉 可以绘制出正方形 此外 在选择了 矩形工具 绘制矩形之前 还可以在属性面板中设置一些特殊参数 如图1 61所示 图1 61矩形工具属性面板 和矩形角半径 用于指定矩形的角半径 用户可以在框中输入内径的数值 或单击滑块相应地调整半径的大小 如果输入负值 则创建的是反半径 还可以取消选择限制角半径图标 然后分别调整每个角半径 重置 将重置所有 基本矩形 工具控件 并将在舞台上绘制的基本矩形形状恢复为原始大小和形状 图1 62为设置不同参数后绘制的矩形 提示 在绘制了矩形后 可以对其填充和线条属性进行相应修改 但不能对和矩形角半径参数进行更改了 和矩形角半径为0和矩形角半径为20 图1 62设置不同参数后绘制的矩形 3 多角星形工具 利用 多角星形工具 可以绘制出标准的多边形和星形 多角星形工具 属性面板 如图1 63所示 单击 选项 按钮 在弹出的图1 64所示对话框中可以选择 样式 为 多边形 或 星形 设置完毕后 单击 确定 按钮 即可进行绘制了 图1 65为绘制的五边形和五角星效果 图1 65绘制的五边形和五角星效果 图1 63多角星形工具属性面板图1 64设置样式 4 基本椭圆工具和基本矩形工具 使用 基本椭圆工具 或 基本矩形工具 创建矩形或椭圆时 不同于使用对象绘制模式创建的形状 前者在绘制完毕后还可以对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 后者只是将形状绘制为独立的对象 绘制完毕后只能对填充 线条 端点和接合参数进行调整 不能对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 4 基本椭圆工具和基本矩形工具 使用 基本椭圆工具 或 基本矩形工具 创建矩形或椭圆时 不同于使用对象绘制模式创建的形状 前者在绘制完毕后还可以对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 后者只是将形状绘制为独立的对象 绘制完毕后只能对填充 线条 端点和接合参数进行调整 不能对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 4 基本椭圆工具和基本矩形工具 使用 基本椭圆工具 或 基本矩形工具 创建矩形或椭圆时 不同于使用对象绘制模式创建的形状 前者在绘制完毕后还可以对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 后者只是将形状绘制为独立的对象 绘制完毕后只能对填充 线条 端点和接合参数进行调整 不能对矩形的角半径以及椭圆的起始角度 结束角度和内径进行再次设置 1 5描边和填色 在FlashCS3中可以对图形的描边和填充属性进行各种设置 从而得到所需的效果 1 5 1利用墨水瓶工具进行描边 利用 墨水瓶工具 可以改变现存直线的颜色 线型和宽度 这个工具通常与 滴管工具 连用 选择工具箱中的 墨水瓶工具 在 属性 面板中就会出现如图1 66所示的参数选项 这些参数选项与铅笔工具中的参数选项基本是一样的 这里就不再赘述 图1 66墨水瓶工具属性面板 图1 67为设置 墨水瓶工具 不同线宽的效果比较 图1 67为设置 墨水瓶工具 不同线宽的效果比较 1 5 2利用颜料桶工具进行填色 利用 颜料桶工具 可以对封闭的区域 未封闭的区域以及闭合形状轮廓中的空隙进行颜色填充 填充的颜色可以是纯色也可以是渐变色 图1 68为使用 颜料桶工具 对绘制的图形进行纯色填充效果 图1 69为使用使用 颜料桶工具 对绘制的图形进行渐变色填充效果 图1 69对绘制的图形进行渐变色填充效果图1 69对绘制的图形进行渐变色填充效果 选择工具箱中的 颜料桶工具 在工具栏下部的选项部分中将显示如图1 70所示的选项 这里共有两个选项 空隙大小 锁定填充 在 空隙大小 选项中有 不封闭空隙 封闭空隙 封闭中等空隙 封闭大空隙 4种选项可供选择 如图1 71所示 如果选择了 锁定填充 按钮 将不能再对图形进行填充颜色的修改 这样可以防止错误操作而使填充色被改变 颜料桶工具的使用方法 首先选择工具栏中选择 颜料桶工具 然后选择填充颜色和样式 接着单击 空隙大小 按钮 从中选择一个空隙大小选项 最后单击要填充的形状或者封闭区域 即可填充 提示 如果要在填充形状之前手动封闭空隙 请选择 不封闭空隙 按钮 对于复杂的图形 手动封闭空隙会更快一些 如果空隙太大 则用户必须手动封闭它们 图1 70颜料桶工具选项图1 71空隙选项 1 5 3利用颜色面板设置颜色 利用颜色面板可以在RGB或HSB模式下选择颜色 还可以通过指定Alpha值来定义颜色的透明度 执行菜单中的 窗口 颜色 命令 调出颜色面板 如图1 72所示 如果要选择其他模式显示 可以单击右上角的按钮 从弹出的选择RGB 默认设置 或HSB 如图1 73所示 对于RGB模式 可以在 红 绿 和 蓝 文本框中输入颜色值 对于HSB模式 则输入 色相 饱和度 和 亮度 值 此外用户还可以输入一个Alpha值来指定透明度 其取值范围在0 表示完全透明 100 表示完全不透明 之间 单击图标 可以设置笔触颜色 单击图标可以设置填充颜色 单击按钮 可以恢复到默认的黑色笔触和白色填充 单击按钮 可以将笔触或填充设置为无色 单击按钮 可以交换笔触和填充的颜色 在类型右侧下拉列表中有 无 纯色 线性 放射状 和 位图 5种类型可供选择 如图1 74所示 图1 72颜色面板图1 73选择颜色模式图1 74选择不同类型 无 表示对区域不进行填充 纯色 表示对区域进行单色的填充 效果如图1 75所示 线性 表示对区域进行线性的填充 效果如图1 76所示 单击颜色条中的和按钮 可以在其上方设置相关渐变颜色 放射状 表示对区域进行从中心处向两边扩散的球状渐变填充 效果如图1 77所示 单击颜色条中的和按钮 可以在其上方设置相关渐变颜色 位图 表示对区域进行从外部导入的位图填充 图1 75纯色图1 76线性图1 77放射状 1 5 4利用渐变变形工具调整颜色渐变 利用 渐变变形工具 可以调整填充的色彩变化 下面我们通过创建一个水滴来说明一下 渐变变形工具 的使用方法 具体操作步骤如下 1 为了便于观看效果 下面执行菜单中的 修改 文档 命令 在弹出的对话框中将背景色调为深蓝色 000066 如图1 78所示 单击 确定 按钮 2 选择工具箱中的 椭圆工具 设置笔触颜色为白色 填充颜色为 无色 然后配合键盘上的 Shift 键 绘制一个正圆形 如图1 79所示 图1 78将 背景颜色 设为深蓝色图1 79绘制正圆形 执行菜单中的 窗口 颜色 命令 调出颜色面板 然后单击 类型 右侧下拉列表框 此时会弹出所有的填充类型 如图1 80所示 无 表示对区域不进行填充 纯色 表示对区域进行单色的填充 线性 表示对区域进行线性状的填充 放射状 表示对区域进行从中心处向两边扩散的球状渐变填充 位图 表示对区域进行从外部导入的位图填充 图1 80填充类型 4 此时选择 放射状 如图1 81所示 在 混色器 面板上有一颜色条 颜色条的下方有一些定位标志 我们称它们为 色标 通过对色标颜色值和位置的设置 可定义出各种填充色 下面单击颜色条左侧色标 然后在其上面设置颜色如图1 82所示 再单击颜色条右侧色标 在其上面设置颜色如图1 83所示 图1 81选择 放射状 图1 82设置左侧色标颜色图1 83设置右侧色标颜色 5 选择工具箱中的 颜料桶工具 对绘制的圆形进行填充 结果如图1 84所示 6 将正圆形调整为水滴的形状 方法 选择工具箱中的 选择工具 将鼠标放置到圆的顶部 然后按住键盘上的 Ctrl 键向上拖动 结果如图1 85所示 接着松开 Ctrl 键对圆形两次进行处理 并用 颜料桶工具 对调整好的水滴形状进行再次填充 最后选择白色边线按键盘上的 Delete 键进行删除 结果如图1 86所示 图1 84填充圆形图1 85调整水滴顶部图1 86水滴最终形状 7 此时水滴填充后的效果缺乏立体通透感 下面我们通过 渐变变形工具 来解决这个问题 方法 选择工具箱中的 渐变变形工具 单击水滴 结果如图1 87所示 然后选择图1 88所示的形状 向圆形内部移动 从而缩小渐变区域 达到立体通透感的效果 图1 87使用 填充变形工具 选中水滴图1 88缩小渐变区域 1 6其他编辑工具 FlashCS3工具箱中除了以上工具外还提供了其他常用的工具 下面就来进行具体介绍 1 6 1利用滴管工具获取颜色 滴管工具 用于从现有的钢笔线条 画笔描边或者填充上取得 或者复制 颜色和风格信息 滴管工具没有任何参数 当滴管工具不是在线条 填充或者画笔描边的上方时 其光标显示为 类似于工具箱中的滴管工具图标 当滴管工具位于直线上方时 其光标显示为 即在标准的滴管工具的右下方显示一个小的铅笔 当滴管位于填充上方时 其光标显示为 即在标准的滴管工具光标右下方显示一个小的刷子 当滴管工具位于直线 填充或者画笔描边上方时 按住 Shift 键 其光标显示为 即在光标的右下方显示为倒转的 U 字形状 在这种模式下 使用 滴管工具 可以将被单击对象的编辑工具的属性改变为被单击对象的属性 利用 Shift 单击功能键 可以取得被单击对象的属性并立即改变相应编辑工具的属性 例如墨水瓶 铅笔或者文本工具 滴管工具还允许用户从位图图像取样用作填充 用滴管工具单击取得被单击直线或者填充的所有属性 包括颜色 渐变 风格和宽度 但是 如果内容不是正在编辑 那么组的属性不能用这种方式获取 如果被单击对象是直线 滴管工具 将自动更换为墨水瓶工具的设置 以便于将所取得的属性应用到别的直线上 与此类似 如果单击的是填充 吸管工具自动更换为油漆桶工具的属性 以便于将所取得的填充属性应用到其他的填充上 当滴管用于获取通过位图填充的区域的属性时 滴管工具自动更换为 颜料桶工具 的光标显示 位图图片的缩略图将显示在填充颜色修正的当前色块中 1 6 2利用橡皮擦工具擦除图形 尽管 橡皮擦工具 严格来说既不是绘图工具也不是着色工具 但是橡皮擦工具作为绘图和着色工具的主要辅助工具 在整个Flash绘图中有着不可替代的作用 所以我们把它放在了图形制作这一节中给大家讲解 使用 橡皮擦工具 可以快速擦除笔触段或填充区域等工作区中的任何内容 用户还可以自定义橡皮擦工具以便只擦除笔触 只擦除数个填充区域或单个填充区域 选择 橡皮擦工具 后 在工具箱的下方会出现如图1 89所示的参数选项 橡皮擦形状选项中共有圆 方两种类型从细到粗的10种形状 如图1 90所示 1 使用橡皮擦模式 橡皮擦模式控制并限制了橡皮擦工具进行擦除时的行为方式 橡皮擦模式选项中共有5种模式 标准擦除 擦除填色 擦除线条 擦除所选填充和内部擦除 如图1 91所示 图1 89橡皮擦工具选项图1 90橡皮擦形状图1 91橡皮擦模式 标准擦除 这时橡皮擦工具就像普通的橡皮擦一样 将擦除所经过的所有线条和填充 只要这些线条或者填充位于当前图层中 擦除填色 这时橡皮擦工具只擦除填充色 而保留线条 擦除线条 与擦除填色模式相反 这时橡皮擦工具只擦除线条 而保留填充色 擦除所选填充 这时橡皮擦工具只擦除当前选中的填充色 保留未被选中的填充以及所有的线条 内部擦除 只擦除橡皮擦笔触开始处的填充 如果从空白点开始擦除 则不会擦除任何内容 以这种模式使用橡皮擦并不影响笔触 2 水龙头 水龙头功能键主要用于删除笔触段或填充区域 1 6 3利用任意变形工具调整图形的形状 利用 任意变形工具 可以对图形对象进行旋转 缩放 扭曲 封套变形等操作 选择工具箱中的 任意变形工具 选择要变形的图形 此时图形四周会被一个带有8个控制点的方框所包围 如图1 92所示 工具箱的下方也会出现相应的5个选项按钮 如图1 93所示 这5个按钮的功能如下 贴紧至对象 激活该按钮 拖动图形时可以进行自动吸附 旋转与倾斜 激活该按钮 然后将鼠标指针移动到外框顶点的控制柄上 鼠标指针变为形状 此时拖动鼠标即可对图形进行旋转 如图1 94所示 将鼠标指针移动到中间的控制柄上 鼠标指针变为形状 此时拖动鼠标可以将对象进行倾斜 如图1 95所示 图1 92选择要变形的图形图1 93选项按钮图1 94旋转效果图1 95倾斜效果 缩放 激活该按钮 然后将鼠标指针移动到图形外框的控制柄上 鼠标变为双向箭头形状 此时拖动鼠标可以改变图形的尺寸大小 扭曲 激活该按钮 然后将鼠标指针移动到外框的控制柄上 鼠标指针变为形状 此时拖动鼠标可以对图形进行扭曲变形 如图1 96所示 封套 激活该按钮 此时图形的四周会出现很多控制柄 如图1 97所示 拖动这些控制柄 可以使图形进行更细微的变形 如图1 98所示 图1 96扭曲变形效果图1 97图形四周出现很多控制柄图1 98封套变形效果 提示 如果选中的是没有分离的图形 那么 扭曲 和 封套 按钮为灰色不可用状态 1 6 4利用套索工具选择对象 套索工具 是一种选取工具 使用它可以勾勒任意形状的范围来进行选择 该工具主要用于处理位图 选择工具箱中的 套索工具 工具箱的下方会出现相应的3个选项按钮 如图1 99所示 这3个按钮的功能如下 魔术棒 用于选取位图中的同一色彩的区域 魔术棒设置 单击该按钮将弹出图1 100所示的对话框 在该对话框中 阀值 用于定义所选区域内相邻像素的颜色接近程度 数值越高 包含的颜色范围越广 如果数值为0 表示只选择与所单击像素的颜色完全相同的像素 平滑 用于定义所选区域边缘的平滑程度 一共有4个选项可供选择 如图1 101所示 图1 99套索工具选项按钮图1 100 魔术棒设置 对话框图1 101 平滑 下拉列表 多边形模式 激活该按钮 可以绘制多边形区域作为选择对象 单击设定多边形选择区域起始点 然后将鼠标指针放在第一条线要结束的地方单击 同理 继续设定其他线段的结束点 如果要闭合选择区域 双击即可 1 6 5利用文本工具输入文本 FlashCS3提供了3种文本类型 第1种文本类型是静态文本 主要用于制作文档中的标题 标签或其他文本内容 第2种文本类型是动态文本 主要用于显示根据用户指定条件而变化的文本 例如可以使用动态文本字段来添加存储在其他文本字段中的值 比如两个数字的和 第3种文本类型是输入文本 通过它可以实现用户与Flash应用程序间的交互 例如 在表单中输入用户的姓名或者其他信息 选择工具箱中的 文本工具 在属性面板中就会显示出如图1 102所示的参数设置选项 可以选择文本的下列属性 字体 磅值 样式 颜色 间距 字距调整 基线调整 对齐 页边距 缩进和行距等 1 创建不断加宽的文本块 用户可以定义文本块的大小 也可以使用加宽的文字块以适合所书写文本 创建不断加宽的文本块的方法如下 1 选择工具箱中的 文本工具 然后在文本属性面板中设置参数 如图1 103所示 2 确保未在工作区中选定任何时间帧或对象的情况下 在工作区中的空白区域单击 然后键入文字 www C 此时在可加宽的静态文本右上角会出现一个圆形控制块 如图1 104所示 2 创建宽度固定的文本块 除了能创建一行在键入时不断加宽的文本以外 用户还可以创建宽度固定的文本块 向宽度固定的文本块中输入的文本在块的边缘会自动换到下一行 创建宽度固定的文本块的方法如下 1 选择工具箱中的 文本工具 然后在文本属性面板中设置参数 如图1 103所示 2 在工作区中拖动鼠标来确定固定宽度的文本块区域 然后键入文字 此时在宽度固定的静态文本快右上角会出现一个方形的控制块 如图1 105所示 提示 可以通过拖动文本块的方形控制块来更改它的宽度 另外 可通过双击方形控制块来将它转换为圆形扩展控制块 3 创建输入文本字段 使用输入文本字段可以使用户有机会与Flash应用程序进行交互 例如 使用输入文本字段 可以方便地创建表单 在后面的章节中 我们将讲解如何使用输入文本字段将数据从Flash发送到服务器 下面将添加一个可供用户在其中输入他们的名字的文本字段 创建方法如下 1 选择工具箱中的 文本工具 然后在文本属性面板中设置参数 如图1 106所示 提示 激活 在文本周围显示边框 按钮 可用可见边框标明文本字段的边界 2 在工作区中单击 即可创建输入文本 如图1 107所示 4 创建动态文本字段 在运行时 动态文本可以显示外部来源中的文本 下面将创建一个链接到外部文本文件的动态文本字段 假设要使用的外部文本文件的名称是 txt 具体创建方法如下 1 选择工具箱中的 文本工具 然后在文本属性面板中设置参数 如图1 108所示 2 在工作区两条水平隔线之间的区域中拖动 以创建文本字段 如图1 109所示 3 在 属性 面板的 实例名称 文本框中 将该动态文本字段命名为 如图1 110所示 图1 109创建文本字段图1 110输入实例名 5 创建分离文本 创建分离文本的方法如下 1 选择工具箱中的 选择工具 然后单击工作区中的文本块 2 执行菜单中的 修改 分离 命令 选定文本中的每个字符会被放置在一个单独的文本块中 文本依然在舞台的同一位置上 如图1 111所示 3 再次执行菜单中的 修改 分离 快捷键 Ctrl B 命令 从而将舞台上的字符转换为形状 提示 分离命令只适用于轮廓字体 如TrueType字体 当分离位图字体时 它们会从屏幕上消失