《Dreamweaver8和Flash8案例教程》第9章创建和编辑对象研究报告.ppt

第9章 创建和编辑对象 【案例29】“梦幻仙境”动画 9.1 【案例30】“转圈的翡翠项链”动画 9.2【案例31】“荷塘月色”动画9.3【案例32】“青竹月圆”动画9.4【案例33】“迎接2008年奥运”动画9.5图形（包括打碎的位图和文字）图像可以看成是由线和填充（主要是填充颜色）组成的图形的着色有两种，一是对线的着色，二是对封闭图形内部的填充着色（或填充位图）工具箱中的工具一部分是只用于绘制和编辑线的，例如，线条工具、铅笔工具、钢笔工具和墨水瓶工具；一部分是只用于绘制和编辑填充的，例如，刷子工具、颜料桶工具和填充变形工具另外，有一些工具可以绘制和编辑线及填充，例如，椭圆工具、矩形工具、多角星形工具、橡皮擦工具、滴管工具、任意变形工具和套索工具等图9-1-1“梦幻仙境”动画播放后的两幅画面通过制作该案例，重点掌握“混色器”面板的使用方法另外，还进一步掌握使用套索工具，裁切图形、打碎的文字和位图图像的方法9.1.2操作过程1“混色器”面板的使用方法单击“窗口”“混色器”菜单命令，可调出“混色器”面板，如图9-1-12所示利用该面板可以调整笔触颜色、填充颜色和多色渐变的填充色混色器”面板内部分选项的作用如下。

9.1.3相关知识（1）“类型”下拉列表框：它也叫“填充样式”下拉列表框，从“混色器”面板的“填充样式”下拉列表框中选择一个选项，即可改变填充样式选择不同选项后，“混色器”面板会发生相应的变化，选择各选项的作用如下无”填充样式：删除填充纯色”填充样式：提供一种纯正的填充单色线性”填充样式：产生沿线性轨迹变化的颜色渐变，其“混色器”面板如图9-1-17所示 图9-1-17“混色器”（线性）面板中各选项名称“放射状”填充样式：表示产生从一个中心焦点出发沿环形放射状轨迹的颜色渐变，其“混色器”面板如图9-1-15所示位图”填充样式：表示用可选的位图图像平铺所选的填充区域，其“混色器”面板如图9-1-18所示图9-1-18“混色器”（位图）面板 （2）“红”、“绿”和“蓝”文本框：用来设置填充色中红色、蓝色和绿色的浓度可以通过输入或使用文本框的滑条来改变“红”、“绿”和“蓝”文本框内的十进制数，调整颜色另外，还可以在面板内右下角的文本框内输入16进制的颜色代码数据来调整颜色3）Alpha文本框：可以在Alpha文本框内输入百分数，以调整颜色（纯色和渐变色）的透明度如果Alpha值为0%，则创建的填充完全透明；如果Alpha值为100%，则创建的填充完全不透明。

4）两个调色板（颜色选择区域）：它们也叫“颜色选择器”，如图9-1-17所示利用它们可以给线和填充设置颜色通常，先在调色板中单击，粗略选择一种颜色，再在调色板中单击，拖曳十字准线指针，选择不同饱和度的颜色5）“填充颜色”按钮：它和工具箱“颜色”栏和“属性”面板中的“填充颜色”按钮作用一样，单击它可以调出颜色面板，利用它可以给填充设置颜色6）“笔触颜色”按钮工具箱“颜色”栏和“属性”面板中的“笔触颜色”按钮作用一样，单击它可以调出颜色面板，利用它可以给笔触设置颜色7）按钮组：它们的作用和工具箱“颜色”栏内相应的按钮组作用一样，从左到右，分别为设置笔触颜色为黑色，填充颜色为白色；取消颜色；笔触颜色与填充颜色互换8）“溢出”下拉列表框：用来选择溢出模式，如图9-1-19所示它用来控制超出线性或放射状渐变限制的颜色溢出模式有以下几种注意：仅FlashPlayer8支持溢出模式图9-1-19“溢出”下拉列表框扩展模式：将所指定的颜色应用于渐变末端之外，它是默认模式镜像模式：渐变颜色以反射镜像效果来填充形状指定的渐变色从渐变的开始到结束，再以相反的顺序从渐变的结束到开始，然后再从渐变的开始到结束，直到填充完毕。

采用这种模式填充，可以获得镜像的效果重复模式：渐变的开始到结束重复变化，直到选定的形状填充完毕为止9）“线性”复选框：选中该复选框后，可以创建与SVG（可伸缩的矢量图形）兼容的线性或放射状渐变对于“线性”和“放射状”填充样式，用户可以自己使用“混色器”面板，设计颜色渐变的效果下面以图9-1-17所示“混色器”（线形）面板为例，介绍其设计的方法如下2设置渐变色效果（1）移动关键点：所谓关键点就是在确定渐变时起始和终止颜色的点，以及颜色的转折点用鼠标拖曳调整条下边的滑块，可以改变关键点的位置，改变颜色渐变的状况2）改变关键点的颜色：单击选中调整条下边的关键点处的滑块，再单击按钮，弹出颜色板，单击选中某种颜色，即可改变关键点的颜色另外，还可以在“混色器”面板内右边的文本框中设置颜色和不透明度3）增加关键点：单击调整条下边要加入关键点处，即可增加一个新的滑块，即增加一个关键点这样，可以增加多个关键点，如图9-1-17所示但最多不可以超过15个用鼠标水平拖曳关键点滑块，可以调整这些关键点滑块的位置4）删除关键点：用鼠标向下拖曳关键点滑块，即可删除被拖曳的关键点滑块如果没有给“库”面板中导入位图，则第一次选择“填充样式”下拉列表框中的“位图”选项后，会弹出一个“导入到库”对话框。

利用该对话框导入一幅图像后，即可在“混色器”面板中加入一个要填充的位图库”面板内可以看到导入的缩小图像，如图9-1-18所示3设置填充图像单击其中一个图像，即可选中该图像为填充图像另外，单击“文件”“导入”“导入到库”菜单命令，或单击“混色器”面板中的“导入”按钮，可调出“导入”对话框，选择文件后，再单击“确定”按钮，即可在“库”面板和“混色器”面板内导入相应的位图图像利用这种方法，可以给“库”面板和“混色器”面板中导入多幅位图图像颜料桶工具的作用是对填充属性进行修改填充的属性有纯色（即单色）填充、线性渐变填充、放射状渐变填充和位图填充等使用颜料桶工具的方法如下4颜料桶工具（1）设置填充的新属性，再单击工具箱内的“颜料桶工具”按钮，此时鼠标指针呈状再单击舞台工作区中的某填充，即可用新设置的填充属性修改被单击的填充另外，对于线性渐变填充、放射状渐变填充，可以用鼠标在填充内拖曳出一条直线来修改填充2）单击工具箱中的“颜料桶工具”按钮后，“选项”栏会出现两个按钮这两个按钮的作用如下空隙大小”按钮：单击它可弹出一个菜单，如图9-1-20所示它用来选择对没有空隙（即有缺口）和有不同大小空隙的图形进行填充。

对有空隙图形的填充效果如图9-1-21所示 图9-1-20图标菜单图9-1-21填充有缺口的区域“锁定填充”按钮：该按钮弹起时，为非锁定填充模式；单击按下该按钮，即进入锁定填充模式在非锁定填充模式下，用刷子绘制一条灰度渐变的线条，设定渐变色中的关键点滑块颜色映射到线条上，如图9-1-22上边两条线条所示，无论长短都是左边浅右边深图9-1-22非锁定与锁定填充模式而在锁定填充模式下，关键点滑动条映射到背景上，就好像背景已经涂上了渐变色，但是被盖上了一层东西，因而看不到背景色，这时用画笔画一条线，就好像剥去这层覆盖物，显示出了背景的颜色，如图9-1-22下边两条线条所示在有填充的图形没被选中的情况下，单击按下“填充变形工具”按钮，再用鼠标单击填充的内部，即可在填充之上出现一些圆形、方形和三角形的控制柄，以及线条或矩形框，如图9-1-23所示5填充变形工具图9-1-23填充调整用鼠标拖曳这些控制柄，可以调整填充的填充状态调整焦点，可以改变放射状渐变的焦点；调整中心点，可以改变渐变的中心点；调整宽度，可以改变渐变的宽度；调整大小，可以改变渐变的大小；调整旋转，可以改变渐变的旋转角度1）改变线性填充：单击“填充变形工具”按钮，再单击线性填充。

线性填充中会出现2个控制柄和1个中心标记，如图9-1-24所示用鼠标拖曳这些控制柄，可以调整线性填充的状态图9-1-24调整线性填充 （2）改变放射状填充：单击“填充变形工具”按钮，再单击放射状填充放射状填充中会出现4个控制柄和1个中心标记，如图9-1-23所示用鼠标拖曳这些控制柄，可以调整放射状填充的状态3）改变位图填充：单击“填充变形工具”按钮，再单击位图填充位图填充中会出现7个控制柄和1个中心标记，如图9-1-25所示用鼠标拖曳控制柄，可以调整填充的状态 图9-1-25调整位图填充9.2.1学习目标“转圈的翡翠项链”动画播放后的两幅画面如图9-2-1所示通过制作该案例，重点掌握线属性的设置方法，绘制各种线条的方法，掌握墨水瓶工具和滴管工具的使用方法9.2.2操作过程9.2 【案例30】“转圈的翡翠项链”动画 图9-2-1“转圈的翡翠项链”图形1线属性的设置线属性包括线的形状、粗细（叫线型）和颜色等线属性可以利用线的“属性”面板来设置单击工具箱内的“铅笔工具”按钮、“钢笔工具”按钮、“椭圆工具”按钮或“矩形工具”按钮，绘制图形后使用选择工具选中图形中的线条或轮廓线，则“属性”面板如图9-2-8所示。

9.2.3相关知识利用线的“属性”面板设置线条、矩形和椭圆形轮廓线属性的方法如下图9-2-8形状的“属性”面板（1）线粗细和位置的调整：线是对象，因此也可以利用“属性”面板左下角的4个文本框或“信息”面板来精确调整线对象的粗细和位置2）笔触高度（粗细）的设定：在“属性”面板中的“笔触高度”文本框内输入线粗细的数值（数值在0.1到10之间，单位为pts），再按回车键还可以单击文本框右边的箭头按钮，弹出一个垂直的滑条，如图9-2-9所示用鼠标拖曳滑条上的滑块来改变线的粗细图9-2-9笔触高度调整（3）笔触样式的设定：单击线“属性”面板上的“笔触样式”下拉列表框右边的箭头按钮，弹出笔触样式（即线形状）列表（有实线、虚线等）如图9-2-10所示选中其中一种，即可设定线的一种形状图9-2-10“笔触样式”下拉列表框 （4）单击“属性”面板中的“自定义”按钮，弹出“笔触样式”对话框，如图9-2-11所示利用该对话框即可自定义笔触样式（线样式）笔触样式”对话框中各选项的作用如下图9-2-11“笔触样式”（点描）对话框由图9-2-11所示可以看出，它有许多可以设置的下拉列表框，读者没有必要去对这些下拉列表框和它们选项的作用一一进行了解。

因为在改变线型后，其左边的显示窗口内会显示出所设置线型的形状和粗细，可以形象地看到各个选项的作用类型”下拉列表框：用来选择线的类型，它有6种类型，如图9-2-12所示选择不同类型时，其下边会显示出不同的文本框与下拉列表框，利用它们可以修改线条的形状例如，选择“点描”选项时的“笔触样式”对话框，如图9-2-11所示图9-2-12“类型”下拉列表框“4倍缩放”复选框：选中它后，会将它上边的显示窗口内的线条的观察缩放放大到原来的4倍但实际的线条并没有放大粗细”下拉列表框：用来输入或选择线条的宽度，数值范围是0.1pts到10pts锐化转角”复选框：选中它后，会使线条的转折明显此选项对绘制直线无效5）线颜色的设置：单击“属性”面板或工具箱内的“笔触颜色”按钮，可以弹出笔触颜色的颜色板可以看到，该颜色板内有各种渐变色，可以给线直接着渐变色如果没有选中“椭圆工具”或“矩形工具”等绘图工具，则颜色板中没有（没有颜色）按钮线颜色的设定还可以通过“混色器”面板来完成利用它们设置线颜色的方法如下颜色板的使用方法：一是将鼠标指针移到面板的某一个色块之上单击；二是在其文本框内输入颜色的代码颜色代码的格式是#RRGGBB。

其中RR、GG、BB可以分别表示颜色中的红、绿、蓝颜色成分的大小，取值为00FF的十六进制数，数值越大，颜色越深单击颜色板中按钮，可以弹出一个Windows的“颜色”面板该“颜色”面板是Windows提供的，利用它也可以设置线条颜色利用如图9-1-27所示的“颜色样本”面板也可以调整线颜色，方法与使用颜色板一样在选中工具箱“颜色”栏中的“笔触颜色”按钮后，“混色器”面板左边分三栏，它们与“工具箱”内的“颜色”栏一样。