本例向朋友们介绍运用Fireworks制作漂亮的炫光效果，主要学习画笔、滤镜、复制、变形、渐变填充、混合模式以及钢笔路径工具的应用，希望朋友们喜欢！最终效果如下图所示：

制作步骤：

　　1、新建画布600×400，填充黑色。

　　2、设置画笔大小，柔化边缘，用画笔工具在画布中涂画

3、对刚才的图形做运动模糊，设置角度90，距离100，

4、平面化刚才的图形，通过复制和变形工具达到如下效果：

　5、新建矩形框，填充渐变，图层模式为叠加

6、克隆刚才的矩形框，改图层模式为柔光

7、选择钢笔工具，设置笔触，按需要绘制相关路径

8、最后再添加一些细节，效果如下：

本教程利用Xara3D和Fireworks打造精美的3D立体特效字，极具时尚气息和现代感！按照惯例，我们先看看最终效果：

温馨提示：如果你还没安装Xara3D，请下载并安装。

下面开始制作：

　　1、打开Xara3D，按Aa，打入自己需要创作的文字，并设置字体。这里我输入了L字体为Arial Black。

2、在左侧的工具栏里，选择设置图案为纯文本，这样L外面的圈就没用了。在右侧颜色选项中把灯光1设置为白色，灯光2、灯光3均为灰色。色彩在fireworks中调整。在查看菜单中，选择显示灯光。

　3、在阴影选项中去掉阴影效果。

4、调整字体位置和光线角度，注意文字正面和侧面色彩对比要大，不然后面上色扣出来就麻烦了。

选择文件>文件导出>png，然后会弹出导出选项。

　5、打开fireworks，导入刚才导出的模型，加上色相饱和度，注意勾上着色。

6、用魔术棒选取白色文字部分，执行选择-将选区框转换为路径。

　7、给路径加上渐变。

8、按住shift旋转一格。

　9、同样的方法制作O，每个字母都要组合起来，并备份，扣去被遮挡的部分。

10、同样制作love，并加上投影。加上花纹，花纹很简单，去zcool找潮流花纹，一大堆，用AI打开，直接复制到fireworks里是矢量路径，然后用备份过的文字面(就是扣出来的那部分)作为蒙版遮罩，平面化所选后再加蒙版作出渐变效果，并调整透明度。

　11、复制一层，按住ALT，从上拉到下，倒置，然后用蒙版做个倒影，当然fireworks的快速蒙版简直太好用了，再设置透明度为56，模糊。

12。找个背景，稍微暗点的，突出文字，这里感谢背景原作者。

能闪出一瞬的光辉必然要承受漫长的黑暗。
　　梵高的一生充满了痛苦和挫折。也许他的漩涡型笔法就是这种生活的写照。
　　怀着这些心情，创作了《梵高之光》这幅作品。

　先看看效果图：

一、窗格子的取材

　　窗格子的原型取材于fireworks颜色面板中的样本面板。
　　打开样本面板后，按下键盘的PrintScreen键，然后ctrl＋v粘贴，使用“矩形选取框”在图片上截取一个4×4格子的颜色格子，然后将这个颜色格子转换为图形元件。

二、窗格子的绘画

　　1、将格子的元件从“库”中拖放到画布上，然后用“扭曲”工具对画布上的格子实例进行变形。

　　2、克隆这个实例，进行一定的位移，使它稍微偏离原来实例，然后改变其混合模式为“添加的”和添加“高斯模糊”滤镜。

　　3、克隆第2步中处理过的实例。这样看起来更光亮。

　　4、克隆第3步的实例，删除滤镜，混合模式改为“图章”，透明度改为80％，然后使它稍微偏离原来的实例。

　　5、克隆第4步的实例，混合模式改为“添加的”。让窗格有透光的感觉。

三、窗影的绘画

　　1、克隆最底层的实例，ctrl＋shift＋上箭头，将它移到最顶层，然后使用“扭曲”工具变形成投影状。

　　2、为这个投影添加两个滤镜，分别是EyeCandy的“摇动变形”（泡沫）和“漩涡效果”。参数自定。

　　3、克隆第2步的实例，ctrl＋alt＋shift＋Z平面化后，混合模式改为“添加的”，添加“高斯模糊”滤镜。

四、标题和签名

　　为这副作品标题，用的是bracode font字体。
　　签名使用改变了混合模式的格子实例叠加一些发光字体制作。
　　这里就不详细讲述其制作过程了，有兴趣的朋友可以下载源文件参考。

制作完毕。

　　总结:

　　1、使用了各种混合模式和高斯模糊滤镜营造光影效果
　　2、使用”扭曲”工具制造投影效果

1：制作LOGO使用什么软件?

　　通常制作logo 的软件有很多，主要看你的是静态还是动态的，不过，这也是看个人熟悉那一种软件，但本人认为最好就用：Photoshop imageready, Fireworks Mx，Gif animator 这几个软件，他们主要特点对层和帧的操作非常方便，也比较好理解。

　　2：制作LOGO使用什么字体?

　　刚开始做LOGO朋友也许有这样的体会，为什么我做的logo字体不清，动画也不怎样，主题不突出，而一些网站的logo的字体却很清晰、动感。那么他们是用什么字体制作出来的。其实不然，如果是汉字，那么是通常是使用宋体多一点，英文是使用04字，不信你自己试一下。

　　3：字体要想清楚:调整Firewoks MX最下面的属性面板中：自动字距调整上面那一栏：为”不消除锯齿”这样字体就会很清楚了!

　　4：做出效果不会动的原因:要注意保存的方式，是选择菜单“文件”——“导出预览“保存为”GIF动画”才行。

　　5：就是多看一些别人的作品，借签一些别人的作品。

　　6：最后就是找一些比较适合自己的网站Logo背景素质。

　　讲到这里也差不多，其它的你们好好实践一下吧，真理就在眼前了。

当您在 Fireworks 中打开文档时，如果该文档含有计算机上未安装的字体，则您可以选择替换这些字体，或维持它们的外观。
维持外观将文本替换为一个位图图像，该图像可描绘文本在使用原来字体时的外观。您仍然可以编辑文本，但在这样做时，
Fireworks 会用系统上已安装的字体替换位图图像。编辑可能会导致文本的外观发生变化。
替换缺少的字体替换文档中的字体。您可以编辑并保存文本。当该文档在含有原始字体的计算机上再次打开时， Fireworks 能
记起并使用原始字体。

GIF 和其它 8 位图像格式包含一个调色板。调色板是文件可用颜色的列表（最多 256 种）。只
有调色板中定义的颜色才会出现在图形中；不过，有些调色板会包含图形中没有的颜色。
Fireworks 中可用的调色板如下：
“最适色彩”是一个派生自文档中的实际颜色的自定义调色板。“最适色彩”调色板通常产生最高
品质的图像。
“Web 最适色”是一个最适色彩调色板，其中接近网页安全色的颜色转换为最接近的网页安全
色。网页安全色是来自“网页216 色”调色板的颜色。
“Web 216 色”是一个包含 Windows 和 Macintosh 计算机共有的 216 种颜色的调色板。此
调色板通常称为网页安全或浏览器安全调色板，这是因为在 8 位显示器上查看时，它在任一个
平台上的各种网页浏览器中都产生相当一致的效果。
“精确”包含图像中实际使用的颜色。只有包含 256 种或更少的颜色的图像才能使用“精确”调
色板。如果图像中包含 256 种以上的颜色，调色板将切换到“最适色彩”。
“Windows”和“Macintosh”分别包含由 Windows 或 Macintosh 平台标准定义的 256 种
颜色。
“灰度等级”是一个包含 256 种或更少的灰阶的调色板。选择此调色板可将图像转换为灰度图像。
“黑白”是一个只包含黑、白两色的调色板。
“一致”是一个基于 RGB 像素值的数学调色板。
“自定义”是一个经过修改或从外部调色板（ACT 文件）或 GIF 文件加载的调色板。
在优化过程中调整调色板会影响图像中的颜色。可以用“优化”面板中的颜色表来优化和自定
义调色板。

若要选择一个调色板：
• 从“优化”面板的“索引调色板”弹出菜单中选择一个选项。
若要导入自定义调色板：
1. 执行下列操作之一：
■ 从“优化”面板的“选项”菜单中选择“加载调色板”。
■ 从“优化”面板的“索引调色板”弹出菜单中选择“自定义”。
2. 导航到 ACT 或 GIF 调色板文件并单击“打开”。
ACT 或 GIF 文件中的颜色添加到“优化”面板的颜色表中。
注意：Windows 用户必须从“文件类型”弹出菜单中选择“GIF 文件”，才能在“打开”对话框中看
到具有 .gif 扩展名的文件。

选择文件格式时应基于图形的设计和用途来考虑。图形的外观会因格式而异，尤其是当使用不同
的压缩类型时。另外，大多数网页浏览器只接受特定的图形文件类型。还有其它一些文件类型适
合于印刷出版或用于多媒体应用程序。
可用的文件类型如下：
“GIF”，即“图形交换格式”，是一种很流行的网页图形格式。GIF 中最多包含 256 种颜色。
GIF 还可以包含一块透明区域和多个动画帧。在导出为 GIF 格式时，包含纯色区域的图像的压
缩质量最好。GIF 通常适合于卡通、徽标、包含透明区域的图形以及动画。
“JPEG”是由 Joint Photographic Experts Group（联合图像专家组）专门为照片或增强色图
像开发的。JPEG 支持数百万种颜色（24 位）。JPEG 格式最适合于扫描的照片、使用纹理的
图像、具有渐变颜色过渡的图像和任何需要 256 种以上颜色的图像。
“PNG”，即“可移植网络图形”，是一种通用的网页图形格式。但是，并非所有的网页浏览器
都能查看 PNG 图形。PNG 最多可以支持 32 位的颜色，可以包含透明度或 Alpha 通道，并且
可以是连续的。PNG 是 Fireworks 的本身文件格式。但是，Fireworks PNG 文件包含应用程
序特定的附加信息，导出的 PNG 文件或在其它应用程序中创建的文件中不存储这些信息。
“WBMP”，即“无线位图”，是一种为移动计算设备（如手机和 PDA）创建的图形格式。此
格式用在“无线应用协议”(WAP) 网页上。WBMP 是 1 位格式，因此只有两种颜色可见： 黑
与白。
“TIFF”，即标签图像文件格式，是一种用于存储位图图像的图形格式。TIFF 常用于印刷出版。
许多多媒体应用程序也接受导入的 TIFF 图形。
“BMP” ，即 Microsoft Windows 图形文件格式，是一种常见的文件格式，用于显示位图图
像。BMP 主要用在 Windows 操作系统上。许多应用程序都可以导入 BMP 图像。
“PICT”由 Apple Computer 开发，是一种常用在 Macintosh 操作系统上的图形文件格式。大
多数 Mac 应用程序都能够导入 PICT 图像。

供网页使用的图形的导出过程分为两步： 先优化，然后导出（或者，在某些情况下仅保存）。优
化图形可以确保它们具有颜色、压缩和品质的适当组合。在最终完成图形的优化设置后，就可以
导出该图形了。
如果您对优化和导出图形轻车熟路，则无需使用 Fireworks 中的“导出向导”和“图像预览”。
Fireworks 的工作区中有优化和导出功能，使您可以更好地控制文件的导出方式：
• “优化”面板中包含用于优化的主要控件。对于 8 位文件格式，它还包含一个显示当前导出
调色板中各种颜色的颜色表。
注意：当选定切片时，“优化”面板会显示所选切片的优化设置。同样，当选定整个文档时，“优化”面
板会显示整个文档的优化设置。换言之，当前的选定对象决定“优化”面板中显示的内容。
• 选择切片后，“属性”检查器中有一个“切片导出设置”弹出菜单，从中可以选择预设或保
存的优化设置。
• 文档窗口中的预览按钮使用当前的优化设置显示导出图像的显示情况。
可以用相同的方法优化整个文档，或者选择 JPEG 的个别切片或所选区域，并分别指定不同的
优化设置。

网页图形设计的最终目标是创建能够尽可能快地下载的精美图像。为此，必须在最大限度地保持
图像品质的同时，选择压缩质量最高的文件格式。这种平衡就是优化，即寻找颜色、压缩和品质
的最佳组合。
从 Macromedia Fireworks 导出图形分两步进行：
• 首先，准备好要导出的文档或各个切片图形，方法是选择优化设置并对预览结果进行比较，在
品质和文件大小之间确定一个可接受的平衡点。
• 然后，使用适合于它们在网页或其它位置的目标的导出设置，导出（或者，在某些情况下保
存）文档或各切片图形。
如果对优化和导出网页图形不熟悉，可以使用“导出向导”。该向导将带领您完成导出过程并
提出设置方面的建议。它还显示“图像预览”，在这里您可以作为导出过程的一部分对文档进
行优化。
如果您对优化和导出图形的任务轻车熟路，则可能会希望在 Fireworks 中使用其它工具来进行
优化和导出。对于优化，可使用“优化”面板和文档窗口中的预览按钮。它们使您可以更好地
控制优化过程。对于导出，可使用“导出”对话框或“快速导出”按钮。在某些情况下，可以
只保存图形而不导出。
“快速导出”按钮自动替您在“导出”对话框中设置了适当的选项，从而使导出图形（以便在
其它应用程序中使用）变得很容易。将 Fireworks 与其它应用程序结合使用时，“快速导出”按
钮可以简化设计工作流程。

如果使用的是位图对象，您会发现“层”面板很容易变得混乱。如果最底端的所选对象直接位
于位图对象之上，则可以在“层”面板中将对象合并起来。要合并的对象和位图不必在“层”
面板中相邻或驻留在同一层上。
向下合并会将所有所选矢量对象和位图对象平面化为正好位于最底端所选对象下方的位图对
象。最终获得的是单个位图对象。矢量对象和位图对象一旦合并，就失去了其可编辑性，并且不
能再被单独进行编辑。
若要合并对象：
1. 在“层”面板上选择要与位图对象合并的对象。按住 Shift 键并单击以选择多个对象。
提示：可以将所选层的内容合并到正好是所选层的下一层上最顶端的位图对象。
2. 执行下列操作之一：
■ 从“层”面板的“选项”菜单中选择“向下合并”。
■ 选择“修改” > “向下合并”。
■ 当右击（在 Windows 中）或按住 Control 键单击（在 Macintosh 中）画布上的所选对
象时，将会出现一个上下文菜单，选择其中的“向下合并”。
所选对象随即与位图对象合并。最终获得的是单个位图对象。
注意：“向下合并”不会影响切片、热点或按钮。