宇风多媒体--Fireworks 使用技巧集锦

问：我现用FIREWORK时碰到如下问题，请指教！谢谢！（3.0、4.0均有此问题）。我想在图片中加入一些文字，在工具栏中选择文字工具，调出文字编辑器，输入文字，确定后，图中无文字显示；有时图中能显示文字，但若输入为英语字母，则在指定位置显示相应的英文字母；若混合输入汉字及英文字母，则确定后，只显示英语字母无汉字显示，why?
答：在设置文字的颜色时，请不要设成与图片背景相同的颜色，否则无法显示文字；对文字中的汉字部分，要为其指定一汉字字体（如宋体），不然汉字部分将显示为？（4.0 版）。在3.0版中请选择菜单“edit-->preference-->font/decoding”，将default 改成 Simplified Chinese (GB2312)，font 改成 Simplified Chinese，propertional 改成宋体即可。罗拥军 http://gxluo.yeah.net

问：最近我又装了Fireworks 4 ，我用它做了一个下拉菜单如附件，为什么菜单中的文字不能居中？文字右边的空白怎么那么多？Thanks！
答：在用 FW4 制作的下拉菜单中让字体居中这个问题可把我难住了（好像就连 VC，VB，Delphi等，都没提供此类解决办法呢）！如果在第二个 Set Pop-up Menu 窗口中把 Cells 项下的 Image 选项改为选择 HTML，就可以把菜单中多余的空白去掉了。罗拥军问：我用 FW4 制作了一个下拉菜单，可它无法在浏览器（IE）中显示，What's wrong?
答：这不是你的错，要么升级你的IE（5.0 版or later），要么 update 你的 FW4 到4.0.2（下载地址为：http://download.macromedia.com/pub/fireworks/updates/fw402_update.exe ）。罗拥军

　　Fireworks 3是由Macromedia最新推出的制作Web图形的专业工具。比起Photoshop等大型绘图工具，Fireworks体积小巧，且针对性强，是进行网页设计的得力助手。但是，由于没有Fireworks的汉化版本，国内很多用户对它不是十分熟悉。下面我就介绍一些Fireworks的使用技巧，使大家能够看到Fireworks在制作Web图形的方便之处，也算是抛砖引玉吧。

　　在制作网页的过程中，我们对于大幅图像的处理一般是将其分割为比较小的图像。这样做的好处在于较小的图像能够比较迅速的显示出来，可以使浏览者不必因为等待显示一幅大的图像而失去信心，这在我们国内线路速度慢的情况下尤为重要。

　　为了尽量保持图像的完整又不庞大，我们可以将一整幅图片按照相近的色区切割成多个小图片，并将每个小图片保为色深较浅的gif 图形。这样可以达到又漂亮又快捷的效果。但是，使用Photoshop进行切图工作十分的繁琐，工作量惊人，而且还十分容易出错。

　　Fireworks为切图提供了一个专门的工具，利用它我们就可以非常轻松地切割图片了。具体的步骤是：

用Fireworks打开你想切割的图形文件。
选择工具栏最右下方的切割工具（SliceTool）。在Fireworks中切割工具共有两种，一种是矩形切割工具，一种是多边形切割工具。我们应该使用矩形切割工具。
使用矩形切割工具，在图中按住鼠标左键任意画出想要的切割效果（注意最好不要将选区重叠，否则生成的小图形个数将增加很多），图中那些红线表示就是最后生成的表格分栏情况。
将全部的切割区域完成后，选择“文件->导出（FILE->EXPORT）”进入导出。给你导出的文件取一个名字，Fireworks会在这个名字的基础上自动生成一系列的文件。对其余的选项，我们使用它的默认之就可以了。

　　就这样，仅一会儿的时间，就完成了一个非常专业的图形切割。怎么样，您是不是感受到了Fireworks的强大功能。

　　利用Fireworks3，我们可以制作出具有javascript动态特效的网页。下面我通过一个例子演示Fireworks 3在这方面的强大功能。这个例子是当浏览者的鼠标移动到图像上的特定区域时，会动态改变图形的部分显示内容。

首先打开一幅图形，在上面添加一大一小两个热区（hotspots）。具体方法是：使用切割工具在图形上切割出两个区域，这两个被加亮显示的区域就叫热区了。
选择小的热区，选择“窗口->行为（Windows->Behaviors）”选项，打开行为面板。
按下添加按钮（“＋”），选择“交换图像（Swap Image）”，在随后弹出的对话框中的“ Swap Image in Slice”选项中选择另外一个热区；在“Show the swapped image from”中选择“Image File”并在浏览面板中指定一个gif图象。这个图像的大小最好和热区的大小一致，不然Fireworks也会将图像转换为热区的大小。
将Events的内容改为onMouserover，这样当鼠标移动到第一个热区上时，另外一个热区的内容就会改变。
按F12在浏览器中看一看你做的效果，怎么样，不错吧。
最后选择“文件->导出（FILE->EXPORT）”，将你的成果导出。而实际上导出的是一个HTML文件和若干的图形文件，

利用Fireworks制作动态gif图像

　　我们在浏览网页时常常会看到动态的图像，这实际就是动态gif图像。利用Fireworks提供的强大的动画制作工具，我们可以轻松的制作出相当专业的动态图像。

　　Fireworks提供了三钟制作动画的方法，由难到简分别是：手工绘制、使用符号（Symbol ）生成动画效果和合并图像形成动画。我在这里介绍最简单的合并图像形成动画。

　　既然是合并图象形成动画，你首先要有一系列做好的图像，然后将它们按序排列生成不同的帧，然后Fireworks就会自动把它们生成一个动画文件。具体的步骤是：

选择“文件->打开多个文件（File->open Multiple）”，然后按次序将一连串的图片加入对话框下部的窗口（使用对话框中的“Add”按钮）。这一系列的图片最好是尺寸一致的。否则生成的动画文件的长度和宽度将取决于所有文件中最长的长度和宽度。
确认“作为一个动画打开（Open as Animatio）”的选项被选中，按下“Done”按钮就OK了。
这样，Fireworks就将这一系列图像生成了一个动画文件。我们可以选择“窗口->帧（Windows->Frame），打开帧控制面板。在这里，我们可以看到原来的一系列图片都按次序地从Frame1往下排到底。按下屏幕右下角的播放键就可以浏览动画效果了。
选择“窗口->优化（Windows->Optimize）”打开优化面板。将其中的文件类型改为Animated GIF，这样我们才能输出动态Gif文件。
选择“文件->导出（FILE->EXPORT）”，给你导出的文件取一个名字，按“保存”。这样我们就生成了一个动态Gif文件。

　　套用Fireworks提供的Styles功能，我们可以轻易的制作出漂亮的按钮。首先，用矩形工具画一个矩形。然后选择“窗口->样式（Windows->Styles）”打开样式面板。单击一个合适的样式，矩形就会自动变为你所想要的样式，一个按钮就做好了。接着使用文字工具在按钮之上加上文字，一个正规的按钮就做好了。