FlashCS3基础与实例教程(一)

第一课 Flash CS3工作环境 Flash CS3以便捷、完美、舒适的动画编辑环境，深受广大动画制作爱好者的喜爱，在制作动画之前，先对工作环境进行介绍，包括一些基本的操作方法和工作环境的组织和安排。 1.1 工作环境简介1开始页 运行Flash CS3，首先映入眼帘的是“开始页”，“开始页”将常用的任务都集中放在一个页面中，包括“打开最近的项目”、“新建”、“从模板创建”、“扩展”以及对官方资源的快速访问。如图1-1所示。 图 1-1 开始页如果要隐藏“开始页”，可以单击选择“不再显示”对话框，然后在弹出的对话框单击“确定”按钮。 如果要再次显示开始页，可以通过选择“编辑”|“首选参数”命令，打开“首选参数”对话框，然后在“常规”类别中设置“启动时”选项为“欢迎屏幕”即可。 2工作窗口 在“开始页”，选择“创建新项目”下的“Flash文件”，这样就启动Flash CS3的工作窗口并新建一个影片文档。如图1-2所示。图1-2 Flash CS3的工作窗口 Flash CS3的工作窗口由标题栏、菜单栏、主工具栏、文档选项卡、编辑栏、时间轴、工作区和舞台、工具箱以及各种面板组成。 窗口最上方的是“标题栏”，自左到右依次为控制菜单按钮、软件名称、当前编辑的文档名称和窗口控制按钮。 “标题栏”下方是“菜单栏”，在其下拉菜单中提供了几乎所有的Flash CS3命令项。 “菜单栏”下方是“主工具栏”，通过它可以快捷的使用Flash CS3的控制命令。 “主工具栏”的下方是“文档选项卡”，主要用于切换当前要编辑的文档，其右侧是文档控制按钮。 “文档选项卡”下方是“编辑栏”，可以用于“时间轴”的隐藏或显示、“工作区布局”的切换、“编辑场景”或“编辑元件”的切换、舞台显示比例设置等。 “编辑栏”下方是“时间轴”，用于组织和控制文档内容在一定时间内播放的图层数和帧数。 时间轴左侧是图层，图层就像堆叠在一起的多张幻灯胶片一样，在舞台上一层层地向上叠加。如果上面一个图层上没有内容，那么就可以透过它看到下面的图层。 Flash中有普通层、引导层、遮罩层和被遮罩层4种图层类型，为了便于图层的管理，用户还可以使用图层文件夹。 图1-3 时间轴 “时间轴”下方是“工作区”和“舞台”。Flash CS3扩展了舞台的工作区，可以在上面存储更多的项目。舞台是放置动画内容的矩形区域，这些内容可以是矢量插图、文本框、按钮、导入的位图图形或视频剪辑等。如图1-4所示。 图1-4 舞台 工作时根据需要可以改变“舞台“显示的比例大小，可以在“时间轴”右上角的“显示比例”中设置显示比例，最小比例为8%，最大比例为2000%，在下拉菜单中有三个选项，【符合窗口大小】选项用来自动调节到最合适的舞台比例大小；【显示帧】选项可以显示当前帧的内容；【全部显示】选项能显示整个工作区中包括在“舞台”之外的元素。选择工具箱中的【手形工具】，在舞台上拖动鼠标可平移舞台；选择【缩放工具】，在舞台上单击可放大或缩放舞台的显示；选择【缩放工具】后，在工具箱的【选项】下会显示出两个按钮，分别为【放大】和【缩小】，分别单击它们可在“放大视图工具”与“缩小视图工具”之间切换，如图1-5所示。选择选择【缩放工具】后，按住键盘上的Alt键，单击舞台，可快捷缩小视图。图1-5 缩放工具的选项 图1-6 工具箱 窗口左侧是功能强大的“工具箱”，它是Flash中最常用到的一个面板，由“工具”、“查看”、“颜色”和“选项”四部分组成。在Flash CS3中，工具箱可以自由地安排为单列或双列显示，单击工具箱上方的三角按钮可以在两种状态之间变换，如图1-6所示，是显示为双列的状态。 多个“面板”围绕在“舞台”的下面和右面，包括常用的【属性】/【滤镜】/【参数】面板组，还有【颜色】面板组和【库】面板等。 面板是Flash工作窗口中最重要的操作对象，下面我们逐一进行介绍。 1.2 面板1面板的基本操作 （1）打开面板 可以通过选择“窗口”菜单中的相应命令打开指定面板。 （2）关闭面板 在已经打开的面板标题栏上右击，然后在快捷菜单中选择“关闭面板组”命令即可，或者也可直接单击面板右上角的“关闭”按钮。 （3）重组面板 在已经打开的面板标题栏上右击，然后在快捷菜单中选择“将面板组合至”某个面板中即可。 （4）重命名面板组 在面板组标题栏上右击，然后在快捷菜单中选择“重命名面板组”命令，打开“重命名面板组”对话框。在定义完“名称”后，单击“确定”按钮即可。 如果不指定面板组名称，各个面板会依次排列在同一标题栏上。 （5）折叠或展开面板 单击标题栏或者标题栏上的折叠按钮可以将面板折叠为其标题栏。再次单击即可展开。 （6）移动面板 可以通过拖动标题栏区域或者将固定面板移动为浮动面板。 （7）将面板缩为图标 在Flash CS3中，面板的操作增加了一项新的内容，这就是“将面板缩为图标”，它能将面板以图标的形式显现，进一步扩大了舞台区域，为创作动画提供了良好的环境。 （8）恢复默认布局 可以通过选择“窗口”菜单中的“工作区布局”|“默认”命令即可。 2“帮助”面板 “帮助”面板包含了大量信息和资源，对Flash的所有创作功能和ActionScript语言进行了详尽的说明。“帮助”面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。如图1-7所示。 图1-7 “帮助”面板 如果从未使用过Flash，或者只使用过有限的一部分功能，可以从“使用Flash”选项开始学习。在其上方有一组快速访问的工具按钮，在文本框中输入词条或短语，然后单击“搜索”按钮，包含该词条或短语的主题列表即会显示出来。 3“动作”面板 “动作”面板可以创建和编辑对象或帧的ActionScript代码，主要由“动作工具箱”、“脚本导航器”和“脚本”窗格组成。如图1-8所示。关于此面板的详细应用，我们会在后面的章节中具体讲解。 图1-8 “动作”面板4“属性”面板 使用“属性”面板可以很容易地设置舞台或时间轴上当前选定对象的最常用属性，从而加快了Flash文档的创建过程。如图1-9所示。 当选定对象不同时，“属性”面板中会出现不同的设置参数，针对此面板的使用在后面的课里会陆续介绍。 图1-9 “属性”面板5“滤镜”面板 滤镜对制作Flash动画产生了便利和巨大影响，Flash CS3又新增了复制和粘贴滤镜的功能，使滤镜的使用达到了前所未有的便捷。默认情况下，“滤镜”面板、“属性”面板和“参数”面板组成一个面板组。如图1-10所示。针对此面板的使用在后面的章节里会详细介绍。 图1-10 “滤镜”面板7“对齐”面板 “对齐”面板可以重新调整选定对象的对齐方式和分布，如图1-12所示。图1-12 “对齐”面板 “对齐”面板分为5个区域： 【相对于舞台】：按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布；如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。 【对齐】：用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。 【分布】：用于调整选定对象的顶部、水平居中和底部分布，以及左侧、垂直居中和右侧分布。 【匹配大小】：用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。 【间隔】：用于调整选定对象的水平间隔和垂直间隔。 8“颜色”面板 在Flash CS3中已经找不到以前版本的“混色器”面板，替代它的是“颜色”面板，如图1-13所示。 用“颜色”面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha”值用来指定颜色的透明度，其范围在0%100%，0%为完全透明，100%为完全不透明。“颜色代码”文本框中显示的是以“#”开头十六进制模式的颜色代码，可直接输入。可以在面板的“颜色空间”单击鼠标，选择一种颜色，上下拖动右边的“亮度控件”可调整颜色的亮度。图1-13“颜色”面板9“公用库”面板 “公用库”面板提供了一些公用的元件，包括学习交互、按钮和类。可以通过执行“窗口”菜单中的“公用库”级联菜单下的相应命令开启它们。如图1-15所示是打开的“按钮”公用库面板。 10“库”面板 Flash文档中的“库”可存储用户在文档中使用而创建或导入的媒体资源，还可以包含已添加到文档的组件，组件在“库”面板中显示为编译剪辑。如图1-16所示。 在Flash CS3中延用了“单一库面板”功能，可以使用一个“库”面板来同时查看多个Flash文档的库项目。 图1-15 “公用库”面板 图1-16 “库”面板11, “场景”面板 一个动画可以有多个场景组成，“场景”面板中显示了当前动画的场景数量和播放的先后顺序。当动画包含多个场景时，将按照它们在“场景”面板中的先后顺序进行播放，动画中的“帧”是按“场景”顺序连续编号的，例如：如果影片中包含两个场景，每个场景有10帧，则场景2中的帧的编号为11到20。单击“场景”面板下方的三个按钮可以执行“复制”、“添加”和“删除”场景的操作。双击“场景名称”可以重新命名，上下拖动“场景名称”可以调整“场景”的先后顺序，如图1-20所示。图1-17 “场景”面板1.3 影片文档的基本操作旅游风光宣传片特效 对于初步接触Flash的读者来说，掌握Flash CS3制作动画的工作流程，掌握Flash影片文档的基本操作方法是最迫切的一个要求。1.3 范例简介 本例利用时间轴特效制作一个旅游风光宣传片特效，通过这个宣传片特效的制作过程，让读者了解Flash CS3制作动画的整体过程。范例效果如图1-18所示。图1-18 范例效果 通过本例的学习，读者主要可以掌握如何新建Flash CS3影片文档，如何设置文档属性，如何保存文件，如何测试影片，如何导出影片，如何打开文件，如何修改文件，认识Flash CS3工作环境，认识Flash所产生的文件类型以及了解导入位图和设置时间轴特效等。1.3.1 制作步骤1新建影片文档和设置文档属性 （1）启动Flash CS3，出现“开始页”， 选择“创建新项目”下的“Flash文件”，这样就启动Flash CS3的工作窗口并新建一个影片文档。 （2）展开“属性”面板，单击“大小”右边的“文档属性”按钮，弹出“文档属性”对话框。 （3）在“标题”文本框中输入“旅游风光宣传片”，在“描述”列表框中输入对影片的简单描述，设置“尺寸”为600400像素，设置“背景颜色”为浅蓝色，其他保持默认，如图1-19所示。图1-19 “文档属性”对话框2导入位图和设置时间轴特效 （1）选择“文件”|“导入”|“导入到舞台”命令，在弹出的对话框中选择位图（文件路径：素材第1课1.gif）。接着在弹出对话框中选择“是”按钮，如图1-20所示，把准备好的3张风景图片导入到舞台中。图1-20 导入位图 （2）单击选中场景中的图片，选择“插入”|“时间轴特效”|“效果”|“模糊”命令，在弹出的【模糊】对话框中单击“确定”按钮，完成第1张图片的特效制作。按照相同的方法，为第2、3张图片加上模糊特效。3保存和测试影片 （1）选择“文件”|“保存”命令（快捷键Ctrl+S），弹出【另存为】对话框，指定影片保存的文件夹，输入文件名，单击“保存”按钮。这样我们就将影片文档保存起来了，文件的扩展名是fla。注意：为了安全，在动画制作过程中要经常保存文件。按Ctrl+S键，可以快速保存文件。 （2）选择“控制”|“测试影片”命令（快捷键Ctrl+Enter），弹出测试窗口，在窗口中可以观察到影片的效果，并且还可以对影片进行调试。关闭测试窗口可以返回到影片编辑窗口对影片继续进行编辑。 （3）打开“资源管理器”窗口，定位在影片文档保存的文件夹，可以观察到两个文件，如图1-21所示。右边是影片文档源文件（扩展名是fla），也就是第（1）步保存的文件。左边是影片播放文件（扩展名是swf），也就是第（2）步测试影片时自动产生的文件。直接双击影片播放文件可以在Flash播放器中播放动画。图1-21 文档类型4导出影片 （1）选择“文件”|“导出”|“导出影片”命令，弹出“导出影片”对话框，指定导出影片的文件夹，输入导出影片文件名，单击“保存”按钮， 弹出【导出Flash Player】对话框，如图1-22所示。 图1-22 【导出Flash Player】对话框 （2）在这个对话框中可以设置导出影片的相关参数。这里我们不做改动，保持目前的默认参数。单击【确定】按钮，导出影片。导出的影片文件类型是播放文件，文件扩展名为swf。5关闭和打开影片文档 （1）单击影片文档窗口右上角的关闭按钮，关闭影片。 （2）在“开始”页面，选择“打开最近项目”下的“打开”按钮，弹出“打开”对话框。在“查找范围”中定位到要打开影片文件所在的文件夹，选择要打开的影片文件（扩展名为fla）。单击“打开”按钮，这样就把影片文档打开了。 （3）按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果，我们得到一个具备动态模糊效果的位图特效影片。教学后记:第二课 绘制基本形状 线条是最简单的图形，它是复杂图形的基础。本节中将学习绘制基本形状如三角形、星星、月亮、十字花、圆环、扇形等的方法和技巧。2.1 绘制三角形 三角形的绘制有很多种方法，这里介绍比较常用的两种方法。一是运用线条工具（或铅笔、钢笔工具）进行线条组合绘制，二是运用多角星形工具直接绘制。首先学习运用线条工具绘制三角形的方法。 绘制步骤如下： （1）选择“文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。 （2）首先绘制一个直角三角形。选择“线条”工具，在“笔触颜色”区域选择笔触颜色为“蓝色”， （3）展开“属性”面板，设置笔触高度为“10”，笔触样式为“实线”，端点为“方型”，尖角为“20”，接合为“尖角”，如图2-1所示。图2-1设置线条属性 （4）按下Shift键，同时按下鼠标左键在工作区中画出一条垂直的直线，接着再画一条水平的直线，使其与垂直的直线相交。如图2-2所示。图2-2 绘制相互垂直的直线 （5）松开Shift键，再画一条直接，将垂直线与水平线封闭起来，形成一个直角三角形。如图2-3所示。图2-3 直角三角形 （6）选择“颜料桶”工具，在“填充色”区域选择填充色为黄色，在封闭的三角形中单击鼠标。填充三角形如图2-4所示。图2-4填充颜色 接下来学习通过复制的方法快速绘制锐角和钝角三角形的方法。 （1）单击选择工具箱中的“选择工具”，在已经绘制好的直角三角形周围拖动框选图形。 （2）按住Ctrl键的同时，拖动鼠标快速复制一个三角形。如图2-5所示。图2-5快速复制三角形 （3）在舞台的空白区域单击鼠标取消对图形的选择，接着将鼠标指针靠近三角形的端点，当指针变为直角时，拖动鼠标改变端点的位置，如图2-6所示，完成钝角三角形的绘制。图2-6 绘制钝角三角形 （4）运用同样的方法可以快速绘制出锐角三角形。绘制完成的效果如图2-7所示。图2-7绘制好的三角形 以上是绘制三角形的第一种方法，即线条组合法，它是通过线条来组合绘制三角形的。下面学习使用多角星形工具快速绘制三角形的方法。 （1）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具下拉列表，在其中选择最下边的“多边星形工具”。如图2-8所示。图2-8矩形工具下拉列表 （2）在属性面板中设置笔触颜色为蓝色，填充颜色为黄色，笔触高度为“10”，笔触样式为“实线”，端点为“方型”，尖角为“20”，接合为“尖角”，如图2-9所示。图2-9设置多角星形工具的属性 （3）单击属性面板中的“选项”按钮，在弹出的【工具设置】对话框中设置“样式”为“多边形”，“边数”为“3”，如图2-10所示。图2-10设置多角星形工具的属性 （4）在舞台中拖动鼠标绘制三角形，方向和大小均可以通过鼠标指针来控制。绘制完成的效果如图2-11所示。图2-11绘制三角形2.1.3 绘制星星 星星是Flash动画作品中比较常见的图形，绘制时一般使用“多角星形工具”，这个工具可以任意设置边数、顶点大小等，从而绘制出多种形状的星星。 绘制步骤如下： （1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。设置舞台背景色为黑色，其他参数保持默认值。 （2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择最下边的“多角星形工具”。如图2-12所示。图2-12选择多角星形工具 （3）在属性面板中设置笔触颜色为无，填充色为白色，单击属性面板中的“选项”按钮，在弹出的【工具设置】对话框中设置“样式”为“星形”，“边数”为“5”，“星形顶点大小”为0.8，如图2-13所示。图2-13设置多角星形工具的属性 （4）在舞台中拖动鼠标绘制星形，方向和大小均可以通过鼠标指针来控制。绘制完成效果如图2-14所示。图2-14绘制星星2.1.3 绘制月亮 月亮在不同的时间呈现出不同的状态，有盈亏之分。下面学习绘制满月和弯月的方法和技巧。绘制的步骤如下： （1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。设置舞台背景色为深蓝色，其他参数保持默认值。 （2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择“椭圆工具”。如图2-15所示。图2-15工具下拉列表 （3）在属性面板中设置“笔触颜色”为无，“填充色”为白色，在拖动鼠标的同时按住Shift键，在舞台上画一个白色的正圆，满月绘制完成。如图2-16所示。图2-16 绘制一个白色圆 下面学习使用形状切割法绘制弯月的方法。 （1）使用“椭圆工具，设置“笔触颜色”为无，“填充色”为白色，绘制一个圆。接着在白色圆旁边画一个略小的黄色正圆。如图2-17所示。图2-17 绘制两个圆 （2）使用“选择工具”，将黄色圆移动到白色圆的上面，如图2-18所示。图2-18 移动黄色圆 （3）将鼠标在圆形外任意地方单击，取消对圆形的选择状态，使两个圆形组合到一块。然后再重新选中黄色圆形，按Delete键将它删除，剩下一个白色的弯月。如图2-19所示。图2-19 白色的弯月2.1.3 圆环和扇形的绘制 Flash 8版本绘制圆环和扇形是比较麻烦的，必须通过多次绘制或形状切割法进行绘制。Flash CS3则增加了基本椭圆工具，可以更加快捷地绘制出圆环、扇形、弧形等。 下面学习绘制圆环和扇形的方法和技巧，绘制步骤如下： （1）选择”文件”|“新建”命令或按快捷键Ctrl+N，新建一个Flash文档。 （2）在工具箱的“矩形工具”上按住鼠标数秒，弹出工具列表框，在其中选择“任意椭圆工具”。如图2-20所示。图2-20选择基本椭圆工具 （3）在属性面板中设置“笔触颜色”为蓝色，“填充色”为黄色，按住Shift键拖动鼠标在舞台上绘制一个椭圆。如图2-21所示。图2-21绘制圆 （4）绘制出的椭圆的中心和弧上出现了2个圆形控制点。切换到选择工具，拖动圆心处的控制点，从圆心处扩展出新的圆。如图2-22所示。图2-22拖动控制点 （5）松开鼠标后，圆环绘制完成。如图2-23所示。图2-23绘制完成的圆环 其实绘制圆环有更简单的方法。选择基本椭圆工具后在属性面板中设置“内部半径”值，然后拖动鼠标可以快速绘制出圆环。设置的参数如图2-24所示。图2-24设置内部半径 掌握绘制圆环的方法后，扇形的绘制也就很容易了。下面简述绘制的步骤。 （1）选择“任意椭圆工具”，在属性面板中设置“开始角度”为10，“结束角度”为160，内部半径为0，选中“闭合路径”复选框，如图2-25所示。图2-25设置参数 （2）拖动鼠标绘制出扇形，如图2-26所示。图2-26绘制扇形2.3 绘制渐变色彩的图形 前面我们已经绘制了单色填充的图形，它们色彩单一，填充简单。而渐变填充色彩绘制的图形色彩丰富，设置复杂，但极富表现力，应用的范围也更广。本小节就学习渐变色彩图形的绘制方法。 2.2.1 渐变填充 渐变填充一般在“颜色”面板中进行调配，它不仅可以对线条的颜色进行调配，还可以对填充色进行调配。面板中的渐变填充有两种，线性渐变填充和放射状渐变填充。 1线性渐变 “线性渐变”可以创建从起始点到终点沿直线的渐变，如图2-27所示，“溢出”选项用于控制超出渐变限制的颜色。它有扩展（默认模式）、镜像和重复三种模式。选中“线性 RGB”复选框可以创建 SVG 兼容的（可伸缩的矢量图形）线性或放射状渐变。如果单击渐变定义栏或渐变定义栏的下方就可为渐变添加渐变指针。Flash CS3最多可以添加 15 个颜色指针，从而创建多达 15 种颜色转变的渐变。沿着渐变定义栏拖动指针可移动渐变指针位置。将指针向下拖离渐变定义栏可以删除它。单击颜色右上角的三角形，然后从弹出菜单中选择“添加样本”可保存渐变色至“颜色样本”面板中。图2-27 “线性”渐变 下面制作“线性渐变”的图形，步骤如下： （1）在创建好的新文件中，选择“矩形工具”，打开“颜色”面板，单击“类型”后面的小三角，弹出下拉列表，选择“线性”，如图2-28所示。图2-28 选择“线性”渐变 （2）单击渐变定义栏左边起始端的指针，在弹出的调色板中选择蓝色，同样的方法设置右边结束端的颜色为黄色。如2-29所示。图2-29 选择渐变色 （3）单击渐变定义栏的中间区域，增加1个渐变指针，如图2-30所示。设置渐变色为绿色。图2-30 增加渐变指针 （4）拖动鼠标在舞台中绘制一个矩形，如图2-31所示，沿直线进行线性渐变的图形就绘制完成了。图2-31 绘制矩形 绘制好线性渐变的图形后，如果想改变填充的方向，就要用到“渐变变形工具”。它可以对已经填充好的渐变色进行修改，下面实际操作一下。 （1）单击选择工具箱中的“渐变变形工具”，如图2-32所示。图2-32 选择渐变变形工具 （2）单击选择上图中的矩形，线性渐变上面出现两条平行的直线，其中一条上有方形和圆形的手柄。如图2-33所示。方形手柄缩放渐变色，圆形手柄可以旋转渐变色方向。图2-33 渐变变形工具 （3）拖动圆形手柄旋转50度，按住方形手柄向圆心处拖拉，使渐变色缩小一些，效果如图2-34所示。图2-34 更改后的线性渐变2放射状渐变 “放射状渐变”产生从一个中心焦点出发沿环形轨道混合的渐变，它的参数设置和线性渐变是大体相同的。如图2-35所示， 图2-35 选择“放射状”渐变 下面制作“放射状渐变”的图形，步骤如下： （1）在创建好的新文件中，选择“椭圆工具”，打开“颜色”面板，单击“类型”后面的小三角，弹出下拉列表，选择“放射状”，如图2-36所示。图2-36 选择“放射状”渐变 （2）单击渐变定义栏左边的中心点指针，在弹出的调色板中选择蓝色，同样的方法设置右边的边沿颜色为黑色。如图2-37所示。图2-37 选择渐变色 （3）按住Shift键拖动鼠标在舞台中绘制一个圆，如图2-38所示，放射状渐变的图形就绘制完成了。图2-38 绘制圆形 绘制好放射状渐变的图形后，同样可以使用“渐变变形工具”。对渐变色进行修改，下面实际操作一下。 （1）选择“渐变变形工具”，接着单击选择上图中的圆形，会出现一个带有若干编辑手柄的环形边框，如图2-39所示。当鼠标指针在这些手柄中的任何一个上面的时候，它会发生变化，显示该手柄的功能。图2-39 填充变形手柄 边框中心的小圆圈是填充色的“中心点”，边框中心的小三角是“焦点”。边框上有3个编辑手柄，分别是大小、旋转和宽度。 中心点选择和移动中心点手柄可以更改渐变的中心点。中心点手柄的变换图标是一个四向箭头。 焦点选择及焦点手柄可以改变放射状渐变的焦点。仅当选择放射状渐变时，才显示焦点手柄；焦点手柄的变换图标是一个倒三角形。 大小手柄可以调整渐变的大小。大小手柄的变换图标是内部有一个箭头的圆。 旋转手柄可以调整渐变的旋转。旋转手柄的变换图标是四个圆形箭头。 宽度手柄可以调整渐变的宽度。宽度手柄的变换图标是一个双头箭头。 （2）拖动圆形手柄旋转的角度，按住方形手柄向圆心处拖拉，使渐变色缩小一些，效果如图2-40所示。图2-40 更改后的放射状渐变 实战范例绘制立体按钮图形 渐变图形运用得当可以极好地表现立体感和空间感，通过Flash CS3灵活的渐变图形绘制和填充变形手柄的调整，就能制作出形态迵异的作品。 范例简介 本节制作一个网页上经常可以看到的按钮图形，晶莹剔透，效果如图2-41所示。通过这个范例的制作，将学习“颜色”面板的使用方法、“渐变变形工具”的使用方法。图2-41 按钮效果制作步骤 1新建影片文档和设置文档属性 启动Flash CS3， 选择“文件”|“新建”命令，新建一个影片文档。 2. 绘制放射状渐变的圆 （1）选择“椭圆工具”，设置笔触颜色为黑色，填充色为无。按住Shift键，在舞台上绘制出一个空心的正圆。 （2）选择“窗口”|“颜色”命令，打开“颜色”面板，在其中选择填充类型为“放射状”，在渐变定义栏上，单击左端的渐变指标，设置为浅绿色（#00FF00），单击右端的渐变指标，设置为深绿色（#004600），如图2-43所示。图2-43 “颜色“面板 （3）选择“颜料桶工具”，单击圆的中心略偏下的地方，将刚设置的渐变色填充到圆中，成为按钮下方的高光色。如图2-44所示。图2-44 放射状渐变填充的圆 （4）使用“选择工具”，单击圆的外边框，将其选中，按键盘上的Delete键，将它删除。现在的高光色太圆太大，我们使用“渐变变形工具”对其进行调整。 （5）选择“渐变变形工具”，单击图形，出现填充变形手柄，如图2-45所示。向圆心处拖拉“大小”手柄，使中间高光色缩小一些。图2-45收缩填充色 再按住“宽度”手柄向外拉，使高光色变得扁一点，如图2-46所示。图2-46 拉长填充色2. 绘制线性渐变的椭圆 （1）使用“椭圆工具”绘制出一个黑色边框、无填充色的小椭圆，并移动到如图2-47所示的位置。图2-47 绘制出一个椭园 （2）在颜色面板中选择“线性”渐变，设置左边色标为白色，右边色块为深绿色，为了更好地和正圆的颜色相融合，我们把右边颜色指针的“Alpha”值设为0%，如图2-48所示。图2-48 填充色设置为椭圆填充渐变色，删除椭圆的轮廓线。 （3）选择“渐变变形工具”，单击椭圆图形，拖动小圆圈中心手柄，顺时针旋转手柄90度，按住方形手柄向圆心处拖拉，使渐变色缩小一些。再拖动中心点，向上略提一点。如图2-49所示。图2-49 旋转线性渐变色 至此，按钮图形就制作完成了。教学后记:第三课 绘制复杂图形 前面的章节中绘制的形状都是比较规则的，因此运用线条、矩形、椭圆工具都能轻而易举地绘制出来。如果要绘制比较复杂的不规则图形，这些工具都不能胜任了，这时就要用到功能强大的钢笔、铅笔、刷子工具等绘图工具，以及部分选取工具和橡皮擦工具等这些辅助工具了。3.1 钢笔工具 以往的Flash版本中的钢笔工具控制不方便，使用不够灵活，大多数的初学者都不能很好地运用，而Flash CS3“借用”了Illustrator 和 After Effects中的钢笔工具，从而大大增强了钢笔工具的绘图功能，它把“钢笔工具”分解成一组工具，包括钢笔工具、添加锚点工具、删除锚点工具和转换锚点工具4种，使用更为方便，功能极大增强。在钢笔工具按下鼠标左键不放，弹出下拉工具列表框，可以选择所要使用的工具，如图3-1所示。图3-1 钢笔工具组 其中“钢笔工具”在画连续的直线时比线条工具更方便，在舞台上不断地单击鼠标就可以绘制出相应的路径，如果想结束一条开放的路径的绘制，双击最后一个点即可。要闭合路径，将“钢笔工具”放置到第一个锚点上，如果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动可以闭合路径。如图3-2所示。 图3-2 单击绘制和闭合路径 选择“添加锚点工具” 后，鼠标指针变为带“十”号的钢笔尖，单击需要添加锚点的位置就可以增加一个锚点。如图3-3所示。 图3-3 添加锚点 选择“删除锚点工具” 后，鼠标指针变为带“一”号的钢笔尖，单击锚点可以删除锚点，如图3-4所示。 图3-4 删除锚点 钢笔工具还可以绘制平滑的曲线，方法是在按下鼠标的同时拖动鼠标，下面是分别在三个点上按斜上、斜下、斜上方向拖动鼠标绘制的图形，如图3-4所示。 图3-4 用钢笔画曲线 这时，可以使用“转换锚点工具” 自由地改变曲线的曲率、大小等，方法是使用转换锚点工具拖动锚点就出现了绘制曲线时的切线手柄，在不同的方向上拖动长度不同的手柄即可更改曲线的形状。如图3-5所示。 图3-5 用转换锚点工具更改曲线形状3.2 部分选取工具 使用“部分选取工具”可以精细地调整线条的形状。用“部分选取工具”选择线条后，线条上会出现一个个锚点，如图3-6所示。 图3-6 选择线条 在锚点上拖动手柄可以改变曲线的形状。拖动锚点可以改变锚点的位置。如图3-7所示。 图3-7 调整锚点绘制的折线，单击锚点出现手柄，如果想调整它的形状，可以拖动锚点改变。如图3-8所示。 图3-8 改变折线形状 按住ALT键拖动锚点，出现了切线手柄，这时可以拖动手柄自由改变曲线的形状，如图3-9所示。 图3-9 调整曲线锚点3.3 铅笔工具 “铅笔工具”的使用方法很简单，它的颜色、粗细和样式定义与线条工具一样，不同的是它的选项里有3种模式，如图3-10所示。图3-10 “铅笔工具”选项 在“伸直”模式下，它会把线条自动转成接近形状的直线。 在“平滑”模式下，把线条转换为接近形状的平滑曲线。 在“墨水”模式下，不加修饰，完全保持鼠标轨迹的形状。 看看用不同模式画的山峰，如图3-11所示。图3-11 不同铅笔模式画的山峰实战范例海上升明月 Flash CS3“借用”了Illustrator 和 After Effects中的钢笔工具，从而大大增强了Flash的绘图功能，一改以往版本绘图单薄的形象。用户只要灵活地运用更新后的钢笔工具，加之以自由灵活的刷子和铅笔工具，就能制作出别具风格的作品。范例简介 Flash动画作品主张以形象营造意境，运用Flash CS丰富的绘图工具足可以实现这种效果。本范例制作一个具幽美境界的图形作品，其中静谧的大海、朦胧的月光和纤细的芦苇共同造就了“海上升明月，天涯共此时”的意境，极富感染力。如图3-12是影片运行的效果展示。图3-12范例效果 通过这个范例的制作，主要掌握运用钢笔、铅笔和刷子工具绘制基本图形的方法和技巧。本范例的制作流程图如图3-13所示。图3-13范例制作流程图 制作步骤 1新建影片文档和设置文档属性 （1）启动Flash CS3， 选择“文件”|“新建”命令，新建一个影片文档。 （2）展开“属性”面板，设置“背景颜色”为蓝色，其他参数保持默认。 2用矩形工具绘制大海 （1）展开“颜色”面板（如果默认颜色面板没有打开，可选择“窗口”|“颜色”打开）。单击选择面板中的“笔触颜色”控件，在弹出的颜色调板设置笔触色为“无颜色”。 （2）单击选择面板中的“填充颜色”控件，在“类型”下拉框中选择“线性”。设置左边的填充渐变色为天蓝色，右边为浅蓝色。如图3-14所示。图3-14设置线性渐变色 （3）单击选择工具箱中的“矩形工具”，拖动鼠标在舞台上绘制矩形状的大海。 3用椭圆工具绘制月亮 （1）展开“颜色”面板，单击选择面板中的“笔触颜色”控件，在弹出的颜色调板设置笔触色为“无颜色”。 （2）单击选择面板中的“填充颜色”控件，在“类型”下拉框中选择“放射状”。设置左边的填充色为淡黄色，右边为白色。单击色条的中间部分增加1个颜色指针，设置颜色为浅黄色。然后分别改变2个黄色指针的Alpha值为86%，白色指针的Alpha值为0%。如图3-15所示。图3-15设置放射状填充色 （3）按下工具箱中的“矩形工具”数秒，弹出工具选择菜单，选择“椭圆工具”，如图3-16所示。图3-16选择椭圆工具 （4）按住键盘上的Shift键在合适的位置绘制1个圆形月亮。绘制结束后场景效果如图3-17所示。图3-17大海和月亮舞台效果 4用多角星形工具绘制星星 （1）按下工具箱中的“矩形工具”数秒，弹出工具选择菜单，选择“多角星形工具”，如图3-18所示。 图3-18选择多角星形工具 （2）在属性面板中设置填充色为白色。单击“选项”按钮，弹出【工具设置】对话框，如图3-19所示，设置“样式”为星形，“边数”为4。图3-19【工具设置】对话框 （3）在舞台中夜空背景上拖动鼠标绘制星星，接着选择“修改”|“形状”|“柔化填充边缘”命令，弹出【柔化填充边缘】对话框，如图3-20所示。设置“距离”为50px，“步骤数”为10，方向为“扩展”，单击“确定”按钮完成设置。 图3-20设置柔化填充边缘参数 （4）按住键盘上的Ctrl键，拖动绘制好的星星可以快速复制出多个副本，然后运用任意变形工具分别改变星星的大小、位置和角度，完成的效果如图3-21所示。图3-21复制星星 5用铅笔工具绘制苇叶 （1）单击选择工具箱中的铅笔工具，设置笔触色为灰色，单击“铅笔模式”按钮，在弹出的下拉菜单中选择“平滑”模式，如图3-21所示。图3-21选择铅笔模式 （2）在舞台中大海的合适位置处拖动鼠标绘制出一片苇叶，绘制时如果形状不满意，可以选择“橡皮擦工具”进行修改。接着运用颜料桶工具为苇叶填充灰色，如图3-22所示，从左到右是填充前后的苇叶。图3-22绘制苇叶 （3）按住键盘上的Ctrl键，拖动绘制好的苇叶快速复制出多个副本，然后运用任意变形工具分别改变苇叶的大小、位置和角度，完成的效果如图3-23所示。图3-23复制苇叶 6用刷子工具绘制苇秆和月影 （1）单击选择工具箱中的刷子工具，设置填充色为黑色，单击“刷子大小”按钮，选择较小的刷子，接着单击“刷子形状”按钮，选择圆形笔刷，如图3-24所示。图3-24选择刷子工具的大小和形状 （2）在舞台中拖动鼠标绘制出苇秆，绘制时如果形状不满意，可以选择“橡皮擦工具”进行修改。如图3-25所示。图3-25绘制苇秆 （3）按照第2步绘制苇叶的方法，运用铅笔工具在苇秆上绘制苇叶，绘制的效果如图3-26所示。图3-26绘制苇叶 （4）运用刷子工具绘制月亮的倒影。选择刷子工具，设置填充色为黄色，刷子形状为纺锤状，拖动鼠标绘制倒影，绘制的效果如图3-27所示。图3-27绘制倒影 7用钢笔工具绘制苇花和月影 （1）单击选择缩放工具，在舞台任意位置单击鼠标，将舞台比例放大至400%。 （2）单击选择工具箱中的钢笔工具，在属性面板中设置笔触色为黑色，笔触样式为“极细”，如图3-28所示。图3-28选择笔触样式 （3）在舞台中单击鼠标，出现1个小圆圈状的锚点，接着移动鼠标指针到另一位置再次单击，两锚点间出现1条直线，如图3-29所示。然后移动鼠标指针到另一锚点按下鼠标左键不放，向左拖动后两点节间出现了1条曲线，如图3-30所示。图3-29绘制直线图3-30绘制曲线 （3）依次单击鼠标，运用钢笔工具绘制出苇花的轮廓，如图3-31所示。图3-31绘制苇花轮廓 （4）选择工具箱中的部分选取工具，在轮廓的锚点上拖动鼠标修改苇花的形状。修改时如果需要添加锚点可按住工具箱中的钢笔工具不放，在弹出的菜单中选择“添加锚点工具”，鼠标指针变成带十字的钢笔尖，在轮廓线上单击即可增加。用同样的方法可以选择“删除锚点工具”减少轮廓线的锚点。还可选择“改变锚点工具”改变曲线的形状。 （5）展开“颜色面板”，选择填充类型为线性渐变，设置填充色为从灰到白的渐变色，如图3-32所示。选择颜料桶工具为苇花填充颜色。图3-32设置填充色 （5）按住工具箱中的“任意变形工具”不放，在弹出的菜单中选择“渐变变形工具”，接着拖动圆形旋转手柄改变填充色的方向，拖动方形大小手柄改变填充的大小，如图3-33所示。运用选择工具选中轮廓线，然后按下键盘上的Del键删除轮廓线。图3-33调整填充色 （6）将绘制好的苇秆和苇花摆放整齐，按住键盘上的Shift键依次单击选中它们，接着按Ctrl+G键将它们组合起来。然后复制2个群组对象到舞台的合适位置处，并分别修改它们的大小，完成的效果如图3-34所示。图3-34组合芦苇至此，范例海上升明月制作完毕。教学后记:第四课 形状与变形 绘制一个基本形状后，大多数的情况往往需要对形状变形，这时就要用到“任意变形工具”，它可以对图形对象进行缩放、扭曲、封套变形等。 Flash CS3的“任意变形工具”和“渐变变形工具”被安排在一个组中，按住“任意变形工具”按钮不放，可弹出下拉列表，如图1所示。 图1 工具下拉列表 选择“任意变形工具”后，在工具箱的下方选项区有4个按钮，分别为“旋转与缩放”、“缩放”、“扭曲”和“封套”。按扭都是灰色显示，只有在场景中选择了具体对象后才会变成可使用状态。 4.1 旋转和缩放 以一个图形为例。选中图形，使用”任意变形工具”，这时图形被一个变形框包围着，中间有一个小圆圈，这就是变形中心点，这个中心点可以移动，在旋转缩放时就以它为中心。如图2所示。现在实际操作一下。 图2 任意变形框 （1）将鼠标移动到中心点上，鼠标右下角会出现一个圆圈标志，这时按住鼠标进行拖放就可以将其移动到任何位置。如图3所示。 图3 移动变形中心点 （2）将鼠标放到变形框任一角的手柄上，鼠标变成圆弧状，按住鼠标拖动到合适位置，就实现了对图形的旋转。如图4所示。 图4 旋转 （3）将鼠标放在任一手柄上，鼠标变双箭头形状，按住鼠标移动可以放大或缩小对象。如图5所示。 图5 任意缩放 （4）将鼠标放在变形框任一边手柄外的地方，鼠标变为两个平行反向的箭头形状，这时按住鼠标拖动可以使对象倾斜。如图6所示。 图6 倾斜4.2 扭曲和封套 旋转、缩放和倾斜方法对图形对象和元件都适用，而下面介绍的“扭曲”和“封套”就不能运用于元件上，除非将元件打散。“扭曲”和“封套”对图形的变形功能更强，以一个图形为例实际操作一下。 （1）选择“扭曲”按钮，选中对象，拖动边框上的角手柄或边手柄，移动该角或边，如图7所示。 图7 扭曲 （2）按住 Shift 键拖动转角点可以锥化该对象，如图8示。 图8 锥化 （3）选择”封套”按钮，拖动点和切线手柄修改封套，如图9所示。 图9 修改封套 完成后如图10所示。 图10 完成封套4.2 对象绘制模式 用Flash工具箱中的绘图工具直接绘制的图形叫做“形状”，选择“修改”|“组合”命令，可以将选中的对象组合成“组”。形状和组是Flash中的两个基本对象类型。本节将进一步讨论有关形状和组的应用。 另外，Flash CS3继续提供了绘图工具对象绘制模式。在这种模式下，Flash通过运用对象的“联合、交集、打空、裁剪”等操作选项，可以提高绘图的效率。本节将详细讲解它们的使用方法。4.2.1 形状和组 1认识形状 （1）新建一个影片文档，设置舞台背景颜色为蓝色。选择“多角星形工具”，在舞台上绘制一个没有边框、红色填充的五角星，如图11所示。 图11 绘制五角星 （2）切换到“选择工具”，单击舞台上的五角星。这时五角星处在选中状态：五角星上布满网格点。这是形状这种类型的对象具有的一个重要特征选中时图形上出现网格点，如图12所示。 图12 选中五角星 （3）保持圆处在选中状态，打开“属性”面板，如图12所示，可以清楚看到这个圆被称为“形状”。它的属性只有“宽”、“高”和“坐标值”。 2绘图技巧形状的切割和融合 （1）继续上面的操作。再次选择“多角星形工具”，设置边框色为无色、填充色为蓝色，然后在大五角星上面再绘制一个小一些的五角星，如图13所示。 图13 再绘制一个蓝色的五角星 （2）切换到选择工具，单击选中蓝色的五角星，然后把它拖动到旁边，这时的效果如图14所示。这时可以看到，蓝色的五角星将红色的五角星切割了。 图14 切割五角星 如果我们用红色的小五角星去切割红色大五角星，是否会切割成功呢？ （1）单击“主工具栏”中的“撤销”命令按钮若干次，恢复到原来舞台上只有一个圆的状态。使用多角星形工具，在大五角星上再绘制无边框、红色填充的小五角星，如图15所示。 图15 再绘制一个红色的小五角星 （5）切换到“选择工具”，单击大红角星，会发现整个图形全部被选中，如图16所示。此时，拖动鼠标将会移动全部图形。这说明两个五角星融合在了一起。 图16 图形融合在一起 3将形状转换为组 两个形状的接触，必然产生两个结果，图形的切割或融合。如果把其中的图形变成“组”，是否也会出现这两种情形呢？ （1）同样按照上小节的方法，绘制好一个大五角星。接着使用选择工具框选对象，然后选择“修改”|“组合”命令，这时，处在选中状态的五角星上面的网格点消失了，它的周围出现一个蓝色的矩形框。如图17所示。 （2）在“属性”面板中，可以看到组合后的对象变成了“组”。它的属性包括“宽”、“高”和“坐标值”。 （3）在舞台的五角星上绘制一个没有边框的蓝色小五角星，效果如图18所示。 图18 绘制一个小五角星 此时会发现，蓝色的小五角星部分消失了，小五角星被遮盖在下层了，两个图形并没有出现切割或融合的现象，仍然保持独立特性。 因此，可以得出结论：“形状”和“组”是不会切割或者融合的。而且，“组”对象要比“形状”对象的层次高。 如果现在想让小五角星出现在大五角星的上面，如何操作呢？ （1）选择小五角星，接着选择“修改”|“排列”命令，打开子菜单项，命令却全是灰色显示的。所以说，“形状”对象是不能排列层次的。 （2）选择大五角星，接着选择“修改”|“排列”|“下移一层”命令，舞台上的小五五角星并没有显示出来。因此，这种方法也是不可行的。 （3）这时可以也把小五角星转换为“组”类型，然后利用菜单命令就可以任意调整它们的层次关系了。4.2.2 对象绘制模式 通过前面小节的学习，我们明白了在同一图层绘制出来的形状或线条叠加在一起时，是会互相切割或者融合的。这个绘图技巧相当有效。 但是如果运用不当，也会给制作者，特别是初学者带来不少问题，最常见的就是移动对象时分不清对象，移走了填充，轮廓线仍在原处，给动画制作带来不必要的麻烦。 这时，就可以采用绘图方法对象绘制模式，有效地解决这个问题，这种模式出现在矩形、椭圆、钢笔、刷子等工具的选项中，如图19所示。 图19 对象绘制模式 接下来，使用“对象绘制模式”绘制一个对象。 （1）选择“椭圆工具”，在工具箱的选项中单击“对象绘制”按钮，在舞台上绘制一个正圆。 （2）在“属性“面板，可以看到绘制的椭圆不再是形状，而是一个绘制对象。 （3）任意改变一下笔触和填充颜色，再绘制一个椭圆。如图20所示。 图20 绘制对象 （4）将椭圆移走，可以看到，使用了“对象绘制”选项以后，在同一图层绘制出的形状和线条自动成组，在移动时不会互相切割、互相影响。 在这种模式下，如何完成对象的组合和切割呢？Flash CS3提供了更完善和便捷的方法。选择“修改”|“合并对象”命令，打开子菜单，可以看到一组菜单命令，如图21所示。 图21 菜单命令 下面通过绘制认识这一组命令的功能。在方便操作，使用一个命令后，通过按