《Fireworks8的简单使用.doc》由会员分享，可在线阅读，更多相关《Fireworks8的简单使用.doc（14页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第15章 Fireworks 8本章学习要求 了解Fireworks的特点及应用领域，了解矢量图和位图的区别，熟练地使用Fireworks 8处理位图以及制作一些简单的矢量图形。 能对Fireworks 8的交互功能有一个全面地了解，并重点掌握GIF动画的制作、导航条的制作以及切片。15.1 Fireworks基础15.1.1 Fireworks的基本功能 作为一个图像处理软件，在绘图方面Fireworks结合了位图以及矢量图的特点，不仅具备复杂的图像处理功能，并且还能轻松地把图形输出到Flash、Dreamweaver以及第三方的应用软件。在网页制作方面，Fireworks 能快速地为图形创
2、建各种交互式动感效果，不论在图像制作还是在网页支持上都有出色的表现。随着版本的不断升级、功能的不断加强，Fireworks 受到越来越多图像网页制作者的青睐。Fireworks 8中文版更是以它方便快捷的操作模式，在位图编辑、矢量图形处理与GIF动画制作功能上的多方面优秀整合，赢得诸多好评。15.1.2 Fireworks的特点1能获得最高质量的设计结果，在集成的环境中灵活运用带有无缝矢量和位图编辑的创意控件。2生成无损于出色外观的高度优化的文件。在使用优化功能（如导出、预览、跨平台Gamma预览，以及选择性JPG压缩）提供的任何方案下，使图形呈现最佳的外观。3切割和导出页面排版：切割Fire
3、works页面布局，并导出整个页面，或选定的片段（包括图形、HTML和翻转特效的代码）导出到HTML编辑器（如Dreamweaver或Microsoft FrontPage）。4创建复杂的Web导航：不必了解如何编写代码即可生成按钮、交互式界面和弹出菜单的图形和Javascript。15.2 Fireworks 8介绍 15.2.1 Fireworks 8的新增功能1新增图像编辑面板。这个新面板是一个中枢位置，从这里可以访问常用的图像编辑工具、滤镜和菜单命令。2. 支持更多格式导入。Fireworks 8现在支持导入QuickTime图像、MacPaint、SGI和JPEG2000文件格式（对
4、QuickTime的支持需要QuickTime插件）。3优化了批量输出流程。对此工作流程的优化包括简化的重命名功能，在批处理过程中进行缩放时检查文件尺寸的功能，增加了状态栏和日志文件等。4增强矢量图兼容性。在Flash和Fireworks之间移动对象时，会保留矢量性（填充、笔触、滤镜和混合模式）。5. 识别ActionScript颜色值（0xFFCC00）。在将ActionScript颜色值从Flash复制并粘贴到Fireworks颜色值字段中时，Fireworks 8可识别该颜色值。6CSS下拉菜单制作。Fireworks 8使用CSS（层叠样式表）格式创建交互式的弹出菜单。这可以帮助用户轻
5、松的自定义和使用Dreamweaver构建网站进行完美集成的代码。7透视阴影：为打开的路径和文本对象添加透视阴影。8立体阴影：对多次所应用到的对象印上标记的新动态滤镜。9移动设备界面组件：使用位图界面组件快速创建移动界面模型。10特殊字符面板。使用此新面板可用于修改自动形状属性的属性，如“星形自动形状”或“箭头自动形状”。11新的混合模式：25个新选项，可改变颜色和对象的外观。15.2.2 Fireworks 8的工作环境 菜单栏：提供全面的菜单操作命令。 工具面板：在工具面板中包含了用于创建、选择和编辑矢量图形或位图图像的所有工具。 文档编辑窗口：对Fireworks文档进行编辑的区域。 属
6、性面板：根据用户选定对象的不同，该面板将自动切换到对应的选项，以方便用户对对象属性的设置。 常用面板组：位于工作界面右侧，方便用户完成各种编辑工作。Fireworks 8的操作界面 工作区域1菜单栏位于操作界面的最上边，功能与Dreamweaver 8类似，这里不再赘述。2工具面板在默认情况下，工具面板位于窗口的左侧，整个面板上分为6组不同的工具，分别为选择、位图、矢量、Web、颜色和视图。当选择一个工具时，属性面板中就会显示工具的设置选项。有些工具右下角有一个小三角形，例如，表示这是一个工具组。这时，在该工具按钮上按下鼠标左键，将会显示该组其他的工具，如图15-2所示。3文档编辑窗口文档编辑
7、窗口是使用者直接进行图形设计的场所。窗口的底部包含了一些有关设计的按钮。动画控制栏 ：可以使用各个按钮，方便地在动画的各帧之间浏览和切换。图中的数字表示当前的帧号。视图控制按钮 ：设置控制工作模式是位图模式还是矢量模式。4工作区位于窗口的正中间是工作区，是进行文档设计的地方。工作区上有4个选项卡，当前是【原始】选项窗口，也就是工作区，只有在此窗口中才能编辑图像文件。而在【预览】选项窗中则可以模拟浏览器预览制作好的图像。【2幅】和【4幅】选项卡分别是在2个和4个窗口中显示图像的制作内容。工作区下显示当前编辑的文档画布的大小以及窗口显示的百分比，可以通过修改百分比值控制画布显示的比例。5属性面板属
8、性面板位于Fireworks 8界面的下面。它的内容为所选对象的属性，包括所选选区、文档或工具的属性。 6面板和面板组在Fireworks中，常用面板组的操作与Dreamweaver比较相似，这里不再赘述。 在Fireworks中对面板布局进行修改后，如果想要回到默认的状态，可以执行【命令】|【面板布局设置】，从弹出的菜单中选择一个合适的显示器分辨率。如果觉得当前面板布局适合自己的习惯，可以执行【命令】|【面板布局设置】|【保存面板布局】命令，将其保存下来。在熟悉了Fireworks的用户环境之后，就可以用它来进行网络图形设计了。15.2.3 Fireworks 8对文档的基本操作1创建和保存
9、文档（1）在起始页界面中单击【新建 Fireworks文件】，或执行菜单命令“文件新建”。（2）弹出“新建文档”对话框，如图15-3所示。在其中可以设置所用画布的尺寸和颜色。画布的尺寸（【宽度】和【高度】）单位可以是像素、英寸或厘米；【分辨率】的单位是像素/英寸或者像素/厘米，默认的分辨率是72像素/英寸（比较适合制作网络图形）。【画布颜色】可以选择白色或透明，也可以单击自定义颜色框，从中选择一种自定义的颜色。 （3）单击【确定】按钮，此时Fireworks会为新文档打开一个文档窗口，在其中即可进行文档的编辑和修改。（4）最后执行菜单命令“文件保存”，弹出“另存为”对话框。在对话框中输入要保存
10、的文件名称，单击【保存】按钮，完成文件的存储。2画布的改变（1）更改画布的大小、颜色在创建文档的时候，可以指定画布的大小、颜色和分辨率。但在文件创建完以后也可以在Fireworks中方便地修改画布大小和颜色。首先，选择【修改】|【画布】|【画布大小】命令，在“画布大小”对话框中，可以重新指定画布的大小，如图15-4所示。重新指定画布大小后，画布会相应扩展或缩小，但是画布上所有对象的尺寸并不变。如果画布尺寸小于所有对象的尺寸，则会对对象进行裁剪。然后，【锚定】给出了扩展或缩小新画布时的参考方向，默认情况下以中心为参考，即固定画布中心，向四周扩展或向中心缩小。也可以自己需要的方式来锚定，小图标上箭
11、头的方向指出了画布扩展或缩小的方向。另外，画布颜色也可以随时更改，同样选择【修改】|【画布】|【画布颜色】命令，然后选择“白”、“透明”或“自定义”等。 （2）旋转画布在对画布进行旋转时，画布中所有的对象都将随之旋转。执行【修改】|【画布】|【旋转】命令，即可进行画布的旋转。（3）修剪画布当画布的大小与其中的内容大小不符时，可以对画布进行调整修剪，以达到合适的效果。可以执行【修改】|【画布】|【修剪画布】命令，进行画布的修剪。修剪后，画布的每个边缘都被修剪，与图像对象的边缘平齐。（4）改变图像 改变图像大小的操作经常在这样的情况下用到，例如将较大的图像变为较小的缩略图，或者因为事先用较大的图容
12、易修改细节而后又要将图像变小。 选择【修改】|【画布】|【图像大小】命令。弹出如图15-5所示的对话框。 在【像素尺寸】文本框中输入新的水平和垂直尺寸。可以更改度量单位，单位可以是像素、百分比。在【打印尺寸】文本框中输入打印图像的水平和垂直尺寸，单位可以是英寸、厘米、百分比。在【分辨率】文本框中为图像输入新的分辨率，可以选择像素/英寸或像素/厘米作为单位。若要在文档的水平和垂直尺寸之间保持相同的比例，请选中【约束比例】复选框。取消选中【约束比例】，可单独调整宽度和高度。选中【图像重新取样】，以便在调整图像大小时添加或去除像素，使该图像与其他尺寸的图像具有大致相同的外观。 15.3 矢量图形操作
13、15.3.1 图形对象的类型Fireworks包含了两类对象，一类是矢量对象（如路径、文字、切片等），一类是位图图像。图15-6给出了矢量图与位图的对照。 矢量图形和位图图像的概念和区别1矢量图形矢量图形通常简称为“图形”，是用包含颜色和位置属性的直线或者曲线来描述图像属性的一种方法。例如用以下两部分描述上例中的树叶：由通过矢量图形边缘的一些点组成的曲线来描述树叶的轮廓；轮廓内填充一定的色彩组成图形树叶。2位图图像位图图像通常简称为“图像”，它是由排列成网格的称为像素的点组成。图像由网格中每个像素的位置和颜色值决定。在编辑位图图像时，修改的是像素点，而不是直线和曲线。位图图像的分辨率不是独立的
14、，因为描述图像的数据是对特定大小的栅格中的图像而言的。如果放大位图，或以低于创建时的分辨率来打印它，将丢失其中的细节，并会出现锯齿状 。15.3.2 矢量工具1矢量工具简介在Fireworks中，矢量工具都位于工具箱的“矢量”工具区中。用户可使用以下工具绘制矢量图形： （1）使用“直线”工具和形状工具组中的“矩形”、“椭圆”、“多边形”、“星形”、“螺旋形”等工具绘制形状； （2）使用“钢笔”工具绘制任意形状的线段路径； （3）使用“矢量路径”工具绘制任意形状的曲线路径。2矢量工具使用 （1）“直线”工具 直线工具用于绘制直线。选择该工具后，在文档窗口中单击并拖动鼠标即可进行绘制。若按住【Sh
15、ift】键单击并拖动，可绘制水平、垂直及45直线。选择直线工具后，属性面板显示如图15-7所示。 （2）“椭圆”工具 利用椭圆工具，可以绘制椭圆及正圆。选择工具箱中的椭圆工具，在工作区中按住鼠标左键绘制图形。如果要绘制正圆形，可以在拖动鼠标的同时按住【Shift】键。如果要设置所绘制图形的笔触、填充等效果，可以选中它，在属性面板中进行设置。如果想为绘制的图形设置特殊效果，可以单击属性面板的效果按钮，选择一种效果，进行设置。还可以设置透明度的效果，拖动属性面板上的三角滑块，选择透明度值。数值为1000，越小表示效果越淡。 （3）“矩形”工具 利用矩形工具，可以绘制矩形及正方形。选择工具箱中的矩形
16、工具，在工作区中按住鼠标左键绘制图形。若要绘制正方形，可以在拖曳鼠标的同时按住【Shift】键。利用矩形工具还可以绘制圆角矩形，在属性面板的“矩形圆度”中直接拖动矩形圆角后的滑块即可。 （4）“多边形”工具 当选择多边形工具后，属性面板显示多边形的属性，如图15-8所示。用户可利用属性面板设置多边形的形状和边数，可在绘制星形时设置夹角，单击【自动】复选框可以自动调整锐度。 （5）“钢笔”工具 添加第一个节点 结束节点 添加节点 删除节点 把曲线点变成角点 绘制直线路径使用钢笔工具绘制直线段很简单，选择工具箱中的钢笔工具，只需单击以放置点即可，每单击一次即可绘制一个角点。 绘制曲线路径若要绘制包
17、含曲线段的对象，可先选择钢笔工具，单击以放置第一个角点，移动鼠标到下一个点的位置，然后单击并拖动以产生一个曲线点。在每次单击和拖动时，Fireworks都将线段扩展到新点，如果单击并拖动一个新点，即可产生一个曲线点；如果只单击，则产生一个角点。双击最后一个点，或选择其他工具结束路径，可使其成为开放路径；若要封闭该路径，可单击所绘制路径的第一个点。 使用【Alt】键，拉出控点，控点调整时只影响一边，如图15-11所示。 （6）“矢量路径”工具 “矢量路径”工具被用来绘制自由变形路径。选择该工具后，在文档窗口中单击并随意拖动即可进行绘制，显示效果如图15-12所示。15.3.3 矢量图编辑1矢量图
18、的选取（1）使用“指针”工具使用指针工具选取对象，只要在对象上面单击即可。如果要同时选中多个相互分开的对象，需要在按住【Shift】键的同时，逐个单击对象。如果需要同时选中多个相距很近的对象，只要拖拉鼠标，在画布上画出一个方框来，把所有要选取的对象都框选进去即可。（2）使用“选择后方对象”工具选取隐藏在其他矢量图形下的对象就要用到选择后方对象工具了。图15-13(a)显示出一个矩形对象，不过在它的下面还隐藏着一个圆形对象。我们就用选取后方对象工具选取隐藏的那个圆形对象。选中该工具，将鼠标移到矩形对象的中心位置，这时隐藏在圆形对象下面的圆形就显示出来了，这时单击，就选中了隐藏的圆形对象，如图15
19、-13(b)所示。（3）使用“部分选定”工具使用部分选定工具，可以选取路径中的点，也可以用来选取合成组中的单个对象，如图15-14和15-15所示。选中部分选定工具，移到路径上面，路径上的点以一个个小正方形的点显示出来，单击某一个点拖动它。2编辑路径改变已有路径的方法大体上可以分为两种：通过改变路径中的点的位置来改变路径和使用工具箱中几个专门用来编辑路径的按钮工具来直接改变路径。（1）通过编辑角点变形路径对于Fireworks的路径对象来说，角点决定了路径的形状。要编辑路径的形状，可以通过编辑角点来进行。如删除角点、移动角点位置、拖动调整杆及改变角点类型等。 要删除角点，先利用工具箱“选择”选
20、区中的“部分选定”工具选择角点（配合【Shift】键可选择多个角点），然后按【Delete】键。 要移动角点，先利用“部分选定”工具选择角点，然后单击并拖动角点。 要通过拖动调整杆编辑路径，先利用“部分选定”工具选择带有调整杆的曲线角点，然后单击并拖动调整杆。改变角点类型是指曲线角点与拐角角点之间的相互转换。具体操作如下； 若将一个曲线角点转换为拐角角点，先利用“部分选定”工具单击选择路径，然后选择“钢笔”工具，单击曲线角点进行转换。 若将一个拐角角点转换为曲线角点，应在选择钢笔工具后，单击选择拐角角点并拖动。 如果希望仅弯曲选定角点一侧的线段，可在利用“部分选定”工具选定该点后，按住【Alt
21、】键单击并拖动。（2）使用“自由变形”工具使用自由变形工具可以直接对矢量路径进行弯曲和变形操作。当指针位于路径的正上方时，可以拉伸路径；当指针不在路径的正上方的，可以推动路径，并且可以更改推动或拉伸指针的大小，如图15-16所示。（3）使用“更改区域形状”工具更改区域形状工具在改变局部路径时和自由变形工具没有什么差别，但是更改区域形状工具还具有扭曲整个路径的功能。使用该工具时，指针是两个同心圆，只有处于这两个同心圆范围内的路径才会被修改，如图15-18所示。和自由变形工具一样，更改区域形状工具的参数选项也可以在属性面板中设置，如图15-17所示。（4）使用路径操作命令变形路径使用路径操作命令，
22、可通过对多余路径或单个路径执行运算来创建新路径。利用路径操作还可删除影响路径的压力和速度信息。对于某些路径操作而言，选定路径的堆栈顺序定义了如何执行操作。 组合路径注意：只能对填充使用，不能对边框使用。通过求取路径的并集、交集等，可以方便地制作各种图案。与路径混合相关的命令包括【修改】|【组合路径】中的“接合”、“拆分”、“联合”、“交集”、“打孔”及“裁切”命令，各效果如图15-19所示。 路径的打孔打孔路径是指用上层对象的轮廓剔除下层对象的内容，生成一个新的对象。选择要指定删除区域的路径，执行【修改】|【排列】|【移到最前】命令，将该对象放置到所有对象的最前面，按住【Shift】键单击其他
23、对象。这时再执行【修改】|【组合路径】|【打孔】命令，就会按最前面的对象的形状来删除其他对象。保留部分的笔触和填充属性保持不变，如图15-20所示。 路径的裁切裁切路径是打孔路径的相反操作，生成的新对象其实是打孔路径操作剔除的部分。方法是：选择【修改】|【合并路径】|【裁切】。所得到的路径对象具有最先放置的对象的笔触和填充属性。还是如上例的两个圆，裁切后得到的正好是打孔删除的那部分。 改变路径 扩展笔触执行【修改】|【改变路径】|【扩展笔触】命令，可以将一条开放路径变为封闭路径，此时系统将打开【扩展笔触】对话框。用户可利用该对话框设置扩展笔触的宽度、角点处理方式和封闭路径的形状等。 路径简化执
24、行【修改】|【改变路径】|【简化】命令，可以简化路径，从而使路径看起来更平滑。其实质是通过删除距离较近的角点，从而达到拉直路径的目的。执行此命令时，系统将打开【简化】对话框，用户可利用该对话框设置简化数量。15.4 位图与文字的操作矢量图的优势在于可以随意改变形状且改变大小后不会失真，文件比较小、方便存储和传输，适合应用于广告徽标、工业标识等；而位图的优势在于能够较好表现色彩浓度与层次，适合应用于生活照片或复杂图像。在Fireworks中所创建的图像最终要转换为GIF或JPEG图像，而这些图像都是位图格式的图像。虽然图像要比文字更具有表现力，但是在需要准确地描述某个事物时，文字仍然是必不可少的
25、东西。另外，文本文件一般要比图像文件小得多，适合应用于在要求文件下载速度比较快的场合。这里我们首先来介绍Fireworks中文本的制作方法及文本的表现方式，再介绍位图操作的相关知识。 15.4.1 文字对象1文字输入与编辑（1）输入文字在工具箱中选择“文本”工具之后，在画布上单击，就可以直接输入文字。文档中的所有文本均显示在一个带有手柄的矩形（称为文本块）内部，如图15-22所示。（2）文字编辑 文字属性的设置当输入文字后，在文本块内可以改变文本的字号、字体、字间距、字顶距以及基线调整等属性。当需要编辑文本时，可使用指针工具或部分选定工具单击文本块，从而将其全部选中，或者选择文本工具，然后在文
26、本块内拖动鼠标选中文本，然后在属性面板中进行设置，文本属性面板如图15-23所示。 、：可以修改文本的字体、字号、填充颜色。 、：表示应用粗体、斜体、下划线样式。 ：增大或减小某些字母组合之间的间距，即字间距。0表示正常的字符间距，正值会使字母之间分得更开，而负值则会使字母比较靠近，拖动鼠标滑块进行调整即可，如图15-24所示。 ：调整文本行与行之间的距离，即字顶距。可以拖动弹出滑块进行调整，或者在其文本框中输入一个参数值，该项的默认值是100 ，如图15-24所示。 ：设置文本方向，可以从下拉菜单中选择。默认情况下，文本是水平方向的。 ：设置文本对齐方向，单击相应的对齐按钮即可。 、 ：调整
27、段落之前或之后的间距量。段落间距以像素作为度量单位。 ：扩展或收缩字符的宽度。水平缩放以百分比值作为度量单位，当参数值高于100时，会扩展字符的宽度或高度；而如果低于100，则会收缩字符的宽度或高度。 ：用于设置文本的消除锯齿方式，如图15-25所示。 设置文字笔触 、样式可以像矢量对象应用描边、填充效果一样，在笔触选项中文本也可以应用各种描边种类和填充。Fireworks 8中有许多固有的样式，用户可以按照需要套用这些样式，给文本添加不同的视觉效果，如图15-26所示。2文本变形和转换为路径（1）文本变形文本属于对象，所以它能被缩放、旋转、倾斜或扭曲，如图15-27所示。（2）文本转换为路径
28、具体操作如下：只要选中需要转换的文本，然后选择【文本】【转换为路径】命令。转换后有以下两个特点： 文本转换为路径后，不再具有文本编辑功能，只能像路径一样被修改。若文本为特殊字体，转换为路径后，在其他没有装该字体的计算机上打开时，文本依然保持原来的形状。15.4.2 编辑位图对象前面介绍了路径与文本的编辑。同样，用户也可对位图对象执行选择、移动、复制和变形（包括缩放、倾斜、透视、旋转和翻转）等操作，以及利用【属性】面板为其设置效果。本节将主要介绍编辑位图的方法。在Fireworks中，用户可编辑位图中的单个像素或像素区。这些编辑操作包括利用传统的位图图像工具来绘图、改变像素颜色，利用“橡皮图章”
29、工具复制图像选定区域，利用滤镜增强图像效果等。1位图的选取 “选取框”工具 和“椭圆选取框” 工具：它们是最基本的规则形状选区的选取工具。所不同的是“选取框”工具是矩形，而“椭圆选取框”工具是椭圆形。 “套索”工具 和“多边形套索”工具 ：这两个工具为非规则形状选区的选取工具。它们的属性都一样：边缘属性中有实边、消除锯齿和羽化，设置为羽化时可在它右边设置羽化程度；动态选取框的作用为允许实时调整选取框工具设置。 “魔术棒”工具 就像魔术师的魔术棒一样，是一种神奇的选择颜色相似的像素区域工具。当用户用该工具选择某一点时，计算机自动选中与该点颜色相近的一个区域，设置容差级别还可以调整颜色的色调范围。
30、 2创建位图对象的方法 执行【文件】|【导入】命令导入一幅位图图像。 执行【编辑】|【粘贴】命令或按【Ctrl+V】组合键，将剪贴板中的图像粘贴到文档中。 通过执行【修改】|【平面化所选】命令，或从层面板的快捷菜单中执行【平面化所选】命令，将选定的路径、文本等矢量对象转换为单个位图对象。 直接选取工具箱“位图”选区中的“刷子”工具或“铅笔”工具等绘制图像。 执行【编辑】|【插入】|【空位图】命令，创建空位图对象，然后在空位图上绘制图像。 单击鼠标左键拖动再释放，图像就会按照自己设定的比例显示，而不是原始大小显示。3绘制位图对象在工具箱的“位图”选区中，提供了两个用于绘制位图对象的工具：“刷子”
31、工具和“铅笔”工具。利用这两个工具，可以非常方便地绘制位图对象。（1）使用“铅笔”工具绘制位图对象 使用“铅笔”工具可以绘制单像素自由直线或受约束的直线。为此只需在选择“铅笔”工具后，利用属性面板设置笔触颜色等选项，接下来在文档窗口中单击并拖动即可。其中，按住【Shift】键并拖动可以将线条限制为水平、竖直或45倾斜线。（2）使用“刷子”工具绘制位图对象使用“刷子”工具可以绘制自由直线或受约束的直线。为此只需在选择“刷子”工具后，利用属性面板设置笔触颜色等选项，接下来在文档窗口中单击并拖动即可。其中，按住【Shift】键并拖动可以将线条限制为水平、竖直或45倾斜线。4编辑位图对象（1）利用“油
32、漆桶”工具填充像素 油漆桶工具利用油漆桶工具能以当前设置的填充图案或渐变样式填充位图或选区中颜色相近的区域。油漆桶工具的属性面板如图15-29所示。利用该面板，用户可设置填充类别、边缘处理方式、填充纹理、容差、不透明度和混合模式等参数。 填充类别可分为实心、网页抖动、渐变和图案填充四种。其中各种填充方式又有诸多色彩及样式可供选择。若选中【填充选区】复选框，则对整个选区进行填充，若选中该复选框而未设置选区，则填充整个位图对象。若选中【保持透明度】复选框，则不填充透明区域。（2）利用“渐变”工具填充像素 利用“渐变”工具可以采用颜色组合填充位图或矢量对象。首先在工具箱中选取渐变工具，在属性面板中选
33、择一种填充边缘效果，然后单击油漆桶后的颜色选取框设置渐变的混合颜色，在出现的窗口中单击滑块选取想要的颜色，另外还可以增加滑块来添加混合的色彩，如图15-30示。其他选项的参数与油漆桶工具一样。（3）利用“替换颜色”工具直接在位图上涂抹替换颜色 （4）利用“橡皮擦”工具删除像素 （5）利用“橡皮图章”工具克隆像素 橡皮图章工具可以复制照片的某一像素区域，然后用克隆的区域替代有划痕或有污点的区域。先按【Alt】键，到图片源点单击鼠标左键，到目标位置拖动。 （6）利用“红眼消除”工具消除照片中的红眼 红眼消除工具仅对照片的红色区域进行快速绘画处理，并用灰色和黑色替换红色。（7）利用“模糊” 和“锐化
34、” 工具影响像素的焦点模糊工具与摄像师控制景深的方式相似。 锐化工具对于修复扫描问题或聚焦不准的照片很有用。 （8）利用“涂抹”工具涂抹像素 涂抹工具可以创建用手指在颜料未干的图画上涂抹的效果。 （9）利用“减淡” 或“烙印” 工具减淡或加深像素这类似于洗印照片时增加或减少曝光量的暗室技术。5应用阴影和光晕在属性面板中单击“添加动态滤镜或选择预设”按钮 ，将会出现如图15-31所示的下拉菜单。其中，阴影和光晕可以使对象产生阴影或光晕的效果。该效果主要包括内侧发光、内侧阴影、发光、投影、纯色阴影。应用阴影和光晕效果如图15-32所示。6调整图像色调图像色调为图像中原色的明暗程度，即R（红色）、G
35、（绿色）、B（蓝色）都各有256种色调，各种色调的明暗度都不同，范围为0255。调整图像其中一种或多种原色的色调，即可以改变图像明暗程度。Fireworks 8中有多种调整图像色调的工具，在菜单栏中单击“滤镜”菜单，或者在属性面板中单击“添加动态滤镜或选择预设”按钮，在其下拉菜单的“调整颜色”选项中包括：亮度/对比度、反转、曲线、自动色阶、色相/饱和度、色阶。 “反转”为调整图像色调最基本的一种形式，它的主要作用为将图像原色转换为其互补色，如图15-33所示。 “曲线”可以在不影响其他颜色的情况下调整图像颜色的色调，从而调整图像的亮度，如图15-34和15-35所示。 “色阶”可以校正像素高度
36、集中在高亮、中间色调或阴影部分的位图，如图15-36所示。 “自动色阶”的作用为：计算机自动对图像在RGB通道上的最暗区和最亮区进行色阶调整，使色阶更合理、更匀称 ，如图15-37所示。 亮度是指对象的光亮程度。之所以能看到图片，是因为图片反射光源的光。光源越强，图片越亮；光源越弱，图片越暗。对比度是指对象中各种颜色明暗的对比程度。对比度越高，对象中颜色明暗对比越强；对比度越低，对象中颜色明暗对比越弱。一般用来校正太暗或太亮的图像，如图15-38所示。通过设置“色相/饱和度”选项中的参数，图片的色相、饱和度等都会自动调整到需要的效果，如图15-39和15-40所示。7模糊图像滤镜中的模糊选项能
37、按照用户的要求，以不同的方式柔化图像。包括六种模糊方式：“模糊”、“进一步模糊”、“放射状模糊”、“缩放模糊”、“运动模糊”、“高斯模糊”。 放射状模糊是以像波纹一样的方式从中间向四周扩散地模糊图像，使图像看上去像是倒映在有水波纹的湖面上，如图15-43所示。缩放模糊是以缩小和放大图像相互切换时所产生的一种模糊，如图15-44所示。运动模糊是指运动时所产生的一种模糊，如图15-45所示。高斯模糊是一种特殊的模糊效果，如图15-46所示。8锐化图像滤镜中的“锐化”选项刚好跟“模糊”相反，能够将模糊的对象变清晰。包括三种锐化方式：锐化、进一步锐化、钝化蒙版。“锐化”：它能增加对象中边缘对比度，从而
38、使对象变清晰，如图15-47所示。 “进一步锐化”：它的效果是“锐化”的3倍。“钝化蒙版”：通过调节锐化参数，增加对象中边缘对比度，从而使对象变清晰，使锐化符合用户的要求，如图15-48所示。 综合实例-“移花接木”15.5 创建GIF动画动画的制作是Fireworks的一个强项，也是它不同于一般图像处理软件之处。在Fireworks中制作动画的方法有多种，其中最简单的是逐帧动画，其次是补间动画和动画元件生成的动画。所谓“动画”，就是一张一张连续播放的图片。创建动画的基本步骤1创建新文档；2创建逐帧动画或创建补间动画；3设置帧延迟；4查看动画播放效果；5优化和输出文件GIF。15.5.1 制作
39、逐帧动画所谓“帧”，就是GIF动画中单独的一张图片。可以通过创建多帧来制作动画。帧的管理和操作都在【帧】面板中进行。如图15-50所示就是Fireworks的【帧】面板。也可以通过【帧】面板来对帧进行创建、修改。帧的操作1添加帧 一帧是动画的一个状态，要制作动画，至少要有两帧的图像，所以增加帧的操作是很重要的。 单击【帧】面板的按钮，打开【帧】面板菜单，如图15-51所示。选择【添加帧】命令，或者直接单击面板底部的“新建/重制帧”按钮 ，都可以添加空的帧。2复制帧复制帧可以直接制作出与选中帧相同内容的帧。选中要复制的帧，单击【帧】面板的按钮，在菜单中选择【重制帧】命令，在出现的窗口中设置复制帧
40、的数目及放置的位置。3删除帧选中要删除的帧，直接单击【帧】面板底部的“删除帧”按钮 。4将对象复制到帧如果希望将某个对象复制到帧中可以使用该命令。选中要复制的对象，单击【帧】面板的按钮，在菜单中选择【复制到帧】命令。5将多个对象分散到帧有时要将选中的多个对象分别分配到各个帧中，这时可以选中多个对象，单击【帧】面板的 按钮，在菜单中选择【分散到帧】命令，或直接单击【帧】面板底部的“分散到帧”按钮。6重新排列帧的顺序有时动画设计好后可能要调整播放帧的顺序，这时就要重新排列帧在面板上的排列顺序。在【帧】面板中选中一帧，将其拖动到合适的位置，这时该位置出现一条黑线，放开鼠标，这样帧就被移动到合适的位置
41、了。动画将按现在帧的排列顺序播放。7设置帧之间播放的延迟播放延迟的的大小决定当前帧显示的时间长度。它以一秒的百分之几为单位来指定。例如，设置为50时，一帧显示0.5秒；设置为300时，帧显示3秒。在【帧】面板的帧列表右侧是帧的延迟时间，在该时间上双击帧，或者选择菜单中【属性】命令，出现如图15-52所示对话框，在文本框中输入该帧的延迟时间。8GIF动画的循环次数有时候希望动画播放几次后就停留在最后一帧上，因为那一帧上有比较明显的广告语，或者希望动画一直循环播放，因为动画首尾衔接，可以产生不断延续的效果。这样可以根据需要设置动画的循环播放次数。单击【帧】面板底部的“GIF动画循环”按钮 ，在其下
42、拉菜单中可以选择动画播放的循环次数，也可以是不循环或者永远循环的。9使用“洋葱皮”功能制作精细动画有时候希望在当前编辑的帧上，查看其他帧上的对象，方便我们的编辑，就像半透明的洋葱皮一样。单击【帧】面板底部的“洋葱皮”按钮 ，在其下拉菜单中可以选择查看方式。15.5.1 制作逐帧动画动画实例制作-霓虹灯发光效果，如图15-53所示。15.5.2 使用动画元件制作动画元件是可以重复使用的图形、动画和按钮，实例则是将元件拖入到文档中、在文档中的具体体现。下面通过提供具体操作步骤来介绍元件的创建、编辑以及元件与实例的关系。（1）执行【编辑】|【插入】|【新建元件】命令，打开【元件属性】对话框。（2）在
43、【名称】文本框中输入元件的名称，在【类型】设置区选择元件类型。（3）单击【确定】按钮，系统将打开元件编辑窗口。与文档编辑窗口不同的是，在元件编辑窗口中有一个“+”字标志。（4）利用绘图工具，在元件编辑窗口绘制图形，并利用属性面板设置填充、描边等属性。 （5）关闭元件编辑窗口，此时在文档编辑窗口就出现一个元件实例。执行【窗口】|【库】命令，打开库面板，库面板中多了一个刚建立的元件。制作一个简单的汽车广告条，步骤如下：（1）新建一个大小为46860的文件，设置其画布颜色为透明，并导入一幅汽车的位图图像。（2）选中这幅汽车图像，单击【修改】菜单，选择【元件】|【转换为元件】，弹出“元件属性”对话框，
44、将这个图形文件命名为“汽车图 1”。 （3）单击【确定】，该位图图像就转换成图形元件了。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，弹出“动画”对话框，设置帧数为10，移 动为380。（4）单击【确定】，这时弹出对话框询问是否添加新帧，选择【确定】，得到动画元件。（5）默认的帧延时的时间太短，可以将前面9帧的帧延时设为10，第10帧的帧延时设为35来控制汽车运动的效果。为了将第10帧的图像始终能够显示在这个GIF动画上，所以将把第10帧的图像效果复制到后面的所有帧中去。打开帧面板，新建一帧，设置其帧延时为10。单击帧面板的洋葱皮工具，在弹出菜单中选择【之前和之后】，这样在编
45、辑第11帧时就能够看到第10帧的汽车图像了。单击右侧的【资源】面板，选择【库】，就打开了库面板。发现库面板中有一个动画元件和开始保存的名为“汽车图 1”的图形元件。（6）从库面板中拖动图形元件到画布之中，使其和第10帧的汽车图形完全对齐，得到第11帧的图像。（7）选中第11帧，在帧面板中单击按钮，在菜单中选择【重制帧】命令，设置帧的数量为9。（8）选中第11帧，导入另外一幅汽车图像。同样单击【修改】菜单，选择【元件】|【转换为元件】，在元件属性对话框中将这个图形文件命名为“汽车图 2”。选中这个图形元件，单击【修改】菜单，选择【动画】|【选择动画】，在动画对话框中设置帧数为10，移动为290。（9）设置第20帧的图像帧延时为35，11帧到19帧帧延时为10。然后新建一帧并设置帧延时为10，从库面板中拖动“汽