FlashMX动画制作.ppt

第8章FlashMX动画制作 8 1课堂理论讲授8 2课堂实践8 3课堂理论讲授8 4课堂实践 高级操作 习题8 8 1课堂理论讲授 8 1 1Flash的基本概念及FlashMX界面1 Flash简介Flash以流控制技术和矢量技术等为核心 制作出的动画具有短小精悍的特点 被广泛用于网页动画的设计 成为当今网页动画制作最为流行的软件 Flash具有操作方便 简单易懂的优点 初学者通过学习 可发挥他无限的想象力 1 Flash软件的主要特点 是矢量图形的动画创作软件 动画制作方法简单 以时间轴和帧为基础的动画编辑和播放 独特的动画变形效果 能在动画中引入交互 支持Alpha通道 遮罩层和引导层编辑 2 FlashMX的新增功能 矢量制图加强 可直接制作一些特效 例如 投影 虚化 轮廓线及颜色混合等 曲线绘制功能增强 可以像Illustrator FreeHand等绘图软件那样随意绘制曲线 铅笔工具功能加强 可支持点到点的绘制功能 大大提高了绘图的精度 对象的处理工具更明确化 动画方面 RealFlash和RealPlayerG2支持Timeline改为类似Director的样子 可以自己定义某一段的颜色 文本动画功能加强 可以在某一轨迹上进行各种操作 支持外挂的 公用的 对象库程序及外挂的文本编辑器 网站建设有完整的FTP功能 查找指定网站 修改SWF内的错误链接 直接通过XML读取数据库 支持一些固定的TAG 如ColdFusion ASP JSP和Generator等 增加了脚本纠错功能 Debug JavaScript语法支持 自动升级播放器 插件 在Flash中可以直接调用Fireworks和FreeHand 2 Flash的基本概念1 矢量图和位图矢量图是由计算机根据矢量数据计算后绘制而成的 它由线条和色块组成 而与屏幕的显示点无关 这种图形特点有 1 文件的大小与图形的复杂程度有关 但是与图形的尺寸无关 2 图形的显示尺寸可以进行无极限缩放 缩放程序不影响图形的显示精度和效果 点阵位图是由计算机显示器上的行扫描和列扫描点阵组成的 每个扫描点可以独立显示不同的色彩 位图图形特点有 1 文件的大小由图形的尺寸和色彩深度来决定 2 在同一屏幕分辨率下 图形的显示尺寸固定不变 3 当图形不复杂时 采用矢量图形不但可减少文件大小 而且可进行无极限缩放 2 帧 Frame 在Flash中 帧是构成动画的基本单位 各帧都对应于动画的相应动作 如图形 音频 素材组件及其他嵌入对象 在时间轴控制窗口中 每一帧都由时间轴上的小方格表示 由于在Flash编辑中引入了层的概念 因此 在这里帧的含义与传统动画 如电影 播放的帧不完全相同 Flash场景上某一时间的图像 是由时间轴上当前播放指针所指的一列上可见帧中的内容组成的图像 3 层 Layer 层是用于制作复杂的Flash动画的 在时间轴控制窗口中 每一动画动作都包括一个Flash图层 在每一个层中都包含一系列的帧 而各层中帧的位置是一一对应的 Flash中的图层与PhotoShop和CorelDraw软件中的图层功能一样 我们将在后面章节中详细介绍 4 场景 Scene 场景其实就是一段相对独立的动画 每个场景都可以是一段完整的动画序列 整个Flash动画可以由一个或者几个场景组成 也就是说 可以用场景把整个Flash动画分成几个部分 当整个动画有多个场景时 动画会按照场景的顺序播放 如果在场景中使用了交互功能 也可以改变播放顺序 5 动画 Animation 在Flash动画的制作过程中 由于制作方法和生成原理的不同 可以将Flash动画分成两种不同的类型 逐帧动画和渐变动画 1 逐帧动画 Frame by frameAnimation 逐帧动画是由位于同一时间轴上的一个连续的关键帧序列组成的 每个关键帧都可以单独编辑 并且在相邻关键帧中的图形变化不大 在播放时逐帧播放就产生了动画效果 2 渐变动画 TweeningAnimation Flash借鉴了生物学上的完全变态和不完全变态两种生物变化方式 将渐变动画又分为形状渐变动画和移动渐变动画 其中 形状渐变动画基本上可以理解为等同于完全变态 而移动渐变动画则可以理解为等同于不完全变态 6 交互 Interactivity 多媒体作品与电影 电视作品的最大区别就在于它的交互性 传统的电影 电视作品只能看 而多媒体作品提供了有效的交互手段 用户可以控制它的播放 并且它能对用户的不同操作做出相应的响应 Flash作品的一大特点就是自身能够直接支持交互操作 因为Flash软件自身内置有相当丰富的交互语句 3 FlashMX界面介绍FlashMX界面与其他应用软件的界面一样有菜单栏 工具栏和状态栏 此外 FlashMX界面还有时间轴 层及用于编辑Flash动画的场景 它们的详细分布如图8 1所示 FlashMX本为英文版 我们采用的是简体中文汉化版 为了便于读者学习使用英文版 在以后的讲述中我们对FlashMX的菜单功能以中文形式给出并加以英文注释 图8 1 1 菜单栏FlashMX菜单栏如图8 2所示 其中包括 文件 编辑 查看 插入 修改 文本 控制 窗口 和 帮助 等9个菜单项 图8 2 各个菜单项所包含的命令如下 文件 File 菜单 包括新建 New 从模板新建 NewFromTemplate 打开 Open 以库打开 OpenasLibrary 关闭 Close 保存 Save 另存为 SaveAs 另存为模板 SaveAsTemplate 恢复 Revert 导入 Import 导入库 ImporttoLibrary 导出影片 ExportMovie 导出图像 ExportImage 发布设置 PublishSettings 发布预览 PublishPreview 发布 Publish 页面设置 PageSetup 打印预览 PrintPreview 打印 Print 发送 Send 和退出 Exit 等21个命令项 编辑 Edit 菜单 包括撤消 Undo 重复 Redo 剪切 Cut 拷贝 Copy 粘贴 Paste 粘贴到当前位置 PasteinPlace 选择性粘贴 PasteSpecial 清除 Clear 自动复制 Duplicate 全部选择 SelectAll 取消选择 DeselectAll 剪切帧 CutFrames 拷贝帧 CopyFrames 粘贴帧 PasteFrames 清除帧 ClearFrames 选择所有帧 SelectAllFrames 编辑元件 EditSymbols 编辑所选 EditSelected 编辑位置 EditinPlace 编辑所有 EditAll 参数选择 Preferences 快捷键 KeyboardShortcuts 和字体映射 FontMapping 等23个命令项 查看 View 菜单 包括转到 Goto 放大 ZoomIn 缩小 ZoomOut 缩放比率 Magnification 外边框 Outlines 高速显示 Fast 清除锯齿 Antialias 清除文字锯齿 AntialiasText 时间轴 Timeline 工作区 WorkArea 标尺 Rulers 网格 Grid 引导线 Guides 贴紧像素 SnaptoPixels 贴紧对象 SnaptoObjects 显示图形提示 ShowShapeHints 隐含锯齿 HideEdges 和隐藏面板 HidePanels 等18个命令项 插入 Insert 菜单 包括转换成元件 ConverttoSymbol 新建元件 NewSymbol 图层 Layer 图层目录 LayerFolder 运动引导线 MotionGuide 帧 Frame 移除帧 RemoveFrames 关键帧 Keyframe 白色关键帧 BlankKeyframe 清除关键帧 ClearKeyframe 创建动画动作 CreateMotionTween 场景 Scene 和移除场景 RemoveScene 等13个命令项 修改 Modify 菜单 包括图层 Layer 场景 Scene 影片 Document或Movie 平滑 Smooth 直线化 Straighten 最优化 Optimize 外形 Shape 转换元件 SwapSymbol 复制元件 DuplicateSymbol 交换位图 SwapBitmap 描绘位图 TraceBitmap 转换 Transform 排序 Arrange 排列 Align 帧数 Frames 群组 Group 撤消群组 Ungroup 分解组件 BreakApart 和分配到层 DistributetoLayers 等19个命令项 文本 Text 菜单 包括字体 Font 尺寸 Size 风格 Style 排列 Align 间距 Tracking 和Scrollable等6个命令项 控制 Control 菜单 包括播放 Play 重复 Rewind 结束 GotoEnd 前进一步 StepForward 后退一步 StepBackward 测试影片 TestMovie 调试影片 DebugMovie 测试场景 TestScene 循环播放 LoopPlayback 播放所有场景 PlayAllScenes 启用简单帧动作 EnableSimpleFrameActions 启用简单按钮 EnableSimpleButtons 静音 MuteSounds 和启用活动预览 EnableLivePreview 等14个命令项 窗口 Window 菜单 包括新建窗口 NewWindow 工具栏 Toolbars 工具 Tools 时间轴 Timeline 属性 Properties 问题解答 Answers 排列 Align 调色板 ColorMixer 颜色样本 ColorSwatches 信息 Info 场景 Scene 转换 Transform 动作 Actions 调试器 Debugger 影片浏览器 MovieExplorer 参数 Reference 输出 Output 辅助选项 Accessibility 组件 Components 组件参数 ComponentsParameters 库 Library 共享库 CommonLibraries 地址源 SiteSpring 面板设置 PanelSets 保存面板规划 SaveALLLayout 关闭所有面板 CloseALLPanel 层叠 Cascade 和平铺 Tile 等28个命令项 2 工具条工具条中的各工具名称如图8 3所示 在FlashMX中 启动工具条的方法为 单击 窗口 Window 菜单中的 工具 tools 命令即可 各工具的使用方法将在随后各节中详细介绍 图8 3 3 时间轴因为动画播放是由时间来控制的 所以在Flash中时间轴是使动画动起来的必要工具 时间轴区域如图8 4所示 左边为图层区 图层与时间轴是相辅相成的 因此当图层变化时 时间轴也会相应地变化 为了使大家更为透彻地了解 在后面将分别对它们进行讲解 图8 4 1 播放指针 在一段动画中播放指针可以用来改变当前帧的位置 播放指针在哪个帧上 场景中就会显示出该帧所对应的画面 可以左右拖动指针 也可以单击某一帧 使其成为当前帧 如图8 5所示 图8 5 2 时间轴状态栏 为了便于查看当前图形的位置 在时间轴下方的状态条中显示了当前帧所在的位置 每秒播放的帧数以及第1帧到当前帧的播放时间 如图8 6所示 图8 6 4 场景场景是我们用来进行动画创作的主要工作区域 矢量图形 动画的制作编辑和展示都在场景中进行 在场景中 除了作品中的图形对象外 还可以设置一些用于帮助图形绘制 编辑操作的辅助构件 如标尺 网格线等 可以通过工具条中的显示比例选择框 改变当前作品在场景上的显示比例 场景的界面如图8 7所示 图8 7 8 1 2绘图工具的应用1 实心箭头工具实心箭头工具主要用来选择物体 因为FlashMX中的绝大多数操作都是对被选物体而言的 操作时首先单击工具栏上的实心箭头 然后移动鼠标 此时鼠标箭头变为黑色实心箭头 并在其右下方出现一虚线矩形框 1 如果选择的对象是单个物体 只需单击场景中的被选对象 图形 按钮 影片或文字等 使对象呈选中状态 被选中图形以淡蓝色的实线框加网点状显示 如图8 8所示 如果想取消选择 或改变选择 对象 只需再单击一次场景中的空白处 或单击需要改变的对象 即可 图8 8 2 如果选择的对象是多个物体 可有以下两种选择方法 若选择场景中的多个物体在一个矩形区域内或选择场景中的全部物体 只要按下鼠标左键 并拖动鼠标呈矩形方框 使所选目标处于矩形方框中 放开鼠标即可使目标呈选中状态 如图8 9所示 被选中的图形呈如图8 10所示的网状显示 如果想取消选择 只需再单击一次该矩形方框外场景中的空白处即可 但是如果想取消矩形方框中多个被选对象中的一个 则只需在按下Shift键的同时用鼠标左键单击要取消的对象即可 若选择场景中的多个物体不在一个矩形区域内 只需在按下Shift键的同时分别单击要选择的对象即可 如果想取消所选多个被选对象中的一个 则只需在按下Shift键的同时单击要取消的对象即可 图8 9 图8 10 3 被选择对象的移动 鼠标箭头指向被选对象的一个 然后按下鼠标左键 当鼠标箭头的右下方出现四个方向的箭头时 拖动鼠标并移动到欲改变的位置后松开即可 如图8 11所示 图8 11 4 改变边线 这也是箭头工具常用的操作 如一条直线 想使其弯曲 将箭头放到直线的下面 可以看到在箭头旁边多出一个小弧形的标记 如图8 12所示 这意味着你可以改变这条直线 拖动箭头 边线变成如图8 13所示的形状 松开鼠标 则出现图8 14所示的效果 图8 12 图8 13 图8 14 按照上面的方法拖动边线 可以很随意地将图像修改为我们希望的形状 自动捕捉 Snap 点取该按钮 使其处于凹下的状态 将打开自动捕捉 按钮处于凸出的状态为关闭 这时你按下鼠标左键对选取的对象进行拖曳 在鼠标箭头边上会出现一个黑色的小圈 这个小圈为图像的中心点 在你移动对象时 对象会自动和最近的网格点或对象的中心重合 以便准确地排列各对象 通过单击 查看 View 菜单中的 Snap 命令 也能实现同样的功能 一般情况下Snap这个选项是打开的 平滑 Smooth 当你用点选工具选取图形后 这个按钮会自动激活 单击该按钮 可以自动使你选取的图形或线条平滑 如果按一次产生的变化你还不满意 可以多按几次 直到满意为止 注意 如果图形被转换成SYMBOL后 这个按钮会自动关闭 不再起作用 修直 Straighten 修直 的使用方法和上面的 平滑 工具一样 不过它的功能会使你选取的图形或线条自动修直 如果你多按几次 弯的也变成直的了 2 空心箭头工具空心箭头工具除了具有实心箭头的选择和移动复制功能外 也可以改变物体的形状 不过用空心箭头选择的物体周围将出现许多小节点 如图8 15所示 操作时首先单击工具栏上的虚心箭头 使之处于下陷状态 此时移动鼠标 箭头形式为黑色空心箭头 当空心箭头移动到某一选择物体的边框时 空心箭头的右下方将出现一个小矩形方框 此时单击鼠标右键即可选中该对象 其具体操作步骤如下 1 单击某一选择对象的边界 可以看到边界上有许多节点 如图8 15所示 2 如果要选择多个对象在一个矩形方框内时 可拖动鼠标呈矩形方框 将所选对象包含在其中 可以看到多个对象的边界均出现了许多节点 如图8 16所示 若要选择多个对象不在一个矩形方框内时 则在按住Shift键的同时分别单击要选择的对象即可 图8 15 图8 16 3 用空心箭头选中图8 16中的某一对象上的某个节点 可以改变该对象的形状或所有对象的形状 以及各个节点的切线 如图8 17所示 松开鼠标后的变形结果如图8 18所示 在空白处单击鼠标 节点即可消失 4 选中切线的端点 当箭头呈形状的时候 可以改变节点的方向 从而改变现有图形的形状 这比实心箭头工具在改变形状方面灵活多了 图8 17 图8 18 3 直线工具直线工具用于绘制矢量线段 其方法与Windows附件的画图软件中的直线工具相同 在使用直线工具时 按住Shift键 可绘制垂直 水平以及与水平方向成45 的线段 操作时首先单击直线工具 使之处于凹下的状态 此时鼠标呈十字形状 并在场景区的下方会出现属性面板 这是FlashMX新增加的特性面板 属性面板 更有利于操作 如图8 19所示 图8 19 在属性面板中 我们可以对将要画的直线进行设置 单击数字右边的下三角可设置直线的粗细 也可在数字文本框中直接输入将要绘制直线所需要的磅值 要改变直线的样式 可单击线型 Sold 框右边的下三角 在下拉列表中选择所需的线型即可 其具体操作方法如下 1 直线颜色的选择 选择直线工具 出现如图8 19所示的直线工具属性面板 单击属性面板中 图标右下侧的下三角 弹出如图8 20所示的颜色配置框 从中选择所需要的颜色单击确定 2 直线线型的选取 单击线型 Sold 框右侧的下三角 弹出如图8 21所示的下拉列表框 从中选择所需的线型即可 3 直线粗细的确定 单击数字右边的下三角可出现如图8 22所示的滑尺 按住鼠标左键上下移动可设置直线的粗细 也可在数字文本框中直接输入将要绘制直线所需要的磅值 图8 20 图8 21 图8 22 4 单击属性面板里的 自定义 Custom 直线工具 可打开如图8 23所示的 横线风格 Stroke 面板 5 属性面板上的问号是帮助符号 单击它可以在FlashMX附带的帮助里看到直线工具的具体用法 图8 24是用不同的形状和不同粗细的直线画出的直线组合 图8 23 图8 24 4 套索工具套索工具是用来对物体进行不规则选取的 如选取线段 矩形 椭圆等物体 操作时首先单击工具条上的套索工具图标 使鼠标图标呈套索形式 说明 虽然此工具的主要作用也是选取对象 但和箭头工具是不一样的 箭头拖动出的范围是矩形方框 而套索工具选取的是任意形状 当套索工具被选中的时候 工具栏下面的 选项 中有如图8 25所示的三种选择方式 1 单击魔术棒按钮 可以选择位图上颜色相近的连续区域 2 单击魔术棒按钮 在弹出的如图8 26所示的 魔术棒设置 MagicWandSetting 对话框中可对魔术棒的属性进行设置 限度 Threshold 是界限值 可控制色彩的容错度 输入的数值越大 选取的相邻区域范围就越大 平滑 Smoothing 是指定选取范围边界的光滑程度 其中 像素 Pixels 是以像素为单位的光滑度 粗略 Rough 是比较粗糙的 标准 Normal 是普通模式 平滑 Smooth 是光滑的 图8 25 图8 26 3 单击多义线形状的选取工具 可以更细致地确定选取的范围 5 钢笔工具钢笔工具主要用来绘制不规则图形和改变图形边界的节点数 使用时 首先单击工具栏上的钢笔工具 使鼠标箭头变为钢笔尖形式 此时单击鼠标即可绘制各种线形图形 说明 箭头工具虽然也可改变边界 但节点数无法控制 而钢笔工具能随意增加或减少节点 使改变边线的操作更加灵活 使用钢笔工具可精确地绘制直线或光滑曲线 可以给出线段的节点或分段 也可以将直线变为曲线 还可以调整节点的斜率来改变其弯曲度 1 用钢笔工具画直线 其操作步骤如下 选取钢笔工具 在属性面板里设定其参数 如图8 27所示 图8 27 在场景中选取任一位置单击一下 确定线段的第一点 单击线段的另一个节点 如果按住Shift键 可以强制画45 或90 的直线 双击最后一个节点 结束画线 结果如图8 28所示 若所画图形是封闭的 则自行结束 图8 28 2 改直线成曲线 其操作步骤如下 在图8 28中 如果我们想增加节点或是想用钢笔工具把直线改变成曲线 结果不能实现 只能出现如图8 29所示的结果 在钢笔工具旁边有一个 号 这时 我们只要用箭头工具将直线变动一下 使其有一个弧度 如图8 30所示 再换回钢笔工具 将钢笔工具放到线段上 可以看到在钢笔工具旁边多出一个 号 意味着你可以在线段上增加节点了 如图8 31所示 在线段上单击一下 可以看到该线段上增加了一个新的节点 如图8 32所示 按同样的方法在这条线段上增加多个节点 将一条线段分为很多段 再用箭头工具将其改变成我们需要的曲线 如图8 33所示 图8 29 图8 30 图8 31 图8 32 图8 33 3 创建曲线路径 其操作步骤如下 选取钢笔工具 在画板上先用钢笔点一个定位点 通过该点 用钢笔工具再画线就可以看到一个曲线的切线句柄 转动方向可以确定曲线的路径 如图8 34所示 拖动该点 可以确定该曲线的结束点位置 如图8 35所示 在此基础上 可以接着画出其他的曲线 结束点可以随意选择 4 调整路径上的节点 或者称为锚点 参见空心箭头工具选项的内容 图8 34 图8 35 6 椭圆工具利用工具条中的椭圆工具 可以绘制实心和空心的椭圆和圆 若按住Shift键时画椭圆 可以画出圆形 1 实心椭圆的画法 单击工具条中的椭圆工具 在场景中拖动鼠标直至大小合适松开鼠标即可 2 空心椭圆的画法 先绘制出一个实心椭圆 再用工具条中的实心箭头选取椭圆的实心部分 按Delete键删除选取部分即可 3 利用属性面板 如图8 36所示 可以设置椭圆或圆的边框线的粗细 边框线的线型样式 图8 36 4 在属性面板中可设置椭圆的边框线及填充色 用于设置椭圆的边框线颜色 如单击按钮 则弹出如图8 37所示的调色板 此时鼠标变为 探色棒工具 如图8 3所示 可从调色板中选择需要的颜色 在调色板左上角的颜色显示框中可预览所选择的颜色 在框中显示的是所选择颜色的颜色代码 也可直接在文本框中输入需要的颜色代码 单击按钮为无填充色 工具设置椭圆的填充颜色 只适用对矢量色块的颜色进行填充 其设置方法与线型颜色的设置方法基本相同 只是在调色板的下面多了一行渐变色的选择 如图8 38所示 利用这些渐变色 可以制作具有立体感的 丰富多彩的动画 下面我们利用椭圆工具制作一个立体小球 图8 37 图8 38 制作立体小球的步骤如下 按住Shift键用椭圆工具在场景中画一个圆 如图8 39所示 用实心箭头工具选取椭圆 在椭圆属性面板中单击 弹出如图8 40所示的调色板 在调色板最下一行选择需要的填充色即可 效果如图8 41所示 图8 39 图8 40 图8 41 7 矩形工具矩形工具用来绘制长方形和正方形 其绘制方法与椭圆的绘制类似 利用矩形工具还可绘制带有圆角的长方形和正方形 在矩形 Rectangle 工具的属性选项中 单击圆角工具按钮 会出现 矩形设置 RectangleSetting 对话框 如图8 42所示 其中 边角半径 Corner 表示所绘制矩形圆角的大小 它越大其圆角也越大 如图8 43所示 其中图 a 是圆角为10点 points 时的矩形 图 b 是圆角为50点 points 时的矩形 图8 42 图8 43 8 铅笔工具使用铅笔工具可以绘制任意形状的矢量线图形 当用鼠标单击工具条中的铅笔工具按钮时 在工具条底部将出现如图8 44所示的选项 Options 参数 其中三种参数的作用分别如下 1 直线化 Straighten 模式 使绘制的矢量线图形自动生成最接近的规则图形 圆 椭圆 正方形 矩形等 如图8 45所示 其中图 a 是在该模式下绘制的图形 图 b 是在该模式下最后生成的图形 图8 44 图8 45 2 平滑 Smooth 模式 使绘制的曲线尽量变得平滑 如图8 46所示 其中图 a 是在该模式下绘制的图形 图 b 是最后生成的图形 3 墨水 Ink 模式 使绘制出的图形与绘制时的笔迹更接近 如图8 47所示 其中图 a 是在该模式下绘制的图形 图 b 是最后生成的图形 图8 46 8 47 8 1 3填色工具1 笔刷工具笔刷工具是用于创建填充区域颜色的绘图工具 可以绘制任意形状 大小及颜色的填充区域 单击笔刷工具 在工具栏底部将出现如图8 48 a 所示的选项 Options 参数 单击按钮 会弹出五个选项 如图8 48 b 所示 1 标准绘画 PaintNormal 用笔刷工具绘制的图形将完全覆盖所经过的矢量图形线段和矢量色块 如图8 49所示 其中图 a 为原图 图 b 为使用普通模式后的效果 2 颜料填充 PaintFills 用笔刷工具绘制的图形只覆盖矢量色块 但是不覆盖矢量线段 以图8 49 a 为例 填充模式后的效果如图8 50所示 图8 48 图8 49 3 后面绘画 PaintBehind 用该模式的笔刷工具绘制的图形不会影响所有的矢量图形 包括矢量线段和矢量色块 而是直接从它们的后面穿过 如图8 51所示 图8 50 图8 51 4 颜料选择 PaintSelection 利用颜料选择模式的笔刷工具绘制的图形只能应用到已经选取的矢量色块填充的区域 并不适用于矢量线段的填充区域 如图8 52所示 其中图 a 为选取上半部分的图形 图 b 为应用颜料选择模式后的效果 5 内部绘画 PaintInside 该模式适合在封闭的区域里填色 以图8 50 a 为例 若用该模式绘制一条穿过矩形和椭圆的线段 如图8 53所示 结果会出现如图8 54所示的一条位于矩形和椭圆背后的线段 若线段不穿过两个图形 如图8 55所示 则绘制的线段只出现在起点的封闭图形内 如图8 56所示 在图8 48 a 的选项中 有两个下三角 从上面下三角的下拉列表中可选择笔刷的大小 从下面下三角的下拉列表中可选择笔刷的笔型样式 图8 55 图8 56 图8 57 2 用墨水瓶工具给填充色块添加边框 其方法如下 绘制一个闭合的图形 如图8 58所示 选取墨水瓶工具 在Colors中选择线型颜色为红色 在图形内任意位置单击即可将图形的边框加为红色 如图8 59所示 如果填充不成功 可单击颜色工具栏中的图标 交换颜色后再填充 填充颜色以颜色工具栏内或属性栏内的图标颜色为准 图8 58 图8 59 3 颜料桶工具颜料桶工具的作用是使用单色 渐进色或位图填充色对某一区域进行填充 但不能作用于线条 它的参数设置面板如图8 60所示 单击按钮 将弹出如图8 61所示的选项 图8 60 图8 61 1 不封闭空隙 Don tCloseGaps 表示要填充的区域必须在完全封闭状态下才能进行填充 2 封闭小空隙 CloseSmallGaps 表示要填充的区域在小缺口的状态下可以进行填充 3 封闭中空隙 CloseMediumGaps 表示要填充的区域在中等大小缺口状态下可以对图形进行填充 4 封闭大空隙 CloseLargeGaps 表示要填充的区域若是有较大的缺口也可以填充 不过在Flash中即使是大缺口其允许值也很小 而且让系统自动封闭缺口会减慢动画速度 因而用该模式填充的情况较少 5 锁定填充按钮 利用这个按钮可以产生填色效果的作用 另外 使用它也可以得到单一渐进色域位图填色延伸多个对象的效果 4 渐变填充工具渐变填充工具是从Flash5的颜料桶中分离出来的 它适用于对渐进色和位图进行填充 该工具可以对所填颜色的范围 方向 角度等进行设置以获得特殊的效果 为了便于理解 下面用实例进行说明 使用方法如下 1 绘制一椭圆 选择颜料桶工具 颜色设为彩色渐变色 对椭圆进行填充后的效果如图8 62所示 2 选中渐变填充工具后 在椭圆中单击 此时 图形周围出现三个修改手柄和两条竖线 如图8 63所示 3 将鼠标移到渐变椭圆右边竖线的圆圈上 鼠标变成弧型手柄的形状 按住该手柄并拖动 随着手柄的移动 渐变颜色的方向也随着改变 如图8 64所示 4 把鼠标移动到小方块上并拖动 可调整各种颜色间的距离 效果如图8 65所示 5 把鼠标移动到椭圆中心的小圆圈上 此时鼠标变为带四个箭头的移动柄 移动它可改变渐变色的填充位置 如图8 66所示 按照同样的方法可以对渐变图形进行类似的填充 图8 65 图8 66 5 吸管 探色棒 工具吸管工具的作用是可从别处获取色块和线段的颜色 吸管工具除了对色板采样外 还可以对位图进行采样 其使用方法为 用吸管工具单击一个填充色块 吸管工具变成油漆桶工具 此时 可以用吸取的颜色填充其他图形 如图8 67所示 吸管工具移到圆形内时如图8 67 a 所示 单击吸管工具后就变成颜料桶 然后将颜料桶移动到矩形内部单击 此时矩形内填充了圆形内的颜色 如图8 67 b 所示 若用吸管工具单击线条 吸管工具变成墨水瓶工具 此时 可以用吸取的颜色来改变线条的颜色 其方法同上 图8 67 8 1 4其他工具1 变形工具变形工具用于对图形进行缩放 旋转 倾斜 翻转 透视等操作 其操作方法如下 1 在工具栏上选择变形工具使之处于下陷状态 此时移动鼠标 箭头形式为黑色实心箭头并在其右下方出现一虚线矩形框 然后在物体上单击 此时物体周围出现如图8 68所示的8个控制节点 2 将鼠标移到四角的控制点上 此时鼠标变为双向箭头 我们可以随意拖动鼠标改变图形大小 3 用鼠标拖动横向和纵向上的4个控制节点 也可改变图形在水平或垂直方向上的大小 最重要的是可将图形进行水平和垂直方向上的翻转 例如 将如图8 69 a 所示的物体进行垂直方向上的翻转 翻转后的效果如图 b 所示 同理可对物体进行水平翻转 这种方法常被用来制作物体的倒影效果 图8 68 图8 69 4 将鼠标移到横向的边线上时 鼠标变为双向箭头 按住鼠标向左右拖动 此时图形以线框的形式显示 并且图形会沿鼠标拖动方向倾斜 如图8 70所示 应用该功能后的效果如图8 71所示 该方法可对物体进行竖直方向的倾斜 这种方法常被用来制作透视效果 图8 70 图8 71 2 橡皮擦工具橡皮擦工具的作用是擦除整个图形或者是图形的一部分 橡皮擦工具的 选项 如图8 72所示 其中按钮用来选择擦除模式 各选项如图8 73所示 1 标准擦除 EraseNormal 模式 利用该模式可擦除矢量色块和矢量线条 如图8 74所示 2 擦除填色 EraseFill 模式 擦除填充的矢量色块部分 如图8 75所示 图8 74 图8 75 3 擦除线段 EraseLines 模式 只擦除矢量线条部分 不影响其他部分 如图8 76所示 4 擦除所填色 EraseSelectedFills 模式 擦除选中的色块区域中的某部分或全部 未选取部分不受影响 选中的部分按如图8 77 a 方式进行擦除 其效果如图 b 所示 5 内部擦除 EraseInside 模式 擦除封闭图形内部区域 橡皮擦的起点须在封闭图形内 否则不能进行该操作 如图8 78所示 其中图 a 为擦除时的效果 图 b 为擦除后的效果 利用选项可以选择橡皮的大小和形状 如图8 79所示 3 文字工具文字处理在Flash中经常会用到 我们可以给动画加入文字 设定字体大小 字样 类形 间距 颜色和排列等 也可以像处理对象那样处理字体变形 包括旋转 缩放 倾斜 翻转等 还可以对字符进行编辑 例如可以打散字体做变形动画 另外 用Flash还可以实现用户信息的交互性 也就是说它可以接受用户端的文字符号 1 文字工具的应用 Flash中显示的字体不能全部输出到动画中去 测试字体是否被输出 一个好的方法就是选择 查看 菜单中的 清除锯齿 命令 如果此时字体仍然保持锯齿状 说明Flash不识别这种字体 也就不能输出这种字体 文字工具应用很简单 其操作方法如下 单击工具条上的文字工具图标 在场景中按下鼠标左键并拖动 拖出一个矩形文本框 然后在创建的文本框中输入需要的文字 单击 窗口 菜单中的 属性 命令 打开属性面板 如图8 80所示 选中文字并像Word一样设置字体样式 大小 字符间距 字体颜色 字体格式 段落格式等 图8 80 2 利用编辑工具对文本块进行编辑 其操作方法如下 用变形工具单击文本块 此时文本周围出现8个控制节点 如图8 81所示 将鼠标移到控制点上即可像编辑图形一样对其进行缩放 旋转 倾斜 翻转等变形 如果要对文字进行随意变形 填充渐变色或者擦掉文字的某一部分 就需要将文本块转化为一般的图形 转变后的图形文字不再具有文本的属性 不能再对它们进行编辑 另外 我们只能将整个文本块转化为图形 而不能将文本块中的单个字符变成图形 图8 81 3 对图形文字进行变形 其操作步骤如下 用箭头工具选中文本块 选择 修改 菜单中的 分解组件 打散 命令两次 将文本打散 此时文本块外框消失 文字变成由颜色和线条构成的一般图形 如图8 82所示 选择墨水瓶工具 在墨水瓶属性框中设置线框的粗细 然后用墨水瓶工具单击文字即可给文字添加边框 如图8 83所示 选择空心箭头工具单击文字 然后拖动文字上的节点即可对文本进行各种变形 图8 82 图8 83 4 放大镜工具当我们所要编辑的图形过大或过小时 我们可以利用放大镜工具对图形的尺寸做出调整 以获得比较恰当的画面比例 它只有两种状态 且两个状态不能同时存在 一个是放大状态 另一个是缩小状态 我们可以通过激活其中一个按钮 再用鼠标单击工作区实现画面的比例变化 也可以在选择了对象后 用鼠标拉出一个待放大的矩形区域 则松开鼠标后 该区域内的图形将放大至填满整个窗口 放大镜工具的快捷选择方式为Ctrl Space 放大 以及Ctrl Shift Space 缩小 按住快捷键再点鼠标就可实现放大或缩小 松开快捷键后则会回到上一次选中的绘图工具 5 手形 平移 工具手形工具在许多图形图像处理软件中都可见到 它用于画面内容超出显示范围时的调整 6 定制颜色颜色的设置在Flash中应用得比较频繁 熟练掌握它可以实现各种各样的色彩变换 在调色板上单击即可进入颜色定制面板 定制的颜色有两种类型 一种是固定 Solid 色 一种是渐进 Gradient 色 图8 84所示为固定色的设置面板 我们可以用以下几种方法来设置颜色 1 颜色和亮度的设置 用鼠标在颜色区内单击相应的色彩 选好后在右边的色调框中拖动滑标设定其亮度值 所选色彩在颜色预览框中显示 图8 84 2 透明度的设置 在透明度 Alpha 输入框内输入百分比或者用透明度设置滑杆来设置 其中0表示全透明 100表示不透明为默认值 注意 当Alpha为0时 颜色的选择将变得没有意义 3 RGB的设置 可以通过定义红色 绿色和蓝色的值来定义一种颜色 只需在相应的RGB输入框中填入设定值即可 点选十六进制 Hex 选择框 可以用十六进制来定义颜色 在定义好自己所需的颜色后 可以进行下列操作之一 单击改变 Change 按钮 用新定义的颜色替换当前选定色 单击新建 New 按钮 把新定义的颜色添加到颜色表的最后 单击删除 Delete 按钮 把当前选定的颜色从颜色表中删除 在制作用于网页的动画时 可以选中锁定为网络安全色选择框 这样无论你选取何种色值 系统都会自动将颜色设定为最接近的网络安全色 另外一种用得比较多的颜色是渐进色 所谓渐进色就是在两个或者多个颜色之间实现颜色上的过渡 在Flash中提供了大约6种渐进色 其中包括几种线性渐进色 其余为中心渐进色 要生成所需的渐进色 首先选中已定义好的一种渐进色 注意所选取的渐进色类型 一般来说 系统给定的渐进色只含有两个关键点颜色指针 分别单击这两个指针进行色彩上的调整 其颜色 亮度及透明度的设置与固定色设置面板上的操作一致 观察生成的颜色效果 如果不能满足需要 可以用鼠标单击左边黑色的指针井 PointerWell 并把它拖动到这两个关键点颜色指针之间 这样就又生成了一个关键点 然后再调节这个关键点的色值 进一步细化颜色渐变过程 Flash允许最多有8个关键点 这已经足以满足我们的需要了 相反 如果觉得关键点太多 可以用鼠标点选多余的关键点 将其拖出渐进色定义条即可将其删除 与固定色相似 在定义好新的渐进色后 可以通过单击改变 Change 新建 New 和删除 Delete 键 实现对颜色值的改变 新建和删除 8 1 5时间轴与帧1 时间轴 Timeline 时间轴是Flash中最重要的工具之一 用它可以查看每一帧的情况 调整动画播放的速度 安排帧的内容 改变帧与帧之间的关系 从而实现不同效果的动画 时间轴由层 帧 播放指针等部分组成 如图8 85所示 图8 85 1 播放指针红色的播放指针可以在所创建的最大帧范围内拖动到任一帧上 以观察播放指针所经过的每一帧的动画效果 时间轴上的标尺显示出动画的帧数 时间轴状态栏中的按钮可以将播放头的位置居中 这个按钮在动画较长且播放头位于最多可显示的帧总数一半以上的位置时才有效 2 时间轴状态栏时间轴状态栏显示当前帧在时间轴上所处的位置及动画运动时的帧频 在播放动画时 时间轴状态栏会显示出真实的帧频 如果计算机的速度较慢 则实际帧频要少于所设置的帧频 状态栏中的为洋葱皮 OnionSkin 按钮 其作用是在显示播放指针所在帧内容的同时显示其前后数帧的内容 当单击按钮时 播放指针周围会出现方括号形状的标记 其中所包含的帧都会显示出来 这将有利于我们观察不同帧之间的图形变化过程 按钮用来显示各帧图形的轮廓线 当我们需要同时编辑多个帧时 单击按钮就可以了 但要注意 它只对帧 帧动画有效 而对渐变动画无效 因为渐变动画是通过定义关键帧再插值的方法实现的 所以其中内插的帧是无法编辑的 是洋葱皮修改器 用于改变洋葱皮的状态和设置 即设置洋葱皮的显示范围 显示标记和锁定标记 单击它将弹出如图8 86所示的下拉菜单 其各项含义如下 允许显示标记 AlwaysShowMarkers 用于设置游标是否显示在时间轴上 不管是否已经打开洋葱皮工具 固定绘图纸 AnchorOnion 将时间轴上的游标锁定在当前位置 通常情况下 游标是随指针的变动而变动的 若选择此项 则游标被固定在当前位置不移动 绘图纸2 Onion2 设定当前指针在其左右两边只显示2帧 绘图纸5 Onion5 设定当前指针在其左右两边只显示5帧 绘图全部 OnionAll 设定当前指针两边所有的帧 图8 86 在洋葱皮工具右边的三个数字分别为当前播放指针所在的帧号 动画播放速度以及以此速度从头播放到当前帧所需的时间 时间轴窗口右上角的按钮可以用来调整时间轴上每个单元格的宽窄大小 用户可根据自己的喜好 动画的长短等因素进行修改 以便于实际操作 另外 我们还注意到在时间轴窗口中帧的表现形式也很多样 在Flash中 有两类动画 一类是刚刚介绍过的渐变动画 通过关键帧内插的方法实现 另一类为帧 帧动画 是将每一帧都作为关键帧的动画 用来实现无法用渐变动画实现的效果 但一般不推荐频繁使用 因为关键帧的增加将加大动画文件的大小 2 帧和关键帧前面我们讲到了时间轴 随着时间的推进 动画会按照时间轴的横轴方向播放 而时间轴正是对帧进行操作的场所 在时间轴上 每一个小方格就是一个帧 在默认状态下 每隔5帧进行数字标示 如时间轴上1 5 10 15等数字的标示 如图8 87所示 帧在时间轴上的排列顺序决定了一个动画的播放顺序 至于每帧有什么具体内容 则需在相应的帧的工作区域内进行制作 比如我们在第一帧绘了一幅图 那么这幅图只能作为第一帧的内容 第二帧还是空的 一个动画 除了帧的排列顺序 即先播放什么 后播放什么外 动画播放的内容即帧的内容 也是至关紧要 缺一不可的 图8 87 关键帧 Keyframe 是指在动画播放过程中 呈现出关键性动作或内容变化的帧 在时间轴中用小圆圈来表示 关键帧定义了一个过程的起始和终结 又可以是另外一个过程的开始 如果关键帧中有内容 则以一个实心的小黑点来表示 如果关键帧中无任何内容 则以空心圆圈表示 这种关键帧常称为 空白关键帧 BlankKeyframe 如图8 88所示 两个关键帧之间的部分称为过渡帧 Frame 它们是起始关键帧动作向结束关键帧动作变化的过渡部分 在进行动画制作过程中 我们不必理会过渡帧的问题 只要定义好关键帧以及相应的动作就行了 过渡帧用灰色表示 图8 88 1 创建关键帧创建关键帧的两种操作方法如下 1 在时间轴上选中一个帧 单击 插入 菜单中的 关键帧 Keyframe 命令 插入关键帧 若选择 空白关键帧 BlankKeyframe 命令 则创建的是空白关键帧 2 从右键单击选中帧弹出的快捷菜单中选择 插入关键帧 InsertKeyframe 命令 插入关键帧 也可用快捷键 F6 创建关键帧 在Flash中 一段动画的播放是由两个关键帧的内容决定的 而中间的普通帧 过渡帧 内容 则是在创建动画时由Flash自动完成的 2 沿用关键帧关键帧后面的帧将沿用该关键帧的内容 例如 制作动画的背景就是将一个含有背景图案的关键帧的内容沿用到新的帧上 使动画在这些帧上的内容不变 沿用关键帧的操作方法如下 1 在某个层上 最好是在最底层的第一个关键帧上创建一个图案 2 在这个关键帧的后面任意选取一个帧 从右键单击选取帧弹出的快捷菜单中选取 插入帧 InsertFrames 命令插入一个帧 表示将关键帧上的内容一直沿用到该帧 如图8 89所示 图8 89 3 复制帧复制帧的操作方法如下 1 从右键单击要复制的关键帧或普通帧弹出的快捷菜单中选择 复制帧 CopyFrames 命令 2 从右键单击时间轴上的目标帧弹出的快捷菜单中选择 粘贴帧 PasteFrames 命令 即可将所拷贝的帧复制到目标位置 复制的是时间轴上的帧而不是复制该帧上的内容 并且复制后的帧以关键帧的形式显示 4 移动帧在时间轴上选取要移动的帧 按下鼠标左键在时间轴上拖动到需要的地方即可 或者首先使用 剪切帧 CutFrames 命令 将所要移动的帧剪切下来 然后再使用 粘贴帧 PasteFrames 命令 将剪切帧粘贴到所需的地方 5 插入普通帧插入普通帧的操作方法如下 1 若在两个关键帧之间插入 则直接向右或向左拖动关键帧即可插入帧 这也同时增加了动画的播放时间 2 若在关键帧之外插入帧 可将鼠标首先移动到时间轴上需插入帧的位置 然后从右键单击弹出的快捷菜单中选择 插入帧 InsertFrames 命令 或按F5键亦可插入一个帧 6 删除帧删除帧的操作方法如下 1 选中所要删除的帧 可以是任何帧 包括关键帧 2 从右键单击删除帧弹出的快捷菜单中选择 清除关键帧 ClearKeyframes 命令 则删除关键帧 如选择 移除帧 RemoveFrames 命令 则移除普通帧 当删除某一帧后 其后的帧将自动前移 7 动画帧的翻转选取两个关键帧间的所有帧 从右键单击弹出的快捷菜单中选择 翻转帧 ReverseFrames 命令 此时动画的播放顺序也随之颠倒 如在图8 90中 第15帧图形在场景中偏右的位置上 当我们选取第15帧到第30帧间的所有帧 然后执行 翻转帧 ReverseFrames 命令 此时第15帧在场景中的画面就变为第30帧的画面 如图8 91所示 图8 90 图8 91 8 设定帧频设定帧频就是设定播放动画的速度 帧频决定了动画播放的连贯性和平滑性 对动画的效果有着重要的影响 其设置方法如下 1 在时间轴状态栏上双击 设置的帧频 弹出如图8 92所示的 影片属性 对话框 2 帧频 FrameRate 文本框中输入所需的频率 在互联网上发布的动画 12fps是最合适的动画帧频 3 单击 确定 按钮 图8 92 9 控制帧的显示状态单击时间轴右上角的按钮 将弹出如图8 93所示的下拉菜单 在菜单中可以选择控制帧的显示状态命令 通过选择很小 Tiny 小 Small 标准 Normal 一般 Medium 大 Large 等选项来改变帧格的大小 帧的默认状态是正常 Normal 其中 大 Large 命令有利于显示声音的波形 如图8 94所示 图8 93 图8 94 预览 Preview 和关联预览 PreviewInContext 选项以缩图形式显示每个关键帧的状态 预览 Preview 选项只显示当前层的物体在各帧的形状 而缩图尺寸会调整到充满时间轴的帧 这会导致显示内容的尺寸不同 这些缩图有利于浏览动画和观察动画形状的变化 但是会占用较多的屏幕空间 如图8 95所示 关联预览 PreviewInContext 选项显示动画元素在各帧的位置 有利于观察元素在整个动画过程中的位置变化 显示的图像一般要比预览 Preview 选项小一些 如图8 96所示 图8 95 图8 96 8 1 6组件的编辑1 组件概念及类型组件是可反复取出使用的一段小动画 可独立于主动画进行播放 组件是由多个独立的元素合并而成的 因此可大大减少文件的存储空间 在Flash中组件有图形 Graphic 按钮 Button 和影片剪辑 MovieClip 等三种 不同的组件可产生不同的交互效果 因此利用组件能创建丰富多彩的动画 1 影片剪辑 MovieClip 组件影片剪辑组件实际上也是一段Flash动画 它可独立于主动画进行播放 它是主动画的一个组成部分 当播放主动画时 影片剪辑组件也在循环播放 2 按钮 Button 组件该组件用于创建动画的交互控制按钮 以响应当前鼠标状态 如单击 滑过等 按钮有四个不同的状态 可以分别在按钮的不同状态上创建内容 可以是静止图形 可以是动画或影片 可以给按钮添加事件的交互动作 使按钮具有交互功能 3 图形 Graphic 组件该组件是可反复使用的图形 它构建动画主时间轴上的内容 图形组件是只含一帧的静止图片 有时也可以制作成由多个帧组成的动画 图形组件是制作动画的基本元素之一 但它不能添加交互行为和声音控制 2 组件的创建创建组件的方法有以下几种 1 新建一个空白组件 然后在组件编辑状态下创建组件内容 2 将场景上的物体转换成组件 3 将动画转换成组件 三种组件的创建方法相同 下面以影片剪辑组件为例讲解组件的创建方法 1 新建影片剪辑组件新建影片剪辑组件的创建方法如下 1 单击 插入 Insert 菜单的 新建元件 NewSymbol 命令 或用快捷键 Ctrl F8 打开 创建新元件 CreatNewSymbol 对话框 如图8 97所示 图8 97 2 在 名称 Name 文本框中输入组件的名字 如 sun 在 作用 Behavior 项中可选择 影片剪辑 MovieClip 按钮 Button 或 图形 Graphic 来创建不同的组件 这里我们选择 影片剪辑 MovieClip 3 单击 确定 OK 按钮 一个名称为sun的空白影片剪辑 MovieClip 就建立了 在组件编辑区的上方出现一个组件图标 如图8 98所示 此时Flash自动进入影片剪辑 MovieClip 组件的编辑状态 图8 98 4 使用绘图工具在影片片断编辑区绘制需要的图形 或从其他地方复制图形作为影片片断 如图8 99所示 5 在窗口右边的 调色板 和 颜色样本 中对对象的 明亮程度 彩色 透明程度 红 绿 蓝颜色和透明值 四种模式进行设置 图8 99 6 在时间轴的第50帧上创建一个关键帧 用箭头工具将太阳向右移动一段距离 并从右键单击第1帧弹出的快捷菜单中选择 创建动画动作 CreateMotionTween 选项创建两点间的动画效果 如图8 100所示 7 按Enter键 测试影片片断动画 这样一段影片剪辑小动画就做成了 用同样的方法可创建按钮和图形组件 图8 100 2 将绘制的图形转换为组件 1 新建一个文件 在场景中绘制一个图形或输入需要的文字 如图8 101所示 2 选择 插入 Insert 菜单中的 转换成元件 ConverttoSymbol 命令 或者按快捷键F8 弹出如图8 102所示的 转化为元件 ConverttoSymbol 对话框 3 在 作用 Behavior 项中选择要设置成的组件类型 这里我们选择 按钮 Button 然后单击 确定 OK 按钮 4 单击编辑窗口右上方的组件按钮 在弹出的列表中选择转换的组件即可进入按钮编辑区 此时编辑窗口上方出现一个按钮编辑状态图标 如图8 103所示 图8 101 图8 102 图8 103 此时可看到文字周围有一个蓝色的实线框 表明文字已经