FlashMX2004入门到提高教程

FlashMX2004入门到提高教程 计算机培训教程 Flash MX 2004 入门到提高教程 总目录 第1课 推门而入------制作第一个动画 教学目的:熟悉Flash MX 2004工作环境，了解一个Flash影片的创建过程，理解Flash影片的文件格式，掌握Flash影片的保存、测试、导出 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 。 第1课附录 认识Flash MX 2004工作环境 第2课 基本绘图工具(一) 教学目的:熟练掌握“线条工具” 、“滴管工具” 、“墨水瓶工具” 、“选择工具”、“颜料桶工具” 、“刷子工具”、“任意变形工具”的使用方法和技巧。掌握一片树叶、一个树枝的绘制方法，并在实践过程中理解Flash构造图形的方法。 基本绘图工具(二) 第3课 教学目的:熟练掌握“椭圆工具”、“矩形工具”、“铅笔工具”、“部分选取工具”、“填充变形工具”、“索套工具”、“橡皮擦工具”的使用方法和技巧。进一步掌握Flash构造图形的方法。 第4课 绘图综合练习 教学目的:熟练掌握“变形”面板、“混色器”面板的使用方法，理解构造复杂图形时图层的使用方法，掌握将线条转化为填充及优化的方法，熟悉图形设置中“高级效果”的调整方法。 第5课 逐帧动画 教学目的:理解逐帧动画的工作原理，熟练掌握逐帧动画的制作方法。 第6课 形状补间动画 教学目的:理解形状补间动画的工作原理，熟练掌握形状补间动画的制作方法。 第7课 动作补间动画 教学目的:理解动作补间动画的工作原理，熟练掌握动作补间动画的制作方法。 第8课 遮照动画 教学目的:理解遮照动画的工作原理，熟练掌握遮照动画的制作方法。 第 1 页 共 97 页 计算机培训教程 第9课 沿路径动画 教学目的: 如何创建多层引导路径动画，熟练用文字做路径和创建光芒四射的星星的方法。 第10课 交互动画的灵魂------按钮 教学目的:学习用按钮控制动画的播放，掌握创建按钮的方法。 第11课 MC(影片剪辑)的应用实例------仿三维空间效果 教学目的:通过mc制作仿三维空间，掌握跳转并播放帧语句的应用方法。 第12课 声音 教学目的:理解按钮制作的原理，掌握给按钮添加声效和给背景添加声音的方法。 第13课 时间轴特效 教学目的:理解时间轴特效的原理。掌握时间轴特效的制作方法及如何扩展时间轴特效功能。 第14课 行为 教学目的:理解并应用行为，学习用行为实现“随意拖动外部加载的图像”动画效果。 第15课 对象类型以及绘画、动画技巧(一) 教学目的:Flash能够接受的对象类型包括:形状、组、元件(图形元件、按钮元件、影片剪辑元件)、位图、文字、声音、视频等。不同类型的对象功能不尽相同，运用的场合也不一样。对不同类型的对象充分理解并在动画制作中合理应用，是每一个入门闪客必须掌握的基本功。理解形状、组的特征以及绘画、动画应用。 第16课 对象类型以及绘画、动画技巧(二) 教学目的: 第17课 动画交互的简单控制 教学目的: 第1课 推门而入——制作第一个简单动画 Flash MX 2004是创作性的工具，可以创建简单的动画到复杂的交互式 Web 应用程序。在创作的过程中可以发挥个人的创意与Flash的技术结合做出有声有色的动画作品来。这一课将开始Flash之旅的第 第 2 页 共 97 页 计算机培训教程 一站，制作一个简单的“小球运动”实例，让大家熟悉Flash MX 2004的工作环境，掌握一些常用工具和功能菜单的使用方法，系统的学习应用Flash MX 2004完成基本动画的全过程。 知识要点 , 熟悉Flash的工作环境(第1课附录-----认识Flash MX 2004工作环境) , 文档属性的设置方法 , 图形元件的创建方法 , 绘图工具的使用方法 , 渐变填充的设置和调整 , 创建补间动画的技巧 , 导入和应用外部的图片 , 如何测试、保存和导出影片 制作步骤 ,(新建文档设置文档属性 步骤1 新建文档 单击Windows系统的【开始】菜单，执行【开始】|【程序】|【Macromedia】|【Macromedia Flash MX 2004】命令，启动Flash MX 2004，系统现弹出Flash MX 2004的启动界面。单击中间“开始页”【创建新项目】下的【Flash 文档】项目，创建一个新空白文档,如图1-3-2所示。 第 3 页 共 97 页 计算机培训教程 图1-3-2创建空白新文档 说明:还有一种创建新文件的方法，启动Flash MX 2004,执行【文件】|【新建】命令，在【常规】选项卡上选择【Flash 文档】，打开一个新的空白文档。 步骤2 打开属性检查器 执行【窗口】|【属性】命令(快捷键Ctrl+F3)，打开【属性检查器】面板。【属性检查器】面板位于舞台的下方，新建文档以后，用【属性检查器】面板来指定文档的【舞台】大小、【背景颜色】、【帧频】 (fps也就是播放速度)以及文档的【发布设置】等参数，如图1-3-3所示。 图1-3-3【属性检查器】面板 第 4 页 共 97 页 计算机培训教程 步骤3 设置文档属性 单击【属性检查器中】面板上【大小】右边的“控件按钮”，弹出设置【文档属性】对话框，最上面【尺寸】是用来设定【舞台】大小尺寸的，输入宽度的值:400 px(像素);高度的值不变:400 px(像素)，如图1-3-4所示。 图1-3-4【文档属性】对话框 说明:设置【舞台】的大小尺寸，最小可设定为高和宽均为 18 px (像素);最大可设定高和宽均为 2880 px (像素)。系统默认的尺寸是 px (像素)，可以在【标尺单位】的下拉菜单里面选择其他的单位，如:厘米、毫米等。 单击【背景颜色】右边的“取色按钮”，在弹出的【颜色样本】面板上选取颜色，选取颜色的同时鼠标指针变成【滴管工具】，找到天蓝色样本并拾取，同时可以查看在“十六进制文本框”中显示颜色值为 “#00CCFF”，如图1-3-5所示。 图1-3-5【背景颜色】选择 说明:除了用【滴管工具】直接在颜色样本中拾取颜色外，如果知道颜色的十六进制数值，可以在“十六进制文本框”中直接输入，颜色的十六进制值以“井”开头。 第 5 页 共 97 页 计算机培训教程 保持【文档属性】的其它参数不变，单击【确定】按钮，完成文档属性的设置，场景效果如图1-3-6所示。 图1-3-6完成属性设置的场景 说明: 【匹配】,【打印机】:匹配打印机，让底稿的大小与打印机的打印范围相同。 【匹配】,【内容】:匹配内容，在舞台上将内容四周的空间都设置为对称。 【匹配】,【默认】:匹配默认，使用默认值。 【帧频】:默认为12 fps。是动画每秒播放的帧数，默认的播放速度是每秒钟播放时间轴上的 12 帧，这是在 Web 上播放动画的最佳帧频。根据特殊需要可以修改。 【设为默认值】:将所有设定保存成默认值，当下次再开启新的影片文档时，影片的舞台大小和背景颜色会自动调整成这次设定的值。 2.创建图形元件 元件是在 Flash 中创建的图形、按钮或影片剪辑，是Flash动画中的基本构成重要元素之一。元件只需创建一次，即可在整个文档或其他文档中重复使用。而且多次使用它不会明显增大动画文件的体积大小。创建的任何元件都会自动成为当前文档的【库】的一部分。可以随时打开【库】面板进行调用，元件的应用使动画制作变得轻松快捷。 第 6 页 共 97 页 计算机培训教程 步骤1 新建图形元件: 执行【插入】,【新建元件】命令(快捷键 Ctrl+F8)，打开【创建新元件】对话框。在【创建新元件】对话框中，输入元件的【名称】为“小球”，【行为】选择【图形】前面的单选按钮，然后单击【确定】按钮，如图1-3-7所示。 图1-3-7创建小球元件的设置 步骤2 进入元件编辑状态 创建元件完成以后，编辑动画的【舞台】已经从“场景1”切换到“小球”图形元件的编辑状态，在【时间轴】的上方有“场景1”|“小球”的 提示 春节期间物业温馨提示小区春节期间温馨提示物业小区春节温馨提示春节物业温馨提示物业春节期间温馨提示 ，如图1-3-8所示。 图1-3-8小球图形元件的编辑场景 3.绘制图形 第 7 页 共 97 页 计算机培训教程 步骤1 设置圆形的颜色 选择【工具】面板上的【椭圆工具】，单击【工具】面板下面“颜色”区域的【笔触颜色】，在弹出的【颜色样本】面板上选择【没有颜色】;再单击【填充颜色】，在弹出的【颜色样本】面板上选择蓝色“#0000FF”，如图1-3-9和图1-3-10 所示。 图1-3-9设置圆形的笔触颜色图1-3-10设置圆形的填充颜色 说明:在绘制某个形状时，它的颜色有两个部分:外部线条称为【笔触颜色】，它描绘形状的轮廓;形状内部的着色称为【填充颜色】。在绘制图形之前，通常要先设置【笔触颜色】和【填充颜色】。 步骤2 绘制圆形 移动鼠标到【舞台】的中间，按住键盘“Shift”键同时按住鼠标左键拖动，绘制出一个随意大小的圆形，如图1-3-11所示。 图1-3-11绘制出的小球 第 8 页 共 97 页 计算机培训教程 说明:按住 Shift 键拖动可以将形状限制为正圆形，否则为不规则的椭圆形状。 步骤3 设置圆形的属性 选择【工具】面板上的【选择工具】，然后单击【舞台】上的“圆形”，执行【窗口】|【属性】命令(快捷键Ctrl+F3)，打开【属性检查器】面板，在【属性检查器】面板中设置【宽】和【高】都为“66”像素，【X轴】和【Y轴】的坐标都为“-33”，如图1-3-12所示。 图1-3-12设置圆形的属性 4.改变圆形为渐变填充 步骤1 选择渐变色填充类型 保持【舞台】上的“圆形”处于被选中状态，执行【窗口】,【设计面板】,【混色器】命令(快捷键Shift+F9)， 打开【混色器】面板。单击【填充样式】后面的下拉按钮，在弹出菜单中选择【放射状】渐变填充，如图1-3-13所示。 图1-3-13选择【填充样式】 第 9 页 共 97 页 计算机培训教程 说明:【混色器】面板可以创建并编辑纯色和渐变填充，还可以设置无色和位图的填充。渐变填充有两种方式，【线性】渐变填充是从起始点到终点沿直线逐渐变化的渐变方式;【放射状】渐变填充是从起始点到终点按照环形模式向四周逐渐变化。 步骤2 设置渐变填充颜色 单击中间【渐变定义栏】的下面“左边”的【渐变指针】，设置【放射状】渐变填充的起始点颜色，也就是圆心中间部位的颜色。在下面的“颜色空间”单击选择一种浅蓝颜色“#939BFD”，如图1-3-14所示。 图1-3-14调整起始点填充色 然后再单击【渐变定义栏】下面“右边”的【颜色指针】，设置【放射状】渐变填充的终点颜色，也就是圆形周围的颜色。在下面的“颜色空间”单击选择一种深蓝颜色“#36027D”，如图1-3-15所示。 图1-3-15调整终点填充色 第 10 页 共 97 页 计算机培训教程 步骤3 完成渐变色填充 颜色设置好以后，因为舞台上的“圆形”处于被选中状态，编辑颜色的同时被选中的“圆形”会自动添加编辑的渐变填充颜色，很像一个小球的形状，如图1-3-16所示。 图1-3-16渐变填充的小球 说明:如果没有事先选中绘制的图形，在【混色器】面板上编辑颜色以后，选择【工具】面板上的【颜料桶工具】，鼠标指针变成“颜料桶”形状，移动鼠标到舞台上单击绘制的形状也可以完成填充，这是填充颜色的另外一种方法。 步骤4 调整渐变填充 渐变填充完成以后，“圆形”有了立体感，但是不符合光源的照射规律，我们来调整“圆形”渐变填充的起始位置，使其看起来更接近自然界中的球体。 选择【工具】面板上的【填充变形工具】，移动鼠标到舞台上单击“圆形”，“圆形”的中间和周围出现4个【填充变形控制点】，如图1-3-17所示。 图1-3-17【填充变形工具】选中小球 第 11 页 共 97 页 计算机培训教程 移动鼠标到“圆形”中间的【填充变形控制点】上，鼠标指针变成“十字方向”，按住鼠标左键向左上方拖动，将“高光区”拖放到“圆形”的左上方，如图1-3-18所示。调整后的效果如图1-3-19所示。 图1-3-18移动填充变形控制点 图1-3-19调整后的效果 5.制作动画 步骤1 打开库面板 执行【窗口】,【库】命令(快捷建F11),打开【库】面板。在【库】面板中看见我们刚才创建的“小球”图形元件，如图1-3-20所示。 第 12 页 共 97 页 计算机培训教程 图1-3-20【库】面板 步骤2 布局第1帧上的小球 单击【时间轴】的上方“场景1”，切换到“场景1”的舞台，选中【库】面板中的“小球”图形元件，按下鼠标左键并拖动它到【舞台】的上边中间位置，如图1-3-21所示。 图1-3-21舞台上的小球位置 说明:按下快捷键Ctrl+L，可以快速打开【库】面板。【库】中保存的对象是创建好的可以重复使用的图形、影片剪辑或按钮。将【库】中的元件拖放到【舞台】上以后，【舞台】上的对象叫做元件的实 第 13 页 共 97 页 计算机培训教程 例。 新建文档的主场景在【时间轴】上只有一个【图层1】和一个【空白关键帧】，“小球”拖放到【舞台】上以后，就直接加到【图层1】的第一帧上，同时第一帧变成【关键帧】。【关键帧】是用来定义动画变化状态的帧，显示为实心圆，如图1-3-22所示。 图1-3-22小球第一帧的图层结构 步骤3 改变图层名称添加关键帧 鼠标双击【图层1】的图层名称处，输入“小球”将【图层1】重新命名为【小球】。单击选中【小球】图层的第20帧，执行【插入】|【时间轴】|【关键帧】命令(快捷键 F6)，在第20帧处插入一个【关键帧】，用同样的方法在【小球】图层的40帧插入一个【关键帧】，效果如图1-3-23所示。 图1-3-23插入关键帧的图层结构 说明:改变图层名称是为了图层数量增多时，可以一目了然分清每个图层所放置的内容是什么，因此重新命名时尽量和放置的元件名称接近。另外除了使用【插入】菜单中的命令插入帧，还可以用快捷键实现插入帧的操作。选中某个帧以后，按下F5键可以插入一个【普通帧】;按下F6键可以插入一个【关键帧】;按下F7键可以插入一个【空白关键帧】。 第 14 页 共 97 页 计算机培训教程 步骤4 调整20帧上小球位置 单击选中【小球】图层的第20帧，选择【工具】面板上的【选择工具】，然后移动鼠标到【舞台】的“小球”图形元件上，按住键盘上的“Shift” 键同时按住鼠标左键拖动“小球”到舞台的正下方，如图1-3-24所示。 图1-3-24调整后的小球位置 说明:按住“Shift”同时拖动舞台上的元件，可以保持水平或垂直移动元件。也可以45度的角度，向四个斜面方向移动。 步骤5 定义动作补间动画 选中【小球】图层的第1帧，打开【属性检查器】面板，在【属性检查器】面板中，单击【补间】后面的下拉按钮，在弹出的菜单中选择【动作】，如图1-3-25所示。 第 15 页 共 97 页 计算机培训教程 图1-3-25定义动作补间动画 【小球】图层的第1帧到第20帧之间出现一条浅蓝色背景的带黑色箭头的实线。 这样就实现了第1帧到第20帧的【动作】补间动画。用同样的方法，再实现第20帧到40帧之间的动画，完成后的图层结构如图1-3-26所示。 图1-3-26定义补间动画的图层结构 说明:所谓补间动画，是指只要做好起点【关键帧】和终点【关键帧】的图形，Flash就会自动补上中间的动画过程。要构成补间动画，同一个图层上至少有两个不同位置的【关键帧】。 步骤6 在场景中测试动画 拖动【时间轴】上的红色【播放头】到第一帧的位置，按下键盘的“Enter”键，动画开始播放，观察小球的【动作】补间动画效果，看见“小球”以平均的速度从上到下又回到上面。 步骤7 使动画更符合客观规律 我们观察到的“小球”是均速的上下运动，现实生活中受地球吸引力的因素，应该是向落下的速度越来越快，弹起以后到上面速度逐步减慢，下面我们来对补间动画属性进行一些设置，使“小球”的运动更符合客观规律。 选中【小球】图层的第1帧，打开【属性检查器】面板，在【属性检查器】面板中【简易】的参数文本框中输入“-100”，如图1-3-27所示。用同样的方法选中【小球】图层的第20帧，在【属性检查器】面板中【简易】的参数文本框中输入“100”。 第 16 页 共 97 页 计算机培训教程 图1-3-27设置补间动画的【简易】参数 说明:在定义补间动画时，通过设置一些相关参数可以使动画效果更丰富，比如上面定义的【简易】参数，可以将运动表现为先慢后快和先快后慢的效果。默认状态下，【简易】参数值为“0”，表示平均速度的运动，更改这个参数值，就可以实现加速运动或者减速运动。当值为正数时，运动为减速运动;当值为负数时，运动为加速运动。 步骤8 再次在场景中测试动画 拖动【播放头】到第一帧的位置，再按下键盘的“Enter”键，观察发现“小球”运动效果比较符合客观规律了。 6.给动画添加背景 步骤1 新建图层 单击【时间轴】左边“图层名称”底部的【插入图层】按钮，新建【图层2】，如图1-3-28所示。 图1-3-28插入图层 步骤2 改变图层顺序并重新命名 单击选中新建的【图层2】图层名称处，按住鼠标左键并拖动到【小球】图层的下面，然后双击【图层2】的图层名称处，输入“背景”将【图层2】重新命名为【背景】，如图1-3-29所示。 第 17 页 共 97 页 计算机培训教程 图1-3-29重新命名图层名称 说明:【时间轴】是控制动画的合成和播放的地方，它可以有不同的图层组成，可以把图层看成是堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中的不同图像，一层层地向上叠加。层可以帮助组织文档中的插图，可以在层上绘制和编辑对象，而不会影响其它层上的对象。上面的图层可以遮挡住下面图层的内容，当有很多图层时，可以组合出各种复杂的动画效果。 步骤3 导入背景图片 我们要给“小球运动”加上一个背景图片，使动画更加美观，事先选好一张和场景大小一致的图片。本例中的背景图片参见随书附带的光盘中的第一章的素材文件。 选中【背景】图层的第一帧，执行【文件】|【导入】|【导入到舞台】命令(快捷键Ctrl+R)，弹出【导入】对话框，在【导入】对话框中选择要导入的图片文件“背景.jpg”，然后点击【打开】按钮，如图1-3-30所示。 第 18 页 共 97 页 计算机培训教程 图1-3-30【导入】对话框 步骤4 设置图片在舞台上的位置 单击【打开】按钮以后“背景.jpg”导入到舞台上。默认状态没有摆放到【舞台】的中间，看起来很不美观，如图1-3-31所示。 图1-3-31刚导入的背景图片位置 执行【窗口】|【设计面板】|【对齐】命令(快捷键Ctrl+K)，打开【对齐】面板，保持右边【相对于舞台】按钮处于按下状态，分别单击【对齐】下面的“水平中齐”和“垂直中齐”按钮，如图1-3-32所示。 第 19 页 共 97 页 计算机培训教程 图1-3-32【对齐】面板 说明:“相对于舞台”处于按下的状态的，这样实现的是对于舞台为中心的对齐和分布，如果处于非“相对于舞台”状态下，则是两个以上对象之间的相互对齐和分布。 7.测试和保存动画 步骤1 测试动画 执行【控制】,【测试影片】命令(快捷键 Ctrl+Enter)，弹出(.SWF)测试窗口，可以观看整个动画的播放效果，测试动画效果是否满意。单击 (.SWF)测试窗的关闭按钮即可关闭。如果有不满意的地方可以继续回到场景对动画进行编辑和调试，直到满意为止。测试窗口如图1-3-33所示。 图1-3-33小球运动的测试窗口 说明:前面我们通过在场景中按下“Enter”键,观察了“小球”的动画效果，这是一种常用测试效果的方法，但是如果结构比较复杂，比如主时间轴上有影片剪辑对象，那么这样的测试方法就不能观察到动画的全部效果。必须通过上面的方法测试动画。 第 20 页 共 97 页 计算机培训教程 步骤2 保存动画 执行【文件】,【保存】命令(快捷键 Ctrl+S)，弹出【另存为】对话框，指定文件保存的路径，输入文件名“小球运动”，保存类型:Flash MX 2004 文档(*.fla)即文件的扩展名为 .fla。最后单击【保存】按钮保存动画，如图1-3-34所示。 图1-3-34【另存为】对话框 说明:在制作动画的过程中，按Ctrl+S键可以快速保存文件，养成经常保存的好习惯，以免突然断电等意外发生文件丢失。 8.导出动画 步骤1 导出动画 执行【文件】,【导出】,【导出影片】命令(快捷键 Ctrl+Alt+Shift+S)，弹出【导出影片】对话框，指定文件导出的路径和源文件保存在一个目录下，输入文件名“小球运动”，保存类型:Flash 影片(*.swf)即文件的扩展名为 .swf。然后单击【保存】按钮，如图1-3-35所示。 第 21 页 共 97 页 计算机培训教程 图1-3-35【导出影片】对话框 步骤2 导出设置 单击【保存】按钮以后，弹出【导出Flash Player】设置对话框，如图1-3-36所示。在这个对话框中可以设置导出动画文件的相关参数，本实例不作改动，保持目前默认的参数，单击【确定】按钮，导出动画完成。 第 22 页 共 97 页 计算机培训教程 图1-3-36【导出Flash Player】对话框 说明:在【导出Flash Player】对话框的最上边有个【版本】下拉菜单，在菜单里面可以选择将要导出的影片版本FlashPlayer1至FlashPlayer7，默认是Flash Player7，即FlashMX2004的播放器。如果别人的电脑没有安装FlashPlayer7的播放器，而是比较低的版本，可以选择导出低版本的播放器，这样在别人的电脑上才能观看到你做的动画影片。但是Flash MX 2004 新增加了一些新的功能，导出低版本的播放器播放就会丢失这些功能实现的效果。 【加载顺序】:设置Flash加载影片各层显示影片第一帧的顺序，此选项控制着Flash在速度较慢的网络或调制解调器连接上先显示影片的哪些部分，可以选择“由下而上”或“由上而下”的显示画面。默认设置即可，没有特殊要求不需改动。 【动作脚本版本】:到Flash MX 2004动作脚本也得到扩展升级到2.0，比以前的动作脚本语法要求严格了，如果你的动作脚本中用到2.0新增的扩展函数，就要发布成2.0版本的动作版本，不然在导出的影片文件中有些动作脚本不能正常执行。 第2课 绘图 在计算机绘图领域中，根据成图原理和绘制方法的不同，图像分为矢量图和位图两种类 第 23 页 共 97 页 计算机培训教程 型。 矢量图形是由一个个单独的点构成的，每一个点都有其各自的属性，如位置、颜色等。矢量图的清晰度与分辨率的大小无关，对矢量图进行缩放时，图形对象仍保持原有的清晰度和光滑度，不会发生任何偏差，如图2-0-1所示是放大了16倍的矢量图效果。 图2-0-1 矢量图放大到16倍时依然清晰 位图图像是由像素构成的，像素的多少将决定位图图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。因此，位图图像的清晰度与分辨率有关。对位图图像进行放大时，放大的只是像素点，位图图像的四周会出现锯齿状。如图2-0-2所示是放大了16倍的位图效果。 第 24 页 共 97 页 计算机培训教程 图2-0-2 位图放大16倍时模糊不清 在Flash动画制作过程中，会大量地运用到矢量图形。虽然有一些功能强大的矢量图绘制软件，如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等，而运用Flash自身的矢量绘图功能将会更方便，更快捷。在这一章里，我们将通过Flash基本绘图工具的学习，绘制出一些简单的矢量图。另外，Flash也具备一定的位图处理能力，虽然比不上专业的位图处理软件，但是对于制作动画过程中需要对位图的一些简单处理，它还是能够胜任的。 第一节 基本绘图工具(上) Flash 提供了各种工具，用来绘制自由形状或准确的线条、形状和路径，并可用来对对象进行上色，如图2-1-1所示是Flash的工具箱。 第 25 页 共 97 页 计算机培训教程 图2-1-1 绘图工具箱 我们将分两节来学习这些工具的使用方法。在本节中，将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。 1(线条的绘制与处理 【线条工具】是Flash中最简单的工具。现在我们就来画一条直线。用鼠标单击【线条工具】，移动鼠标到舞台上，按住鼠标并拖动，松开鼠标，一条直线就画好了。 用【线条工具】能画出许多风格各异的线条来。打开【属性】面板，在其中，我们可以定义直线的颜色、粗细和样式，如图2-1-2所示。 图2-1-2 直线【属性】面板 在如图2-1-2所示的【属性】面板中，单击其中的【笔触颜色】按钮，会弹出一个调色板，此时鼠标变成滴管状。用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值，16进制数值以#开头，如:#99FF33，如图2-1-3所示。 图2-1-3 笔触调色板 现在来画出各种不同的直线。单击【属性】面板中的【自定义】按钮，会弹出一个【笔触样式】对话框，如图2-1-4所示。 第 26 页 共 97 页 计算机培训教程 图2-1-4 【笔触样式】对话框 为了方便观察，我们把【粗细】设置为3pts，在【类型】中选择不同的线型和颜色，设 置完后单击【确定】，来看看设置不同笔触样式后画出的线条，如图2-1-5所示。 图2-1-5 不同类型的线条 多试试改变线条的各项参数，会对绘图能力的提高有很大帮助。 【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的 第 27 页 共 97 页 计算机培训教程 线条上。用【滴管工具】单击上面的直线，看看【属性】面板，它显示的就是该直线的属性，此时，所选工具自动变成了【墨水瓶工具】，如图2-1-6所示。 图2-1-6 使用【滴管工具】获取线条属性 使用【墨水瓶工具】单击其它样式的线条，可以看到，所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。 如果你需要更改线条的方向和长短，可以用【选择工具】来实现。 【选择工具】的作用是选择对象、移动对象、改变线条或对象轮廓的形状。在工具箱中选择【选择工具】，然后移动鼠标指针到直线的端点处，指针右下角变成直角状，这时拖动鼠标可以改变线条的方向和长短，如图2-1-7所示。 图2-1-7 改变线条方向和长短的鼠标形状 将鼠标指针移动到线条上，指针右下角会变成弧线状，拖动鼠标，可以将直线变成曲线。 第 28 页 共 97 页 计算机培训教程 这是一个很有用处的功能，它可以帮助我们画出所需要的各种曲线形状，如图2-1-8所示。 图2-1-8 改变线条为弧线状的鼠标形状 2(实例演练——绘制一片树叶 现在我们来实践一下，练习画一片树叶。 执行【文件】|【新建】命令，弹出【新建文档】对话框，在【类型】中选择【Flash文档】，单击【确定】，建立一个新的Flash文档，在这里我们不改变文档的属性，直接使用其默认值。 (1)新建图形元件 执行【插入】|【新建元件】命令，或者按快捷键Ctrl+F8，弹出【创建新元件】对话框，在【名称】中输入元件名称为“树叶”，如图2-1-9所示，选择【行为】为【图形】，单击【确定】按钮。 图2-1-9 创建图形元件 这时工作区变为“树叶”元件的编辑状态，如图2-1-10所示。 第 29 页 共 97 页 计算机培训教程 图2-1-10 “树叶”图形元件编辑场景 说明:图形元件是Flash的基本元素～有关它的详细内容请参阅第四章的有关内容。 (2)绘制树叶图形 在“树叶”图形元件编辑场景中，首先用【线条工具】画一条直线，设置【笔触颜色】为深绿色，如图2-1-11所示。 图2-1-11 画一条深绿色直线 用【选择工具】将它拉成曲线，如图2-1-12所示。 第 30 页 共 97 页 计算机培训教程 图2-1-12 拉成曲线 再用【线条工具】绘制一个直线，用这条直线连接曲线的两端点，如图2-1-13所示。 图2-1-13 连接两端 用【选择工具】将这条直线也拉成曲线，如图2-1-14所示。 第 31 页 共 97 页 计算机培训教程 图2-1-14 拉成曲线 一片树叶的基本形状已经绘制出来了，现在我们来绘制叶脉，先在两端点间绘制直线，然后拉成曲线，如图2-1-15和图2-1-16所示。 图2-1-15 画叶脉线 图2-1-16 直线变曲 再画旁边的细小叶脉，可以用直线，也可以将直线略弯曲，这样，一片简单的树叶就画好了，如图2-1-17所示。 第 32 页 共 97 页 计算机培训教程 图2-1-17 简单的树叶效果 (3)编辑和修改树叶 如果在画树叶的时候出现错误，比如说，画出的叶脉不是你所希望的样子，你可以执行【编辑】|【撤销】命令(快捷键为Ctrl+Z)，撤销前面一步的操作，也可以选择下面更简单的方法:用【箭头工具】单击想要删除的直线，被单击后的直线呈现网点状，说明它已经处于被选择状态，此时，你将可以对它进行各种修改了，如图2-1-18所示。 图2-1-18 被选中的线条 要移动选中的线条，就用鼠标拖动它，要删除它，就直接按键盘上的Delete键。按住Shift键的同时连续单击线条，可以同时选取多个对象。也可以用【选择工具】框选对象，被框选起来的对象将都被选中。如果要选取全部的线条，按键盘上的快捷键Ctrl+A，就可以将其全部选中了，如图2-1-19所示。 第 33 页 共 97 页 计算机培训教程 图2-1-19 框选对象 说明:在一条直线上双击～也可以将和这条直线相连并且颜色、粗细、样式相同的整个线条范围全部选取。 (4)给树叶上色 接下来我们要给这片树叶填上颜色。在工具箱中看到这个【颜色】选项了吗,如图2-1-20所示。 图2-1-20 【颜色】选项 单击【填充色】按钮，弹出一个调色板，同时光标变成吸管状，如图2-1-21所示。 第 34 页 共 97 页 计算机培训教程 图2-1-21 调色板 说明:除了可以选择调色板中的颜色外～还可以点选屏幕上任何地方～吸取你所需要的颜色。 ，如果你觉得调色板的颜色太少不够选，那么单击调色板右上角的【颜色选择器】按钮此时会弹出一个【颜色】对话框，其中有更多的颜色选项，在这里，你能把选择的颜色添加到自定义颜色中，如图2-1-22所示。 图2-1-22 【颜色】对话框 在【自定义颜色】选项下单击一个自定义色块，该色块会被虚线包围，在【颜色】对话框右边选择你喜欢的颜色，上下拖动右边颜色条上的箭头，拖动鼠标到你需要的颜色上，单 第 35 页 共 97 页 计算机培训教程 击【添加到自定义颜色】按钮，这种颜色就被你收藏起来了。下一次要使用时，打开【颜色】对话框，在【自定义颜色】中可以方便的选取你中意的颜色。 好了，现在我们在调色板上选取绿色，单击工具箱中的【颜料桶工具】，在画好的 -23所示。 叶子上单击一下，效果如图2-1 图2-1-23 填充颜色 【颜料桶工具】能在一个封闭的区域中填色。按快捷键Ctrl+Z，取消刚填充的颜色，现在我们用【橡皮擦工具】将线条擦出一个缺口，再填充右下角的区域，效果如图2-1-24所示。 图2-1-24 擦出缺口后的填充效果 你看，残缺线条的两边都填上了颜色。 第 36 页 共 97 页 计算机培训教程 现在，我们一块一块的填上颜色吧～但是在填充颜色前，你一定要将树叶图形恢复到使用【橡皮擦工具】进行擦除操作前的状态，可以按两次Ctrl+Z键来实现。 这时，你可能会想，如果我们刚才先填充颜色再画叶脉就省事多了。确实是这样，随着 -1-25所示。 不断地操作，绘图经验将越来越丰富。填充完的效果如图2 图2-1-25 填充颜色后的效果 至此，树叶图形就绘制好了。执行【窗口】|【库】命令，打开【库】面板，你将发现【库】面板中出现一个名称为“树叶”的图形元件，如图2-1-26所示。 图2-1-26 【库】面板中的“树叶”图形元件 第 37 页 共 97 页 计算机培训教程 说明:【库】面板是存储Flash元件的场所～我们所创建的元件对象以及从外部导入的图像、声音等对象都保存在这里～这里的元件可以拖放到场景中重复使用。有关【库】面板的详细内容请你参阅第四章的相关内容。 5)【颜料桶工具】选项 ( 选择【颜料桶工具】后，在工具箱中，单击【选项】下的封闭小空隙按钮，弹出一个菜单，其中有四个选项，可以根据自己的需要来确定，你可以自己试一下，如图2-1-27所示。 图2-1-27 颜料桶工具选项 说明:【颜料桶工具】是对某一区域进行单色、渐变色或位图填充的工具～它不能作用于线条。选择【颜料桶工具】后～在工具箱下边的【选项】中单击按钮～会弹出四个选项～如图2-1-27所示。其中～【不封闭空隙】表示要填充的区域必须在完全封闭的状态下才能进行填充,【封闭小空隙】表示要填充的区域在小缺口的状态下可以进行填充,【封闭中等空隙】表示要填充的区域在中等大小缺口状态下进行填充,【封闭大空隙】表示要填充的区域在较大缺口状态下也能填充。但在Flash中～即使中大缺口～值也是很小的～所在要对大的不封闭区域填充颜色～一般用笔刷。 3(【刷子工具】的用法 使用【刷子工具】可以随意地画出各种色块。当单击工具箱中的【刷子工具】后，工具箱下边就会显示出它的【选项】，我们先看看它的【选项】，如图2-1-28所示。 第 38 页 共 97 页 计算机培训教程 图2-1-28刷子工具选项 在这里，我们可以选定画笔的大小和样式以及它的填色模式。你可以自己选取不同的大小和样式练习练习，先找一找感觉。 下面我们利用刚刚画成的树叶来详细讲解它的填色模式。在图2-1-28所示的【选项】下单击按钮，则弹出填充模式下拉列表，如图2-1-29所示。 图2-1-29刷子的填色模式 (1) 标准 excel标准偏差excel标准偏差函数exl标准差函数国标检验抽样标准表免费下载红头文件格式标准下载 绘画 选择【刷子工具】，并将【填充色】设置为黄色，当然也可以设置为其它色。选择刷子的填色模式为【标准绘画】模式，移动笔刷到舞台的树叶图形上，在叶子上拖动鼠标，观察一下效果，如图2-1-30所示。 第 39 页 共 97 页 计算机培训教程 图2-1-30 标准绘画模式 你将发现，不管是线条还是填色范围，只要是画笔经过的地方，都变成了画笔的颜色。 (2)颜料填充 选择【颜料填充】模式，它只影响了填色的内容，不会遮盖住线条，效果如图2-1-31所示。 图2-1-31 颜料填充模式 (3)后面绘画 选择【后面绘画】模式，无论你怎么画，它都在图像的后方，不会影响前景图像，如图2-1-32所示。 第 40 页 共 97 页 计算机培训教程 图2-1-32 后面绘画模式 (4)颜料选择 选择【颜料选择】模式，先用画笔抹几下，丝毫不起作用。这是因为我们没有选择范围。用【选择工具】选中叶片的一块，再选择【刷子工具】进行绘制，此时可看到选择区域被涂上所选的颜色，如图2-1-33所示。 图2-1-33颜料选择模式 (5)内部绘画 第 41 页 共 97 页 计算机培训教程 选择【内部绘画】模式，在绘画时，画笔的起点必须是在轮廓线以内，而且画笔的范围也只作用在轮廓线以内，如图2-1-34所示。 图2-1-34 内部绘画模式 4(绘制树枝 现在我们要把这孤零零的一片树叶组合成树枝。 想一想，如果用多片这样一模一样的树叶组成树枝，是不是很难看呢,Flash为我们提供了一个很好的工具:【任意变形工具】。利用【任意变形工具】可以将前面绘制的树叶改变成需要的形状。 【任意变形工具】可以旋转缩放元件，也可以对图形对象进行扭曲、封套变形。选中树叶，在工具箱中选择【任意变形工具】，工具箱的下边会出现相应的【选项】，如图2-1-35所示。 第 42 页 共 97 页 计算机培训教程 图2-1-35任意变形工具选项 说明:【任意变形工具】的【选项】中共包括5个按钮～从上向下依次是:【对齐对象】、【旋转与倾斜】、【缩放】、【扭曲】和【封套】。当你选择了【任意变形工具】后～【选项】中的按钮并不是马上都被激活～除了【对齐对象】按钮～其他按钮都是灰色显示～只有你在场景中选择了具体的对象以后～其他4个按钮才变成可用状态。 (1)旋转树叶 选择【任意变形工具】后，单击舞台上的树叶，这时树叶被一个方框包围着，中间有一个小圆圈，这是变形点，当我们进行缩放旋转时，以它为中心，如图2-1-36所示。 图2-1-36变形点 变形点是可以移动的。将鼠标移近它，鼠标右下角会出现一个圆圈，按住鼠标拖动，将它拖到叶柄处，便于树叶绕叶柄进行旋转，如图2-1-37和图2-1-38所示。 第 43 页 共 97 页 计算机培训教程 图2-1-37 选取变形点 图2-1-38 拖动变形点到叶柄处 再将鼠标移动到方框的右上角，鼠标变成旋转圆弧状，表示这时就可以进行旋转了。向下拖动鼠标，叶子绕变形点旋转，到合适位置时松开鼠标，效果如图2-1-39所示。 图2-1-39旋转后的树叶 (2)复制树叶 用【选择工具】选中树叶图形，执行【编辑】|【复制】命令，再执行【编辑】|【粘贴到中心位置】命令，这样就复制出了树叶图片，如图2-1-40所示。 第 44 页 共 97 页 计算机培训教程 图2-1-40复制出的树叶图片 (3)变形树叶 将粘贴好的树叶拖到旁边，再用【任意变形工具】进行旋转。使用【任意变形工具】时，也可以像使用【选择工具】一样移动树叶的位置。 拖动任一角上的缩放手柄，可以将对象放大或缩小。拖动中间的手柄，可以在垂直和水平方向上放大缩小，甚至翻转对象。将树叶适当变形，如图2-1-41所示。 图2-1-41 缩放对象 说明:【任意变形工具】的各项功能也可以执行【修改】|【变形】菜单中的命令来实现～如图2-1-42所示。 第 45 页 共 97 页 计算机培训教程 图2-1-42变形命令 (4)创建“三片树叶”图形元件 再复制一片树叶，用【任意变形工具】将三片树叶调整成如图2-1-43所示的形状和位置。 在调整过程中，当调整效果不满意时，也许树叶已经不再处于被选中状态，有时要重新选取整片树叶很困难，我们可以多使用撤销命令，以恢复选取状态。当然也可以先新建图层，然后把每片树叶存放到相应的图层中，这样能大大方便树叶的选取，图层的知识我们将在后面介绍。 图2-1-43 树叶组合 第 46 页 共 97 页 计算机培训教程 如图2-1-42所示的三片树叶图形创建好以后，将它们全部选中，然后执行【修改】|【转换为元件】命令(快捷键为F8)，将它们转换为名字为“三片树叶”的图形元件。 把“树叶”元件场景中新增的两片树页删除。 (5)绘制树枝 以上的绘图操作都是在“树叶”编辑场景中完成的，现在返回到主场景:场景1，在时间轴的右上角有一个【场景1】按钮，如图2-1-44所示，单击它，这样就切换到了场景1。 图2-1-44 切换到【场景1】 单击【刷子工具】，选择一种填充色，在工具箱下边的【选项】中，选择【刷子形状】为圆形，【刷子大小】自定，单击按钮，选择【后面绘画】模式，移动鼠标到场景中，画出树枝形状，如图2-1-45所示。 图2-1-45 画出树枝 (6)组合树叶和树枝 执行【窗口】|【库】命令(快捷键为Ctrl+L)，打开【库】面板，你可以看到，【库】面板中有两个刚制作完图形元件，分别为“树叶”和“三片树叶”，如图2-1-46所示。 第 47 页 共 97 页 计算机培训教程 图2-1-46 元件库 单击“树叶”图形元件，将其拖放到场景的树枝图形上，用【任意变形工具】进行调整。元件【库】中的元件可以重复使用，只要改变它的大小和方向，就能制作出纷繁复杂的效果来，如图2-1-47所示。 图2-1-47 完成后的树枝效果 第 48 页 共 97 页 计算机培训教程 第3课 基本绘图工具(下) 1(【椭圆工具】和【矩形工具】的用法 在工具箱中选择【椭圆工具】，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆形。选择【矩形工具】，在场景中拖动鼠标可绘制出方角或圆角的矩形。在【属性】面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式，这与【线条工具】的属性设置一样。 现在我们来试试。单击【椭圆工具】，在【属性】面板中，选择【笔触颜色】为红色，【粗细】为5像素，【笔触样式】为圆点样式，【填充颜色】为黄色，在舞台上拖动鼠标。效果还行吧,试试用同样的方法画矩形。记住，按住Shift键的同时拖动鼠标可以将形状限制为圆形和正方形。 利用【矩形工具】还可以绘制出圆角的矩形。【矩形工具】中“圆角矩形”的角度可以这样设定:选择【矩形工具】后，单击工具箱下边的【圆角矩形半径】按钮，也可以用鼠标双击工具箱中的【矩形工具】，弹出【矩形设置】对话框，如图2-2-1所示。 图2-2-1 【矩形设置】对话框 在其中的【边角半径】中输入数值，使矩形的边角呈圆弧状。如果数值为零，则创建的是方角。你也可以在场景中拖动【矩形工具】时按住键盘上的上下方向键，以调整圆角半径。 按住【矩形工具】一会儿，会弹出一个菜单。单击【多角星形工具】，在【属性】面板中可以设置多边形边的数量和形状。在面板中单击【选项】按钮，弹出【工具设置】对话框，如图2-2-2所示。 第 49 页 共 97 页 计算机培训教程 图2-2-2 【工具设置】对话框 打开【样式】下拉菜单，可以选择【多边形】或【星形】，可以在对话框中定义多边形的边数，数值介于3~32之间。 下面是用不同样式和颜色随意画出的图案，如图2-2-3所示。你也试试吧，可以选择不同颜色不同样式多画些图形，以加深印象。 图2-2-3 用椭园工具和矩形工具画出的图案 2(画一座房子 第 50 页 共 97 页 计算机培训教程 学习了基本工具的用法，还需要灵活地运用才能制作出美好的图形来。我们来画一座简单的小房子，体验一下创作的快乐。 选择【矩形工具】，设置【笔触颜色】为黑色，单击【填充色】按钮，会出现颜色选择面板，在面板右上角单击按钮，如图2-2-4所示。 图2-2-4 颜色选择面板 设置完后，绘制出两个矩形，上面的矩形作房顶，下面的矩形作房身，如图2-2-5所示。 图2-2-5 绘制出两个矩形 第 51 页 共 97 页 计算机培训教程 用【选择工具】双击上面矩形的任一条边，将整个矩形全部选中，单击【任意变形工具】，将鼠标移动到所选矩形上边上，鼠标变成形状，拖动鼠标，将矩形斜切成平形四边形，如图2-2-6所示。 图2-2-6 将矩形变形为平形四边形 用【线条工具】将两图形连接起来，如图2-2-7所示。 图2-2-7 直线连接房顶与房身 用【线条工具】画屋顶的侧面。注意，按住Shift键拖动可以将线条限制在45度的倍数方向，所以，画房身的直线时，可以按住Shift键，如图2-2-8所示。 第 52 页 共 97 页 计算机培训教程 图2-2-8 画屋侧面 画出门的形状，如图2-2-9所示。 图2-2-9 画门 再来绘制窗户。使用【椭圆工具】画一圆形，用【选择工具】框选靠下的大半个圆，按Delete键，删除所选部分，剩下上面的弧线。紧接着弧线画一长方形，如果不容易对准，可以使用【放大镜工具】将画面放大。画好以后，双击【缩放工具】就可以恢复原状了，如图2-2-10所示。 第 53 页 共 97 页 计算机培训教程 图2-2-10 绘制窗户 增加直线，形成窗格。选中窗户，在【属性】里将颜色改为浅蓝色，并增粗，如图2-2-11所示。 图2-2-11 画窗格 将画好的房子填充颜色，并去除多余的轮廓线，如图2-2-12所示。 第 54 页 共 97 页 计算机培训教程 图2-2-12 填充颜色 一座漂亮的小房子就画好了，用Flash作图就这么简单。现在你一定信心大 增吧～ 3(【铅笔工具】的用法 【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样，在它的附属选项里有三种模式，如图2-2-13所示。 图2-2-13 铅笔工具选项 , 伸直模式:在伸直模式下画的线条，它把线条转成接近形状的直线。 , 平滑模式:把线条转换成接近形状的平滑曲线。 , 墨水模式:不加修饰，完全保持鼠标轨迹的形状。 下面是三种模式所画的线条，如图2-2-14。 图2-2-14 三种模式画的线条 第 55 页 共 97 页 计算机培训教程 【铅笔工具】的使用很简单，大家自己随意练习。【铅笔工具】虽有这三种模式，但是要用它直接绘画，需要看你对鼠标的驯服度了。要是你的鼠标不太听话，最好还是多使用【线条工具】和【钢笔工具】。 4(【钢笔工具】和【部分选取工具】的用法 用【钢笔工具】画路径是非常容易的。选择【钢笔工具】后，在舞台上不断地单击鼠标，就可以绘制出相应的路径，如果想结束路径的绘制，双击最后一个点。 说明:按住 Shift 键的同时再进行单击～可以将线条限制为倾斜 45 度的倍数方向。 创建曲线的要诀是在按下鼠标的同时向你想要绘制曲线段的方向拖动鼠标，然后将指针放在你想要结束曲线段的地方，按下鼠标按钮，然后朝相反的方向拖动来完成线段。如果觉得这条曲线不满意，我们还可以用部分选取工具来进行调整。 现在我们来练习画一条波浪线，为了让大家容易理解，先执行【视图】|【网格】|【显示网格】命令，在工作区中出现网格，使定点更容易。我们先在一个网格的顶点上单击鼠标确定起点，然后在顶点的对角点单击并拖动鼠标，如图2-2-15所示。 图2-2-15 拖动钢笔工具 然后每隔三个网格进行拖放，每次拖放的方向与前次向反。好，一条很有规律的波浪线出现了，如图2-2-16所示。 第 56 页 共 97 页 计算机培训教程 图2-2-16 钢笔工具画波浪线 可以看到，在画线时鼠标按下的地方出现了一个个节点，在工具箱中选择【部分选取工具】，单击节点，会出现两个手柄，如图2-2-17所示。 图2-2-17 选取节点 拖动手柄可以改变曲线的形状。按住Alt键并拖动手柄，可以不影响另一个手柄。拖动节点可以改变节点的位置，如图2-2-18所示。 图2-2-18 拖动手柄调节曲线形状 第 57 页 共 97 页 计算机培训教程 5(【填充变形工具】的用法 回头看看我们画的小房子，美中不足的是颜色比较呆板，在Flash中有没有办法让色彩过渡柔和平滑呢,我们将通过另一个实例来学习Flash中调整色彩 。我们的实例是制作一个网页上经常可以看变化的工具:【填充变形工具】 到的按钮图形，晶莹剔透，先看看效果，如图2-2-19所示。 图2-2-19 按钮效果 跟着教材一步一步进行操作，你将很快能做出这个按钮来。 选择【椭圆工具】，设置【填充色】为无，按住Shift键，在舞台上绘制出一个空心的正圆。 执行【窗口】|【混色器】命令，打开【混色器】面板，在其中选择填充类型为【放射状】，在颜色条下，单击左端的色标，设置为浅紫色(#D9C8FD)，单击右端的色标，设置为深紫色(#5407E4)，如图2-2-20所示。 第 58 页 共 97 页 计算机培训教程 图2-2-20 填充色设置 选择【颜料桶工具】，单击圆的中心略偏下的地方，将刚设置的渐变色填充到圆中，成为按钮下方的高光色。 在工具箱中选择【选择工具】，单击圆的外边框，将其选中，按键盘上的Delete键，将它删除。现在的高光色太圆太大，我们使用【填充变形工具】对其进行调整。 选择【填充变形工具】，单击图形，会出现一个带有三个手柄的环形边框，圆环中心的小圆圈表示填充色的中心，拖动此中心点，可以改变渐变色的位置;拖动方形的手柄可以改变填充渐变色的宽度，更改环形渐变的半径;拖动下边的圆形手柄，可以旋转填充色的方向，如图2-2-21所示。 图2-2-21 填充变形手柄 第 59 页 共 97 页 计算机培训教程 我们这里先向圆心处拖拉中间的手柄，使中间高光色缩小一些，如图2-2-22所示。 -2-22 收缩填充色 图2 再按住方形手柄向外拉，使高光色变得扁一点，如图2-2-23所示。 图2-2-23 拉长填充色 现在一个基本形状创建好了，注意以上操作都是在默认的【图层1】上完成的，下面我们要在一个新图层上创建另外的形状。 说明:在绘制复杂图形时～往往需要使用多个图层～分别在独立的图层上创建图形～然后再将它们叠放在一起～这样的好处是～图形互相各不影响～容易编辑和调整。有关图层的详细内容请参阅第3章的有关内容。 在【图层1】下面单击【插入图层】按钮，如图2-2-24所示。这样就可以插入一个新图层了。 第 60 页 共 97 页 计算机培训教程 图2-2-24 插入图层 为了使在新图层中的操作不影响下一图层，可将【图层1】锁定。单击【图层1】中与上面锁状按钮所对应的小黑点，可以将本图层锁定，如图2-2-25所示。 图2-2-25 锁定图层 选择【图层2】，使用【椭圆工具】绘制出一个椭圆，并移动到如图2-2-26所示的位置。 图2-2-26 绘制出一个椭园 在【混色器】面板中选择【线性】渐变，设置左边色标为白色，右边色块为深蓝色，为了更好地和第一层的颜色相融合，我们把右边色标的【Alpha】值设为0%，如图2-2-27所示。 第 61 页 共 97 页 计算机培训教程 图2-2-27 填充色设置 为椭圆填充渐变色，删除椭圆的轮廓线。 选择【填充变形工具】，单击图形，拖动小圆圈，顺时针旋转手柄90度，可见在线性渐变上显示的与径向渐变圆环外框不同，线性渐变为两条平行的直线，其中一条上有方形和圆形的手柄，方形手柄缩放渐变色，圆形手柄改变渐变色方向。和径向渐变一样拖动中心点调节渐变色的中心位置，如图2-2-28所示。 图2-2-28 调节线性渐变色 用鼠标拖动中心点，向上略提一点。按住方形手柄向圆心处拖拉，使渐变色缩小一些。我们的按钮就做好了，如图2-2-29所示。 第 62 页 共 97 页 计算机培训教程 图2-2-29 完成后的按钮 6(【套索工具】 【套索工具】是一种选取工具，使用的时候不是很多，主要用在处理位图时。选择【套索工具】后，会在【选项】中出现【魔术棒】、【魔术棒属性】和【多边形模式】，如图2-2-30所示。 图2-2-30 套索工具选项 在场景中随意绘制一个图形，选择【套索工具】，在【选项】里单击【多边形模式】，根据需要单击鼠标，当得到你需要的选择区域时，双击鼠标自动封闭所选区域，如图2-2-31所示。 第 63 页 共 97 页 计算机培训教程 图2-2-31 多边形模式 【魔术棒】用于对位图的处理。如果我们要选取位图中同一色彩，可以先设置魔术棒属性。单击【魔术棒属性】按钮，弹出【魔术棒设置】对话框，对于【阈值】，输入一个介于1到200之间的值，用于定义所选区域内，相邻像素达到的颜色接近程度。数值越高，包含的颜色范围越广。如果输入0，则只选择与所单击像素的颜色完全相同的像素。在【平滑】菜单中有四个选项，用于定义所选区域边缘的平滑程度，如图2-2-32所示。 图2-2-32 魔术棒设置对话框 执行【文件】|【导入】|【导入到舞台】命令，在Flash中导入一幅位图图像，保证图像处于选中状态，执行【修改】|【分离】命令(快捷键Ctrl+B)，将位图分离，选择【魔术棒】，单击需要选择的部分，如图2-2-34所示。 第 64 页 共 97 页 计算机培训教程 图2-2-34 选择图像背景 说明:利用上面叙述的方法可以将位图图像的背景去掉。具体方法是～将位图图像打散～选择【魔术棒】～设置魔术棒属性～选取位图背景～然后按下Delete键将所选背景删除。 7(【橡皮擦工具】 第 65 页 共 97 页 计算机培训教程 顾名思义，【橡皮擦工具】就和橡皮一样，可以擦去你不需要的地方。双击【橡皮擦工具】，可以删除舞台上的所有内容。选择【橡皮擦工具】，单击按钮，在弹出的菜单中有几个选项，如图2-2-35所示。 图2-2-35 橡皮擦工具选项 标准擦除:擦除同一层上的笔触和填充。 , 擦除填色:只擦除填充，不影响笔触。 , 擦除线条:只擦除笔触，不影响填充。 , 擦除所选填充:只擦除当前选定的填充，并不影响笔触(不管笔触是否被 选中)。以这种模式使用【橡皮擦工具】之前，请选择要擦除的填充。 , 内部擦除:只擦除橡皮擦笔触开始处的填充。如果从空白点开始擦除，则 不会擦除任何内容。以这种模式使用橡皮擦并不影响笔触。 在【选项】下选择【水龙头】，单击需要擦除的填充区域或笔触段，可以快速将其擦除。如果你只擦除一部分笔触或填充区域，就需要通过拖动进行擦除。 第4课 绘图综合练习 工具使用的基础知识已经学习完了，现在是我们大显身手进行创作的时候了。也许你还有些茫然，不知从何下手;也许你会说我的美术基 础不好，能行吗,没关系，看了下面的教程，即便没有美术基础的朋友也会说:噢，这个简单，我能做～好，我们现在就开始。 第 66 页 共 97 页 计算机培训教程 内容简介 碧蓝的天空，雪白的云朵，翠绿的山峰，波光闪烁的湖面上飘浮着美丽的花儿，小鸭在水面快乐的游泳„„要做出这个漂亮的场景并不难，造型简单，色彩艳丽，是Flash里很典型的创作方法。 知识提要 变形面板的使用方法 图层的运用 混色器面板的使用方法 线条转化为填充及优化方法 实例高级效果调整方法 制作步骤 1(绘制花朵 步骤1 新建影片文档，使用默认文档属性。保存影片文件，取名为“综合练习”。 步骤2 新建“花瓣”图形元件 执行【插入】|【新建元件】命令，弹出【创建新元件】对话框，输入元件【名称】为“花瓣”，选择【行为】为【图形】，单击【确定】按纽，如图2-3-1所示。 图2-3-1 创建图形元件设置 步骤3 画花瓣 在“花瓣”图形元件的编辑场景中，选择【椭圆工具】，设置【笔触颜色】为红色，【填充颜色】为无，如图2-3-2所示。 第 67 页 共 97 页 计算机培训教程 图2-3-2 颜色设置 在场景中绘制出一个圆形，用【选择工具】将圆形调整成花瓣形状，如图2-3-3所示。 图2-3-3 花瓣造型 说明:注意要让图形下端靠近场景中心的十字符号。因为我们下一步要做的旋转将以十字符号为中心。 步骤4 给花瓣填充颜色 执行【窗口】|【设计面板】|【混色器】命令，在【混色器】面板中选择填充类型为【放射状】，设定颜色为由大红到浅红渐变，如图2-3-4所示。设定填充颜色时凭感觉就好，不用太拘泥于具体的数值。 图2-3-4 填充色设置 在工具箱中选择【颜料桶工具】，给场景中的花瓣图像填充颜色，然后删除外框线条，如图2-3-5所示。 第 68 页 共 97 页 计算机培训教程 图2-3-5 填充颜色 步骤5 创建“花朵”图形元件 新建图形元件，元件名称为“花朵”。在这个元件的编辑场景中，将刚刚绘制好的“花瓣”元件从【库】面板中拖放到场景中，然后用【任意变形工具】将这个图形实例的中心点移动到花瓣图形的下端，如图2-3-6所示。 图2-3-6 “花瓣”图形元件实例 保持场景中的“花瓣”实例处于被选中状态，执行【窗口】|【设计面板】|【变形】命令，弹出【变形】面板，如图2-3-7所示。 第 69 页 共 97 页 计算机培训教程 图2-3-7 变形面板 在【变形】面板中，设置【旋转】为72度，单击【复制并应用变形】按纽，如图2-3-7所示。这时你会发现原来的花瓣旁边出现了一个同样的花瓣图形，接着再单击【复制并应用变形】按纽3次后，一朵花就画好了，如图2-3-8所示。 图2-3-8 完整的花朵 如果你觉得花瓣形状不太满意，可以随时打开“花瓣”元件进行调整，花朵形状会随之而发生变化。 2(画一只小鸭 步骤1 画小鸭身体形状 新建图形元件，取名为“小鸭”。在这个元件编辑场景中，使用【椭圆工具】绘制出一个椭圆图形，作为小鸭的身体，如图2-3-9所示。 第 70 页 共 97 页 计算机培训教程 -3-19 小鸭身体 图2 步骤2 画小鸭头部形状 在【图层1】上新插入一个图层。为防止破坏场景中原有的图形，单击【图层1】中与上面锁状图标相对应的小圆点，使其处于锁定状态。如要对【图层1】上的图形进行改动，再次单击此图标，即可解锁，如图2-3-10所示。 图2-3-10 插入新的图层 在【图层2】上，用【椭圆工具】绘制出圆，作为小鸭的头部形状，效果如图2-3-11所示。 图2-3-11 在新图层上绘制出小鸭头部 第 71 页 共 97 页 计算机培训教程 步骤3 画小鸭的嘴和尾巴 新建一个图层，在这个图层上，用【椭圆工具】在小鸭尾部和头部各画一小圆圈作为鸭嘴和鸭尾，用【选择工具】调整形状，如图2-3-12所示。 图2-3-12 画小鸭的嘴和尾 说明:上面我们在不同的图层上绘制了小鸭不同部位的形状～因为不同图层上的图形互相不影响～所以可以方便调整形状和填充颜色。 步骤4 填充颜色 执行【窗口】|【设计面板】|【混色器】命令，在【混色器】面板中选择【放射状】，设定渐变颜色从黄到深黄浅，如图2-3-13所示。浅黄颜色值(左边的颜色块)为#FDFC62，深黄颜色值(右边的颜色块)为#F99D06。 图2-3-13 混色器设置 第 72 页 共 97 页 计算机培训教程 分别填充小鸭身体、头部和尾，并将轮廓线删除，如图2-3-14所示。 图2-3-14 填充颜色 在【混色器】面板重新设置填充颜色。在其中选取【放射状】，设定渐变颜色从深褐色到浅褐色，如图2-3-15所示。从左到右三个颜色块的颜色值分别为:#F8AE67、#F99A3C、#AC500D。 图2-3-15 鸭嘴的颜色设置 填充鸭嘴，并用【填充变形工具】调整，删除轮廓线，如图2-3-16所示。 第 73 页 共 97 页 计算机培训教程 图2-3-16 调整颜色形状 步骤5 画小鸭眼睛 使用【刷子工具】，选择合适大小的笔刷，填充黑色，给小鸭点上眼睛，如图2-3-17所示。 图2-3-17 用笔刷工具点画眼睛 3(画一朵白云 步骤1 画白云轮廓形状 新建一个名字为“白云”的图形元件，在这个元件的编辑场景中，我们来绘制白云图形。 为了使白云形状丰满，线条圆滑，使用【钢笔工具】来描绘白云的轮廓，设置【笔触颜色】为任意，【填充色】为白色。在这里为了改动方便，在使用【钢笔工具】时，除第一点向内拖动外，其余各点均向外拖动，封闭图形后的效果如图2-3-18所示。 第 74 页 共 97 页 计算机培训教程 图2-3-18 用【钢笔工具】画白云 3-19使用【部分选取工具】，按住Alt键，调节节点手柄，调整完成如图2-所示。 图2-3-19 调整节点后的形状 步骤2 编辑和优化白云图形 选取白云轮廓线条，执行【修改】|【形状】|【将线条转换为填充】命令，并将转换过来的白云轮廓线条“填充色”改为浅蓝色。 接着再执行【修改】|【优化】命令，弹出【优化】对话框，直接单击【确定】按钮。为了更清楚地观察到处理好的白云效果，你可以在【属性】面板中将【背景】色改为蓝色，这时的白云效果如图2-3-20所示。 第 75 页 共 97 页 计算机培训教程 图2-3-20 绘制成的白云 前面的步骤我们创建了3个图形元件:“花朵”、“小鸭”和“白云”。以下的步骤我们要在主场景场景1中完成其他图形的绘制，并将3个图形元件和主场景中图形组合在一起。 4(画湖水和波浪 步骤1 画湖水 首先，从元件编辑场景返回到【场景1】。打开【混色器】面板，在其中选择【放射状】渐变类型，渐变颜色设置为从深蓝到浅蓝、浅绿的变化，如图2-3-21所示。从左到右四个色块的颜色值分别为:#162FD8、#83BDF5、#47EFF8、#E1FDFC。 图2-3-21 湖水颜色设置 在主场景中，双击【图层1】，输入新图层名称为“湖水”，按回车键确认，用【矩形工具】画一无边框的长方形，大小和位置如图2-3-22所示。 第 76 页 共 97 页 计算机培训教程 图2-3-22 画湖水 使用【填充变形工具】，将长方形的填充色调整为如图2-3-23所示的效果。 图2-3-23 调整湖水填充色 步骤2 画波浪 在【湖水】图层上新建一个图层，并将它改名为“波浪”。锁定【湖水】层，并单击【湖水】层与上面眼睛图标相对应的小圆点，使其为不可见，如图2-3-24所示。 图2-3-24 锁定图层并使图层不可见 第 77 页 共 97 页 计算机培训教程 说明:在多图层绘制图形时～为了各个图层的图形互相不影响～我们往往要锁定或者隐藏暂时不需要编辑的图层。 在【波浪】图层上，使用【钢笔工具】按照斜上、斜下的方向，画出如图2-3-25所示的波浪线。 图2-3-25 用【钢笔工具】画波浪 选中图2-3-25所示的线条，执行【修改】|【形状】|【将线条转换为填充】命令，把转换过来的波浪线条“填充色”设置为浅蓝色，再执行【修改】|【形状】|【优化】命令，最后效果如图2-3-26所示。 图2-3-26 优化后的波浪 框选波浪，按住Alt键并拖动鼠标，可以很快地进行对象的复制，复制出来的波浪使用【变形工具】调整为合适大小，并按从近到远，错落有致地排列，单击【湖水】层上的红叉按钮，使其上图形显示出来，这时舞台效果如图2-3-27所示。 第 78 页 共 97 页 计算机培训教程 图2-3-27 复制排列波浪 5(画山峰和天空 步骤1 画山峰 在【波浪】图层上新建一个图层，并将这个图层重新命名为“山”。 在【山】图层上，选择【铅笔工具】，在【选项】中选择【平滑】模式，在舞台湖水图形上画出山的形状，如图2-3-28所示。 第 79 页 共 97 页 计算机培训教程 图2-3-28 用【铅笔工具】画山形 打开【混色器】面板，在其中选择【线性】渐变类型，渐变颜色设置为深绿色至浅绿色的变化。给山轮廓图形填充颜色，如图2-3-29所示。深绿色颜色值为:#0A4B22、浅绿色颜色值为:#0AD62D。 第 80 页 共 97 页 计算机培训教程 图2-3-29 填充渐变色 说明:在多图层绘制图形时～要注意调整图层的上下次序～上下次序不一样～图形效果就不同。比如～如果画好的山和湖水衔接得不妥帖～比如有多余的部分～你可以将【山】图层拖动到【湖水】图层的下面～这样可以掩去多余部分。 步骤2 画天空 新建一个图层，并将这个图层重新命名为“天空”。 在【混色器】面板中重新设置填充颜色。填充类型设置为【线性】渐变，渐变颜色设置为从深蓝色到浅蓝色的变化，如图2-3-30所示。深蓝色颜色值为:#162FD8、浅蓝色颜色值为:#81E0F3。 图2-3-30 天空颜色设置 在【天空】图层上，选择【矩形工具】，在舞台上部画一个长方形，然后使用【填充变形工具】进行调整，如图2-3-31所示。 第 81 页 共 97 页 计算机培训教程 图2-3-31 填充调整色彩 最后，将【天空】图层拖动到【山】图层下方。 6(创建【花朵】图层 新建一个图层，并将这个图层重新命名为“花朵”。我们要将【库】面板中的“花朵”图形元件放置在这个图层上，并且还要调整这些花朵实例的高级效果。 步骤1 在舞台引用一个“花朵”实例 在【花朵】图层上，按快捷键Ctrl+L，打开【库】面板，从【库】中将“花朵”图形元件拖放到舞台上，此时，舞台上就出现一个“花朵”实例，如图2-3-32所示。 图2-3-32 “花朵”实例 说明:【库】面板中存放的是元件～将【库】面板中的元件拖放到舞台上的对象叫做元件的实例。有关元件和实例的详细内容请参阅第四章的相关内容。 为了改善画面的整体效果，使用【任意变形工具】将舞台上的“花朵”实例缩放到适合大小，并略微压扁。 步骤2 复制“花朵”实例 按住Alt键并同时用鼠标拖放“花朵”实例，复制出一些花朵来，然后使用【任意变形工具】将其进行适当的缩放和旋转，效果如图2-3-33所示。 第 82 页 共 97 页 计算机培训教程 图2-3-33 复制不同的花朵 步骤3 调整“花朵”实例的颜色 选中一个“花朵”实例，打开【属性】面板，在其中单击【颜色】下拉菜单，选中【高级】选项，然后单击【设置】按钮，弹出【高级效果】对话框，在其中可以设置所选“花朵”实例的颜色效果。【属性】面板如图2-3-34所示，【高级效果】对话框如图2-3-35所示。 图2-3-34 【属性面板】 图2-3-35 【高级效果】对话框 第 83 页 共 97 页 计算机培训教程 在【高级效果】对话框中，可以调整相对应的颜色参数的各项数值。你可以一边调整一边观察花朵实例的颜色变化，到满意的色彩时单击【确定】按钮即可，如图2-3-36所示。 图2-3-36 调整高级效果颜色参数数值 请按照上面的方法，将舞台上的花朵调整出不同的色彩来，参考效果如图2-3-37所示。 图2-3-37 五彩缤纷的花朵 7(整理完成整个画面 步骤1 创建【小鸭】图层 新建一个图层，并将其重新命名为“小鸭”。在这个图层上，将“小鸭”图形元件从【库】面板中拖放到舞台上合适位置，如图2-3-38所示。 第 84 页 共 97 页 计算机培训教程 图2-3-38 将小鸭放到舞台上 步骤2 创建【白云】图层 新建一个图层，并将其重新命名为“白云”。在这个图层上，将“白云”图形元件从【库】面板中拖放到舞台上合适位置。然后复制两个“白云”图形实例，使用【任意变形工具】调整白云形态，如图2-3-39所示。 第 85 页 共 97 页 计算机培训教程 图2-3-39 将白云放到舞台上 步骤3 进一步完善画面效果 新建一个【花枝】图层。在这个图层上，参照前面介绍的画法，另外画一朵造型不同的花朵，并按第一节介绍的办法画出绿叶搭配好。 如果此时你发现有些图形溢出舞台画面，使画面显得参差不齐，可以新建一个图层，用【矩形工具】画上黑色边框，完成后的效果如图2-3-40所示。 图2-3-40 完整的效果图 第5课 逐帧动画 本课资源下载 逐帧动画是一种常见的动画形式(Frame By Frame)，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 因为逐帧动画的帧序列内容不一样，不但给制作增加了负担而且最终输出的文件量也很大，但它的优势也很明显:逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，而它类似与电影的播放模式，很适合于表演细腻的动画。例如:人物或动物急剧转身、 头发及衣服的飘动、走路、说话以及精致的3D效果等等。 第 86 页 共 97 页 计算机培训教程 5(1 利用逐帧动画制作林中散步的女孩 学习目的 本节你将学习掌握以下知识: , 逐帧动画的制作方法 , 【绘图纸外观】按钮的使用方法 , 【编辑多个帧】按钮的使用方法 , 【修改绘图纸标记】按钮的使用方法 , 【对齐面板】的使用方法 , 插入帧与删除帧 学习方法 第 87 页 共 97 页 计算机培训教程 本节要学习的是将几张静态图片连续导入到Flash中，并利用【绘图纸】功能及【对齐面板】将图像对齐，最后建立一段林中散步女孩的逐帧动画。 对于初学者来说，将图片导入到Flash中非常容易做到，但是同时编辑所有导入的图片，并且将它们对齐放在合适的位置，在这点上初学者可能就会一知半解了。本节主要教给你一种同时编辑多个对象的简单方法，并且通过本节的讲解，初学者可以照葫芦画瓢的制作出精彩的课后练习，来加强学习成果，提高学习兴趣。 课前热身 (1)创建影片文档 执行【文件】|【新建】命令，在弹出的对话框中选择【常规】|【Flash文档】选项后，单击【确定】按钮，新建一个影片文档。在【文档属性】对话框中进行设置:文件大小为550×480像素，【背景色】为白色，如图5-1-1所示。 图5-1-1 设置文档属性 (2)修改图层名称 双击 【图层1】的图层名称，将其图层名称修改为【背景】，如图5-1-2所示。 图5-1-2 修改图层名称 专家提示:及时修改图层名称让其与内容相对应～可以更准确快速的找到每个图层中的内容～方便编辑与修改～所以养成一个良好的图层命名习惯是必要的。 第 88 页 共 97 页 计算机培训教程 (3)导入背景图片及人物图片 单击【背景】层第一帧，执行【文件】|【导入】|【导入到舞台】命令，将素材包1中的“背景.bmp”图片导入到场景中，选择第16帧，按下F5插入帧，使帧的内容延续到第16帧，如图5-1-3所示。 图5-1-3 导入背景图片 新建一个图层，命名为【人物】。单击此层第1帧，执行【文件】|【导入】|【导入到舞台】命令，弹出。。。。。将素材包1中的走路系列图片导入(只需选中走路1.gif导入即可)。此时会弹出一个对话框，如图5-1-4所示。 图5-1-4 系列图片导入 选择【是】按钮，Flash会自动把gif中的图片序列按序号以逐帧形式导入到场景中，如图5-1-5所示。 第 89 页 共 97 页 计算机培训教程 图5-1-5 导入的gif动画在场景的上方形成帧帧动画 如下图5-1-6所示是导入后的动画序列，它们被Flash自动分配在8个关键帧中。 第 90 页 共 97 页 计算机培训教程 图5-1-6 导入的8张图片 (4)多帧编辑调整对象大小 虽然图片已经导入进来了，但是导入的序列图片大小已经超出了场景范围。我们可以一帧帧来调整图片大小:先将一幅图缩小，将其位图的宽高值记下，再把其它图片设置成相同坐标值。但是这种作法非常浪费时间，Flash软件已经为大家准备好了【编辑多个帧】按钮，下面就一起来进行多帧编辑。 专家提示:缺省状况下～导入的对象被放在场景坐标“0～0”处～而且大小有可能与场景内容不符～所以我们必须调整其大小并移动它们。 单击【背景】图层在【时间轴】面板小黄锁下方的黑点，对此图层进行加锁，如图5-1-7所示。 图5-1-7 锁定背景层 专家提示:在进行多帧编辑时～编辑的是场景中全部对象～为了避免误操作～所以要将一些不需要编辑的图层进行锁定。 单击【时间轴】面板下方的【编辑多个帧】按钮，再单击【修改绘图纸标记】按钮，在弹出的菜单中选择【绘制全部】命令，如图5-1-8所示。 第 91 页 共 97 页 计算机培训教程 图5-1-8 选择显示全部选项 最后执行【编辑】|【全选】命令，此时时间轴和场景效果如图5-1-9所示。 图5-1-9 选取多帧编辑 在【属性】面板上单击黑锁按钮将长宽比例锁定，设置宽为120，按下【回车】键后所有选中的图像变小，如图5-1-10所示。 第 92 页 共 97 页 计算机培训教程 图5-1-10 调整位图大小 利用【工具箱】中的【选择工具】将所有图片拖放到场景中央，执行【窗口】|【设置面板】|【对齐】命令(快捷键Ctrl+K)，在弹出的【对齐】面板中单击【上对齐】按钮， -1-11所示。 将所有的图像上方对齐，如图5 图5-1-11 上对齐位图 单击【编辑多个帧】按钮，取消编辑多个帧。再单击一下【绘图纸外观】按钮，用鼠标选中每一帧上的位图，利用键盘上的左右方向键移动位图，使所有位图重叠在一起，如图5-1-12所示。 图5-1-12 移动图像使其重叠 单击【绘图纸外观】按钮取消其多帧查看效果。 第 93 页 共 97 页 计算机培训教程 (5) 插入帧与删除多余的帧 现在可以按“Ctrl+Enter”测试一下动画效果，会发现，一帧一个动作对于人物走动来说速度过于太快，所以在【人物】图层的各帧上按一下F5(插入一帧)，如图5-1-13所示。 图5-1-13 将【人物】层各帧延长一帧 指点迷津——插入帧的其它两种方法是:?在【时间轴】要插入帧的地方右击～在弹出的快捷菜单中选择【插入帧】命令。?执行【插入】|【时间轴】|【帧】命令。 选中17帧至24帧，在时间轴上右击，在弹出的快捷菜单中选择【删除帧】命令，将多余的帧删除，如图5-1-14所示。 图5-1-14 删除帧 (6) 测试存盘 执行【控制】|【测试影片】命令(快捷键Ctrl+Enter)，观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“走路.fla”文件，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令。 至此，一个在林中散步的漂亮女孩逐帧动画就制作完成了(参见素材包1)。 课堂讲解 在前面的“课前热身”中，我们利用实例讲解了【对齐面板】中的上对齐功能，利用导入静态图片创建逐帧动画的方法，还讲解了【绘画纸】里的【绘图纸外观】按钮、【编辑多个帧】按钮、【修改绘图纸标记】按钮的使用方法。下面详细的讲解一下【绘画纸】的功能、【对齐面板】的应用，并给大家归纳总结创建逐帧动画的方法。 1(【绘画纸】的功能 【绘画纸】是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你 第 94 页 共 97 页 计算机培训教程 就可以在舞台中一次查看两个或多个帧了。 如图5-1-15所示，这是使用【绘画纸】功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以半透明显示，它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上，这些内容相互层叠在一起。当然，这时你只能编辑当前帧的内容。 如图5-1-15 同时显示多帧内容的变化 【绘画纸】各个按钮的功能: ? 【绘图纸外观】按钮:按下此按钮后，在时间帧的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 ? 【绘图纸外观轮廓】按钮:按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 ? 【编辑多个帧】按钮:按下后可以显示全部帧内容，并且可以进行“多帧同时编辑”。 ? 【修改绘图纸标记】按钮:按下后，弹出菜单，菜单中有以下选项: 【总是显示标记】选项:会在时间轴标 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 中显示绘图纸外观标记，无论绘图纸外观是否打开。 【锚定绘图纸】选项:会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动。 【绘图纸 2】选项;会在当前帧的两边显示两个帧。 【绘图纸 5】选项;会在当前帧的两边显示五个帧。 【绘制全部】选项;会在当前帧的两边显示全部帧。 2(【对齐面板】的应用 使用【对齐面板】，可以对编辑区中多个对像进行排列、分布、匹配大小、调整间隔等操作，使布局整齐美观，如图5-1-16所示。 第 95 页 共 97 页 计算机培训教程 图5-1-16 对齐面板 【对齐面板】由排列对齐、分布对齐、匹配大小、间隔以及相对舞台同几部分组成: (1)排列对齐(水平排列和垂直排列) ?水平排列:从左到右分边是水平方向的左对齐、左右居中对齐、右对齐。 ?垂直排列:从左到右分边是垂直方向的上对齐、上下居中对齐、下对齐。 (2)分布对齐(水平分布和垂直分布): ?水平分布:从左到右分别为垂直方向基于上边缘的分布、基于中心的分布、基于下边缘的分布。 ?垂直分布:从左到右分别为水平方向基于左边缘的分布、基于中心的分布、基于右边缘的分布。 (3)匹配大小:将一组对象的宽度、高度或两者调整为对象的最大尺寸。从左到右分别为水平对齐、垂直对齐、水平垂直对齐。 (4)间隔:将一组对象在水平或垂直方向上按照等间距的方式排列。从左到右分别为水平间距的调整、垂直间距的调整。 (5)相对舞台:在默认状态时上述按钮的操作是对于对象本身的，单击此按钮后，则所做的操作是相对于舞台的。 3(创建逐帧动画的方法: (1)用导入的静态图片建立逐帧动画:用jpg、png等格式的静态图片连续导入到Flash 第 96 页 共 97 页 计算机培训教程 中，就会建立一段逐帧动画(参考实例:走路)。 (2)绘制矢量逐帧动画:用鼠标或压感笔在场景中一帧帧的画出帧内容(参考实例:雪莲花)。 (3)文字逐帧动画:用文字作帧中的元件，实现文字跳跃、旋转等特效。 (4)指令逐帧动画:在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 (5)导入序列图像:可以导入gif序列图像、swf动画文件或者利用第3方软件(如swish、swift 3D等)产生的动画序列。 课后练习 1(利用导入静态图片建立逐帧动画法制作骏马飞奔的动画。(素材包2) 2(利用绘制矢量逐帧动画法制作盛开的雪莲花(请参考下载资源中的范例源文件)。 3(利用文字逐帧动画制作文字跳跃、旋转特效。 4(利用导入素材包4中的7.gif动画图片制作小鸟飞的逐帧动画。 5(利用素材包4中sucai.fla制作出天篷元帅斗篷的飘动效果(在斗篷与领带两层制作逐帧动画)。 专家提示:用选择工具及部分选取工具逐帧修改对象衣角～形成斗篷与领带飘动效果～其每帧图像效果如图5-1-17所示。 逐帧动画第1帧 逐帧动画第2帧 逐帧动画第3帧 图5-1-17 天篷元帅斗篷的飘动效果逐帧动画 第 97 页 共 97 页