Fireworks

Currently 2.67/5
1
2
3
4
5

页面分类: 网页制作 | Fireworks | 作图工具

天下维客，你可以修改的网络知识库

Jump to: navigation, search

Fireowrks专题

Fireworks主条目

学习资料：

网页三剑客:

DreamWeaver
Fireworks
Flash

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。

　　　　　　　　　　　　　　　　　　　　
　　　　　　　　　　　　　　　　　　　　　　　Fireworks作品欣赏

Fireworks功能一览

可以输出SWF和 Illustrator7文件；
与Dreamweaver紧密的配合；
与网页编辑器的结合；
可以直接编辑点阵图；
更方便的Roll over；
向量模式编辑；
即时预览；
允许加入Photoshop滤镜；
可以读入Photoshop文件；
提供MAC Gamme预览功能；
提供GIF编辑环境；
提供History panel来记录动作；
提供全新的按钮制作工具；
可编辑的操作环境；
资料库（Library）的运用；
提供图形与文字的样式库（Style）。

[编辑]

初识Fireworks

Firework 3视窗是由菜单栏、工具栏、工具箱和数个浮动面板组成，当我们开启或建立一个新文件时，视窗内还会出现一个绘图工作区，如图1所示。
　　　　　　　　　　　

菜单栏

菜单栏位于Firework 3视窗的上方，当视窗内尚未开启任何文件时，菜单栏仅仅提供了“File”、“Edit”、“View”、“Commands”、“Window”与“Help”六个菜单，而且菜单中所提供的项目也不多。不过当我们新建或开启一个文件时，菜单栏中的项目就热闹了许多，除了上述的六个菜单外，还增加了“Modify”、“Text”与“Xtras”三个菜单，而且菜单中的项目也增加了不少。
单击菜单后，就会弹出一个下拉式菜单，如果其中项目的右方有一个如图2的“箭头”符号，则表示该项目还有一个子菜单，单击该项目就会弹出它的子菜单，其中包含了更多的项目。
　　　　　　　　　　　

工具箱

Firework 3工具箱的预设位置是在视窗的左方，它提供了一套极为专业的向量路径绘制工具群，利用这些工具我们可以绘制出十分动人的图形。
将工具箱拖曳到空白的位置，就可以把它变成独立的浮动面板，除此之外，我们还可以将它拖曳到视窗的右方，这可依个人喜好而定。
如果我们想隐藏工具箱，可以单击 “Window\Toolbox”选项，使Toolbox左方的对钩消失即可，若想重新显示工具箱，单击选项，使对钩出现即可。

工具栏

Firework 3工具栏（ Toolbars）（图3）包括Main（主工具栏）、Modify（修改工具栏）和View Control（视域控制栏）三种工具栏，预设状态下，它们都处于显示状态。
我们可以将这三个工具栏拖曳到任何位置，也可以将其拖曳成独立的浮动面板。
通过钩选和取消钩选 “Toolbars”菜单中的“Main、Modify或View Control”选项，我们可以将它们显示和隐藏。
　　　　　　　　　　　

浮动面板

Firework 3提供了许多浮动面板来方便我们设计图形，但是如果开启了所有的浮动面板，则会占满整个视窗。为了能够获得一个最佳的工作视窗，我们可以自行开启、关闭、缩放或移动浮动面板，甚至还可以将某个浮动面板加入另一个面板群组中，来组合出适合自己的浮动面板。
就拿“Stroke”面板来说吧，我们钩选“Window”中的“Stroke”项目，就可以将其开启；如果我们想要关闭它，只需单击浮动面板右上角的“关闭”按钮即可。如果我们想要切换到“Fill”面板，只需单击“Fill”选项卡即可；拖曳“Stroke”面板到“Frames”浮动视窗中，就可以将它加入其中，或者将其拖曳到空白处，就可以独立成一个浮动视窗；如果我们觉得浮动面板占用了太多空间，双击浮动面板的标题栏，就可以将其最小化，再次双击就可将其还原（图4）。
　　　　　　　　　　　

状态栏

状态栏位于Firework 3视窗的下方，它可以显示我们所选取的菜单项目、工具箱内的工具或工具栏上的按钮之简介，也可以显示目前所选取的物件种类，除此以外，它还包括了一个视窗检视控制栏来切换我们所要检视的Frame。
更多教程参见文章右侧模板。

[编辑]

Fireworks功能扩展

与以前相比，现在对 Fireworks 进行扩展更容易了。Fireworks 提供了多种创建自定义命令的方法，用于增强其功能。
使用功能扩展管理器:

可以安装和管理扩展 Fireworks 功能的功能扩展
可以编写自定义 JavaScript 代码，并在 Fireworks 中将它用作自定义命令
可以在 Fireworks 使用 Flash SWF 电影作为自定义命令
可以将颜色值直接从 Flash Actionscript 粘贴到 Fireworks 的颜色框中
另外，Fireworks 的"历史记录"面板提供了易于使用的界面，使您能够通过一系列已记录的任务创建自定义命令。

在安装了功能扩展或创建了自定义命令后，Fireworks 会将其放在"命令"菜单中。
如果将命令作为 SWF 文件存储在硬盘的 Command Panels 文件夹中，则它们会显示为"窗口"菜单中的面板。相关下载见文尾。

[编辑]

Fireworks小技巧

Brush工具特能的性能：按住shift键用brush工具画出一条水平或垂直线后，释放鼠标，但不要松开shift键，在brush光标附近会出现一个小加号，用brush再画一条线（仍按住shift键），fireworks会把所画前一条线的终点和后一条线的起点连接起来。

Pencil工具的一个用途：在图象编辑模式下，当改变一个象素构成的图象时，pencil点到任何象素都会变成当前的描边颜色。

移动光标时，如果按住shift键不放，那么每移动一次为10个象素点。

选择工具：shift键除了可与矩形或椭圆形选框工具组合来选择正方形或圆形区域，还有另外一个功能：可在已经选择好的区域上增加选择区域。例如，用选框工具已经选择好了一个矩形区域，发现应该选择的是正方形区域。这时，如果在矩形选择区域仍存在的情况下，按住shift，将得到矩形选择区域与正方形选择区域的叠加区域，而不是单独的正方形选择区域。为了避免这个问题，可在用shift键选择正方形或圆形之前，执行edit->selet none命令或者使用快捷键ctrl+d。也可以在选择区域外单击鼠标取消原来的选择。

[编辑]

热点问题

问：Fireworks和Photoshop该用哪个？

答：Fireworks是一款针对网页图形制作而开发的软件，可以在位图与矢量模式中绘制各种图形。而Photoshop则是针对图形出版印刷而开发的位图软件。因此严格的讲，两款软件对于各自所要解决的问题有所不同。所以不能强行的将两者进行对比。虽然Fireworks操作方便，易手上手，但这也和个人对软件使用的熟练程度有关。因此，选择哪款软件关键是看你要解决什么问题。

问：如何使用Photoshop的滤镜？

答：在Fireworks里点击“编辑”→“首选参数”菜单，在“首选参数”窗口的“文件夹”选项卡中勾选“Photoshop增效工具”，然后点击“浏览”按钮并找到Photoshop安装目录下的phig—in目录，从中选择所要添加进来的滤镜。但只能导入Photoshop5.5版本以前的部分滤镜。

问：热点与切片有什么区别？

答：热点与切片都可以用来为图像或按钮建立链接、交换效果及弹出菜单。但切片分为两种，一种是图形切片，它还可将所划分的区域在导出成HTML文件时，将图形文件分割成多个较小的独立文件，以便在浏览器中重新装配图形；另一种是HTML切片，它将该区域在导出成HTML文件时，以HTML语言代码输出。

[编辑]

网络资源

Macromedia Fireworks 8.0 简体版下载：http://www.onlinedown.net/soft/9864.htm
Macromedia Fireworks MX 2004 V7.01 简体中文版下载：http://www.skycn.com/soft/1824.html
Macromedia 功能扩展管理器v1.5.058 下载地址：http://www.zhzx.net.cn/download/downsoft.asp?softID=1485
Fireworks精彩实用插件集下载下载地址：http://www.huoho.com/info/287-1.htm

网页设计可用性概念的重要性日益增强，这与Web范畴从印刷品到软件的转变直接相关。过去，Web站点提供的功能比较简单。大多数站点只不过是提供印刷品诸如小册子、目录册或杂志的电子版本。站点甚至存在严重的可用性问题。更糟糕的是，用户经常感到迷惑或在填表时出错。然而，今天的Web站点已经有各种各样的形式，简单的诸如小册子软件（brochureware），复杂的则诸如Web的应用，存在的这种差异性和复杂性使得Web设计非常看重可用性。

网页工具

源码编程

多媒体工具

图像处理

相关资源