由于Macromedia Fireworks和Adobe Photoshop都拥有一个共同的功能——对位图进行创建及修改,所以这两个软件中的某些功能是相似的。然而,Fireworks与Photoshop的不同之外在于它是一个全新设计的用于创建、修改及优化网络图形的软件。因此,Fireworks中有几个功能是与Photoshop中的功能大相径庭的。
本文将对Photoshop和Fireworks两者之间的差异之处进行讨论。
输入Photoshop文件至Fireworks中
Fireworks可导入由Photoshop创建的PSD文件,并保持大部分原文件的结构,包括图层及可编辑文本等。
PSD文件导入Fireworks的过程如下:
1. 在Photoshop中,选择执行“File(文件)/Import(输入)”或“File(文件)/Open(打开)”命令,选定一个PSD文件,即打开“File Options(文件属性)”对话框。
2. 在Photoshop的“文件选择”对话框中,选择:
Maintain Layers(保持图层):从Photoshop文件中导入所有图层,并保持各图层名称。
Make Shared Layers(创建共享图层):将所有导入的图层设置为在Fireworks中共享所有帧。
Convert to Frames(转换成帧):将每个Photoshop图层引入至Fireworks中每个单独图层中,并保持原有图层名称。
Text: Editable(可编辑的文本):定义导入的文本为可编辑的Fireworks文本。尽管一般情况下导入的文本看起来与在Photoshop中时十分相似,但很有可能因两种应用程序在文件控制和消除锯齿方面的差异而有所不同。
Text: Maintain Appearance(文本:保持外观):在导入时将文本转换成位图,以保持其外观与在Photoshop中时完全一致,但这样就失去了可编辑性。
Use Flat Composite Image(合并图层):在导入时合并原Photoshop文件的图层,从而在导入至Fireworks后是一个单一图层的图像。
注意:可设定缺省的导入格式为PSD,具体设置在“File (文件)/Preferences(偏好设置)”,“Import(导入)”面板中的“Photoshop File Conversion(Photoshop文件转换)”选项中完成。
3. 设置完成后,别忘点击“OK”。
像素与路径
Photoshop是一个绘图软件。无论是在Photoshop中绘制或创建图形时,只是在与像素打交道。由Photoshop生成图像中的新像素与同一图层中的旧像素可以混合。如要在该图像文件中选定一个单独的图形要素--如下图中的左侧图形--就必有须选定描述这一图形的所有像素,而非描述该图形的像素则一概不选。当然,也可以在创建该图形要素前为它创建一个新的图层。
尽管Fireworks图像在屏幕上是以像素显示的,而且也可以如同在Photoshop中一样在Fireworks中用像素进行绘画,但Fireworks的工作原理却是和Photoshop完全不一样的。在Fireworks中,可以利用绘制路径来创建图形要素,再将一种笔画的色彩指定给该路径,或用某种色彩填充该路径所描述的图形。同时,由这种路径所定义的图形要素都可以很方便地被选定,移动或编辑的对象。
图例中所示左侧的是一个Photoshop图像。它是像素的集合;右侧则是一个Fireworks对象。这一对象在屏幕上可以与Photoshop中的图像一样被显示为像素的集合。但是定义Fireworks对象的基础路径(蓝色线条)使整个对象更易于被选定、移动或编辑。
绘制和绘画
在Photoshop中,如果要改变一个用喷笔绘制的圆圈图形的形状、色彩或尺寸的话,就只能先删除它,并重新绘制一遍。
即为一个在Photoshop中利用喷笔工具绘制的圆形
而在Fireworks中,如果要做此类变化,就只需对原有的路径(如左下图所示)进行相应的编辑,或选定路径应用新的色彩,或改变喷绘的效果,或改变路径的形状,该图形即随着改变。
右上图所示的图像就是利用Fireworks中的路径编辑工具对左图中的路径进行编辑变形,再通过从“Stroke(笔画)”面板中选择其他色彩修改喷绘颜色的结果。
利用渐变
无论在Fireworks中还是在Photoshop中,都可以利用渐变填充来对某个区域进行填充--即利用两种或两种以上的颜色之间生成平滑的过渡填充。在Fireworks中和Photoshop中使用渐变填充最大的区别在于如何应用渐变及如何对渐变进行编辑修改。
在Photoshop中,渐变填充被应用于一组选定的像素或整个图层。可以选择渐变填充工具,在“渐变填充选项”面板中进行设定,之后将工具拖到欲应用渐变填充的区域即可。但是,一旦解除对该区域的选定,渐变填充的结果就不再具有可编辑性。如要进行修改,就必须在应用新渐变前小心地选中渐变区域内的所有像素。另外一个办法就是,可以在第一次应用渐变填充前创建一个备份图层。
在Fireworks中,渐变填充被定义成一种填充类型。用户可以先选定对象,再从“Fill(填充)”面板中选择一种填充类型来进行填充。(渐变填充类型被罗列在“Fill Category(填充类型)”弹出菜单中的虚线下面,包括有直线型、辐射型和椭圆型)。在Fireworks中编辑渐变填充或应用另外一种填充都比在Photoshop中进行同样的操作简单得多。因为可以在Fireworks中选择:如想编辑某一渐变填充,请先选定填充所应用的对象并在“填充”面板中修改填充设置,原有渐变填充属性会马上做相应的改变。
图示为在Fireworks 的“填充”面板中选中 “渐变填充”,及应用于对象的填充结果
与在Photoshop 中一样,可以在Fireworks中的对象内部用渐变填充进行绘画。如想要这么做,请同时使用“Paint Bucket(绘制按钮)”、“Lasso(套索)”、“Marquee(选取框)”或“Magic Wand(魔术棒)”等工具在一个选中区域对象中进行填充。
图层
尽管在Fireworks和Photoshop中,“图层”面板在外观上很相似,但Fireworks中的图层与Photoshop中的图层的工作原理是不一样的。
在Photoshop中,图层如同一片透明的平铺的纸一样。当在图层上绘图时,会替代原有图层上的所有像素。无论绘制的是透明图形还是彩色图形,一旦一个要素被创建,就会成为该图层上永久的一部分。如想保持图像中具体某一部分的可编辑性,必须将该部分放置在一个独立的图层上。
图示为Photoshop“图层”面板
在缺省设置下,Fireworks对图层的处理倒更象FreeHand或Illustrator。当在Fireworks中绘制一个形状时,它会成为当前图层上的一个新对象。Fireworks中的图层就是一个包括有无数对象的容器,对象的数量依设计而定。这就使得一个图层中的对象可以被移至另一个图层,或在不影响同一图层中其他对象的前提下被编辑或删除。而元素在图层内的上下位置关系是按顺序排列的。
图示为Fireworks“图层”面板
注意:如果喜欢Photoshop图层的工作方式,可以将Fireworks图层的工作方式设置得与前者相似,即在Fireworks“Layers(图层)”面板中的“Options(选项)”弹出菜单中选择“Single Layer Editing(单个图层编辑)”。
元素成组(Grouping )
Photoshop中的成组与Fireworks中的成组是大不相同的。
在Photoshop中,成组被用来创建剪贴组。在剪贴组中,图层是被用来蒙盖与其同组的其他图层的。这与Fireworks中的蒙盖组相似。
在Fireworks中,成组与Photoshop中的链接图层很相似,与FreeHand 或 Illustrator中的图层几乎完全一样。可以将对象组合在一起,象对待一个对象一样对其进行操作。如果移动、转换或修改其属性,该组中的所有单一对象都将做相应改变。Fireworks中的成组与Photoshop中链接图层的一个区别在于Fireworks中的成组对象可以位于同一图层,也可位于多个图层。而Photoshop却只能链接所有图层。
蒙板功能
蒙板功能是一种对图像不同部分进行特殊编辑或施加特殊效果的图像编辑技术。尽管Photoshop 和 Fireworks都具有这一功能,但是各自的执行方式是不同的。相同之外在于,蒙板都被定义为在编辑过程时对部分图像所进行的灰度覆盖,蒙板的标明哪些部分被遮住、哪些部分没有被遮住。其中黑色区域表示避免被编辑的底层像素部分;白色区域则表示允许在底层进行编辑;灰度阴影则标出了半编辑区域,即可以用不同程度的透明进行绘画。
在Photoshop中,蒙板可以三种形式出现--“Quick Mask(快速蒙板)”、“alpha channel(阿尔法通道)”或“layer mask(图层蒙板)”。快速蒙板和阿尔法通道都是临时性蒙板,可以创建这两种蒙板以对图像的某一部分进行编辑,当完成后再放弃该蒙板;图层蒙板是从快速蒙板的选项中进行创建的。与临时性蒙板不同,图层蒙板会在“图层”调色板上加入阿尔法通道,并可以在任何时候进行重载或编辑这些通道。
Fireworks 的蒙板功能之所以大不相同,是因为它具备了“面对对象”的优点。从根本上讲,对象就是被蒙盖的部分,如一个图形。
图示为被蒙盖的图像(左侧)及蒙板(右侧)
在Fireworks中创建蒙板的步骤如下:
1. 将蒙板放置在欲蒙盖的对象上。
2. 选中两个对象。
3. 选择“Modify(修改\Mask Group(蒙板组)/Mask to Path(蒙板至路径)”
蒙板蒙盖住下层对象的部分内容。在Fireworks中,这一合成物就被称为“蒙板组”,即蒙板与其他蒙盖的对象组成一个组,对蒙板组内的对象,仍可以进行移动或编辑操作。
图示为被上层黑白图像蒙板蒙盖的照片
文本
在任何网站的图形中,文本都是可能经常变动的。Fireworks和Photoshop都具有使对文本的修改更为简便的功能。
在Photoshop 5或更高版本中,新创建的文本会显示在“类型”图层上,可以在“类型工具”对话框中选中它并进行编辑。类似地,在Fireworks中,可以双击文本,然后在打开的“文本编辑器”中修改文本或调整其属性,从而实现对其进行编辑。
然而,在Fireworks中,文本是文件中的一个对象。与路径一样,它也是对象,所以可以对Fireworks中的文本进行点选、移动、删除、缩放及驻留在任何图层的操作。因此,在Fireworks中可以与在Photoshop中同样的方式实现对文本的控制。例如,在Fireworks中你可以编辑每个文本框中每个文字的色彩,可以对文本进行拉长,将文本粘贴至路径,调整节的宽度以改变文本打包的方式,并可以转换文本。在进行了以上的任何一种操作后,在“文本编辑器”中文本仍然是完全具有可编辑性的。另外,可以在一个或多个Fireworks文件中查寻并替换任何字或词。
滤镜及效果
在Photoshop和Fireworks中,都可以利用滤镜对图像应用特殊效果。另外,在这两种应用中,都可以对整个文件或一组选中的像素应用滤镜。但是Fireworks在使用滤镜和效果方面会给多提供两个选择。
第一、在Fireworks中指定在何处应用效果更为简单。在Photoshop中,必须对整个文件、整个图层或精心选择的像素应用滤镜效果。由于Fireworks是基于对象的,而不是基于图层的,所以可以通过选择对象并对其应用效果实现轻松的对具体对象应用效果。
第二、在Fireworks 3中应用Photoshop滤镜并不一定要求是永久性的。利用Fireworks的“Effect(效果)”面板,可以“Live Effects(真实效果)”形式应用大多数Photoshop滤镜。具有“真实效果”的对象会显示出其在Photoshop中的显现的效果。然而,在Fireworks中,如果后来希望修改效果设置的话,只需要选定对象并关闭效果或在“效果”面板中修改效果设置。对象就会恢复至原有状态或显示新的设置。
图示为Fireworks 的“效果”面板,对选中对象已经使用了几种效果
历史记录面板及编程
Photoshop 4及更高版本和Fireworks 3都利用“History(历史记录)”面板来记录最近执行的操作。这两个“历史记录”面板的工作原理相似。每个面板都会显示所执行的最近几个操作并允许在操作记录单中进行移动,选择恢复到文件中的某一具体点。
Fireworks的“历史记录”面板和Photoshop的“历史记录”面板记录语句的方式是不同的。“动作”调色板与“历史记录”调色板相似,除了它只记录所要求记录的动作外。这一点与其他应用中所使用的宏记录器非常相似。
在Fireworks中,只要通过在“历史记录”面板中选中一些动作,然后在“历史记录”面板的“选项”弹出窗口中选择“保存为命令”,就可以编写出语句。
对“历史记录”面板中所选中的步骤执行“保存为命令”保存好这个命令,就可以将这一命令重复应用于其他的对象和其他文件中
Fireworks的语句被称作为命令并显示在“命令”菜单中。通过在菜单中选择以运行命令。Fireworks的命令以JavaScript文件形式储存在Fireworks应用文件夹中。由于Firework能够解读JavaScript语言,所以可以对所保存的命令进行编辑,或创建自己的JavaScripts 命令以执行许多Fireworks任务。
动画
在Photoshop 5.5中,ImageReady增加了在Photoshop中创建动画GIF文件的功能。而所有版本的Fireworks都具备这项功能。在处理动画GIF文件的方式上,Photoshop和Fireworks是非常类似的。
在ImageReady中,可以利用“动画”调色板创建动画GIF文件。而在Fireworks中,则使用“帧”面板。可以在两个应用中进行许多同样的设置,包括帧速度及帧时滞。
最主要的差异在于ImageReady的“动画”面板可以长条排列形式罗列出第一帧的编码,而Fireworks却是将每一帧的编码进行上下排列。在Fireworks和ImageReady创建动画的方式方面就是每个应用处理“插入”动作的方式。插入功能是一种根据第一帧和最后一帧之间的临时帧创建图像的动画自动化技术。ImageReady只在帧之间进行插入,而Fireworks可以在对象之间进行插入。如想使用ImageReady中的插入功能对图像进行动画处理,必须将图像的副本放置在单独的图层上然后再插入图层。
优化及报告文件
可以在Fireworks和Photoshop中对源文件进行操作。这就意味着可以对原文件进行修改,但仅输出在网站上实际使用的第二个文件。在Photoshop中,原文件是PSD文件;而在Fireworks中,原文件是PNG文件。在两种情况下,都可以以另外一种格式输出文件以便在网络上使用,经常用的是GIF或JPEG格式。
使用5.5之前版本的Photoshop中输出网络格式图像是一项烦人的工作。首先,必须合并文件中所有的图层。然后必须改变为“索引化”色彩并选择色彩调色板。最后,可以选择“File(文件)\(Save As)另存为”并设定GIF或JPEG。在图像输出以前经常会打开另外一个输出选项的对话框。另外,必须在进行具体的网络设置后谨慎地保存好未进行图层合并的原文件。Photoshop 5.5中新增了一个“Save For Web(保存为网络文件)”的功能,执行它会打开一个对话框,使能够在输出前对这些网络文件进行设置。
在Fireworks中,可以使用“优化”面板,选择文件格式、色彩、色彩浓度及其他输出选项。这些优化设置并不会影响原图像--它们仅应用在输出的图像上。在Fireworks的操作平台上就可以进行优化设置。甚至可以通过设定“优化”面板上的相应改变文件窗口为预览选项:2-上或4-上方式,实现对效果的预览。
从Fireworks中输出文件是一个单独的操作。选择“Filet(文件)/Expor(输出)”并指定地址。由于输出设置已经被储存在原文件中,可以很方便地再次输出以前设置的文件,如果希望以后对其进行修改的话。
在输出前,利用Fireworks的“优化”面板设置文件格式,色彩及色彩浓度
如果希望对许多图像用同样的设置进行对外输出的话,可以将所有设置保存为一个预设命令,以便以后使用,甚至可以在Fireworks中执行批处理。