flash80基础与实例教程(编辑修改稿)

flash80基础与实例教程(编辑修改稿)内容摘要：

ash8 新增了功能，从而大大增强了其设计方面的能力。 这项新特性对制作 Flash 动画产生了便利和巨大影响。 它们几乎颠覆了长期以来，对 Flash 设 计能力欠缺的固有偏见，使大家不得不对其刮目相。 默认情况下，“滤镜”面板和【属性】面板、“参数”面板组成一个面板组。 如图 119 所示。 针对此面板的使用在后面的章节里会详细介绍。 图 119 “滤镜”面板 第三节 新功能介绍 一、 影片文档的基本操作――投影滤镜文字特效 对于初步接触 Flash8 的读者来说，掌握 Flash8 制作动画的工作流程，掌握 Flash 影片文档的基本操作方法是最迫切的一个要求。 1. 范例简介 本例利用投影滤镜制作一个阴影文字特效，通过这个阴影文字特效的制作过程，让读者了解 Flash8 制作动画的整体过程。 范例效果如图 145 所示。 图 145 范例效果 通过本例的学习，读者主要可以掌握如何新建 Flash8 影片文档，如何设置文档属性，如何保存文件，如何测试影片，如何导出影片，如何打开文件，如何修改文件，如何输入文本，如何设置文本的滤镜效果以及认识Flash8 工作环境，认识 Flash 所产生的文件类型等。 制作步骤 1） 新建影片文档和设置文档属性 （ 1）启动 Flash8，出现“开始页”， 选择“创建新项目”下的“ Flash 文档”，这样就启动 Flash8 的工作窗口并新建一个影片文档。 （ 2）展开“属性”面板，单击“大小”右边的“文档属性”按钮 ，弹出“文档属性”对话框。 （ 3）在“标题”文本框中输入“文字效果”，在“描述 ”列表框中输入对影片的简单描述，设置“尺寸”为300 200 像素，设置“背景颜色”为浅蓝色，其他保持默认，如图 146 所示。 图 146 “文档属性”对话框 “文档属性”对话框中参数的含义： “标题”：设置文档的标题。 “描述”：对创建的影片做一些简单的描述。 “尺寸”：舞台的尺寸最小可设定成宽 1px（像素）、高 1px（ 像素），最大可设定成宽 2880px（像素）、高 2880px（像素）。 另外，系统默认的尺寸单位是 px（像素），可以自行输入“ cm（厘米）”、“ mm（毫米）”和“ in（英寸）”等单位的数值，也可以在“标尺单位”中选择。 “匹配” |“打印机”：匹配打印机，让底稿的大小与打印机的打印范围相同。 “匹配” |“内容”：匹配内容，将底稿缩放成和画面上的对象大小一样。 “匹配” |“默认”：使用默认值。 “背景颜色”：设置舞台的背景颜色。 “帧频”：默认的是 12fps。 这个速度很适合在网络上播放，一般情况下我们都保 持这个帧频。 在设计一些特殊效果的课件时，可以更改这个数值，数值越大动画的播放速度越快。 “标尺单位”：标尺是显示在场景周围的辅助工具，以标尺为参照可以使我们绘制的图形更精确。 在这里可以设置标尺的单位。 “设为默认值”：将所有设定存成默认值，下次当再开启新的影片文档时，影片的舞台大小和背景颜色会自动调整成这次设定的值。 2） 创建文字 （ 1）在“工具箱”中选择“文本工具”。 在“属性”面板中，设置“字体”为黑体，“字体大小”为 45，“文本颜色”为白色，文字加粗显示，其他属性保持默认。 （ 2）将鼠标移向舞台上单击，在出现的文本输入框中输入“基础与实例”。 （ 3）在“工具箱”中选择“选择工具”，拖动文字到舞台中央位置。 效果如图 147 所示。 图 147 创建文本对象 3） 保存和测试影片 （ 1）选择“文件” |“保存”命令（快捷键 Ctrl+S），弹出【另存为】对话框，指定影片保存的文件夹，输入文件名，单击【保存】按钮。 这样我们就将影片文档保存起来了，文件的扩展名是 fla。 注意：为了安全，在动画制作过程中要经常保存文件。 按 Ctrl+S键，可以快速保存文件。 （ 2）选择“控制” |“测试影片”命令（快捷键 Ctrl+Enter），弹出测试窗口，在窗口中可以观察到影片的效果，并且还可以对影片进行调试。 关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。 （ 3） 打开“资源管理器”窗口，定位在影片文档保存的文件夹，可以观察到两个文件，如图 148所示。 左边是影片文档源文件（扩展名是 fla），也就是第（ 1）步保存的文件。 右边是影片播放文件（扩展名是 swf），也就是第（ 2）步测试影片时自动产生的文件。 直接双击影片播放文件可以在 Flash 播放器中播放动画。 图 148 文档类型 4） 导出影片 （ 1）选择“文件” |“导出” |“导出影片”命令，弹出“导出影片”对话框，指定导出影片的文件夹，输入导出影片文件名，单击“保存”按钮， 弹出【导出 Flash Player】对话框，如图 149 所示。 图 149 【导出 Flash Player】对话框 （ 2）在这个对话框中可以设置导出影片的相关参数。 这里我们不做改动，保持目 前的默认参数。 单击【确定】按钮，导出影片。 导出的影片文件类型是播放文件，文件扩展名为 swf。 5） 关闭和打开影片文档 （ 1）单击影片文档窗口右上角的关闭按钮 ，关闭影片。 （ 2）在“开始”页面，选择“打开最近项目”下的“打开”按钮，弹出“打开”对话框。 在“查找范围”中定位到要打开影片文件所在的文件夹，选择要打开的影片文件（扩展名为 fla）。 单击“打开”按 钮，这样就把影片文档打开了。 （ 3）单击舞台上的文本对象。 接着展开“滤镜”面板，单击“＋”号按钮，在弹出的下拉菜单中选择“投影”滤镜。 此时，舞台上文本对象产生了滤镜效果，如图 150 所示。 图 150 设置文字滤镜效果 （ 4）按下快捷键“ Ctrl+S”保存文件。 按下快捷键“ Ctrl+Enter”测试影片效果，我们得到一个具备阴 影效果的文字特效。 第二课 Flash 基础绘图工具 在计算机绘图领域中，根据成图原理和绘制方法的不同，分为矢量图和位图两种类型。 矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。 因此，矢量图与分辨率无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图 201所示是放大了 16倍的矢量图效果。 图 201 矢量图放大到 16 倍时依然清晰 图 202 位图放大 16倍时模糊不清 位图图像是由象素点构成的，象素点的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。 因此，位图图像的清晰度与分辨率有关。 对位图图像进行放大时，放大的只是象素点，位图图像的四周会出现锯齿状。 如图 202所示是放大了 16 倍的位图效果。 在 Flash动画制作过程中，会大量的运用到矢量图形。 虽然有一系列的功能强大的专门矢量图制作软件，如Corel公司的 CorelDRAW 软件、 Macromedia 公司的 FreeHand 软件和 Adobe 公司的 Illustrator 软件等，而运用 Flash自身的矢量绘图功能将会更方便，更快捷。 在这一章里，我们将通过 FLASH基本绘图工具的学习，绘制出一些简单的 矢量图。 另外， Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单除了，它还是能够胜任的。 第一节 基本绘图工具（上） Flash 提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色，如图 211所示是 Flash工具箱。 图 211 绘图工具面板 我们将分两节来学习这些工具的使用方法。 在本节里，我们学习线条工具、滴管工具、墨水瓶工具、箭头工具、刷子工具、任意变形工具、颜料桶等工具的基本用法。 1．绘制和处理线条 【线条工具】是 Flash中最简单的工具。 现在我们就来画一条直线。 鼠标单击【线条工具】 ，移动鼠标指针到舞台上，在你希 望直线开始的地方按住鼠标拖动，到结束点松开鼠标，一条直线就画好了。 【线条工具】能画出许多风格各异的线条来。 打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图 212所示。 图 212 直线【属性】面板 在图 212 所示的【属性】面板中，单击其中的【笔触颜色】按钮 ，会出现一个调色板对话框，同时光标变成滴管状。 用滴管直接拾取颜色或者在文本框里直接输入颜色的 16进制数值。 颜色以 开头，如 99FF33，如图 213所示。 图 213 笔触调色板 图 214 【 笔触样式】对话框 现在来画出各种不同的直线。 单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图 214所示。 为了方便观察，我们把粗细定为 3象素（ pts），选择不 同的线型和颜色，来看看我们画出的线条，如图 215所示。 图 215 不同类型的线条 试一试改变它的各项参数，会对你的绘图有很大帮助。 【滴管工具】 和【墨水瓶工具】 可以很快地将一条直线的颜色样式套用到别的线条上。 用【滴管工具】 单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，而且工具也自动变成了【墨水瓶工具】，如图 216所示。 图 216 使用【滴管工具】选取线条属性 使用【墨水瓶工具】 单击其它线条，看看什么结果：所有线条的属性都变成了和滴管工具选中的直线一样了。 如果你需要更改这条直线的方向和长短， Flash 也为我们提供了一个很便捷的工具：【箭头工具】。 【箭头工具】的作用是选择对象、移动对象 、改变线条或对象轮廓的形状。 单击选择【箭头工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状 ，这时拖动鼠标可以改变直线的方向和长短，如图 217所示。 图 217 鼠标移到端点处 图 218 鼠标移到线条中间 如果鼠标指针移动到线条中任意处，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。 这是一个很有用处的功能，在我们鼠标绘图还不能随心 所欲时，它可以帮助我们画出所需要的曲线，如图 218所示。 2．实例演练 —— 画一片树叶 现在我们就来实践一下，练习画一片树叶。 打开 FALSH软件，系统会自动建立一个 FLASH文档，在这里我们不改变文档的属性，直接使用其默认值。 （ 1）新建图形元件 执行【插入】 |【新建元件】命令，或者按快捷键 CTRL+F8，弹出创建新元件对话框，在【名称】文本对话框中输入元件名称 “ 树叶 ” ，【行为】选择 “ 图形 ” ，单击【确定】按钮，如图 219所示。 图 119 创建图形元件 图 2110 “树叶”图形元件编辑场景 这时工作区变为“树枝”元件的编辑状态，如图 2110 所示。 说明：图形元件是 Flash 的基本元素，有关它的详细内容请参阅第 4 章的有关内容。 （ 2）绘制树叶图形 在 “ 树叶 ” 图形元件编辑场景中，首先用【线条工具】画一条直线，【笔触颜色】设置为深绿色，如图 2111所示。 图 2111 画直线 图 2112 拉成曲线 图 2113 连接两端 图 2114 拉成曲线 然后用【箭头工具】将它拉成曲线，如图 2112 所示。 再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点，如图 2113 所示。 用【箭头工具】将这条直线也拉成曲线，如图 2114 所示。 一片树叶的基本形状已经出来了，现在我们画叶脉，在两端点间画直线，然后拉成曲线，如图 2115和图 2116所示。 图 2115 画叶脉线 图 2116 直线变曲 图 2117 完成效果图 图 2118 被选取状态 再画旁边的细小叶脉，可以全用直线，也可以略加弯曲，这样，一片简单的树叶就画好了，如图 2117所示。 （ 3）编辑和修改树叶 如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】 |【撤销】命令撤销前面一步的操作，也可以选择下面更简单的方法：用【箭头工具】单击你想要删除的直线，这条直线变成网点状，说明它已经被选取，你可以对它进行各种修改，如图 2118所示。 要移动它，就按住鼠标拖动，要删除它，就直接按 DEL键。 按住 SHIFT键连续单击线条，可以同时选取多个对象。 如果要选取全部的线条，是否得按住 SHIFT 键挨个点击呢。 不需要，我们用黑色箭头工具拉出一个选取框来，就可以将其全部选中了，如图2119所示。 图 2119 框选对象 图 2120 【颜色】选项 图 2121 调色板 说明：在一条直线上双 击，也可以将和这条直线相连并且颜色、粗细。