尝鲜!Fireworks CS4 测试版新体验 Fireworks, 测试版, 尝鲜, 体验

蜡笔

Fireworks CS4的测试版已经放出，如果有加入Adobe测试的朋友可以赶快下载尝鲜了。通过一段时间的试用，Fireworks CS4最大的变化给我的感觉就是应用了CS3系列的界面，从目前的测试版来看，新增的功能并不多，也许是一些功能我还没有试出来或者还没有包含到这个测试版里，但是个人感觉Fireworks CS4总体变化不大，Adobe在这方面显得不是很有诚意。 图为 Adobe Fireworks的产品经理alan musselman在展示Fireworks CS4 　　Fireworks CS4的最新测试版“Ignite（点燃、起火、发光的意思）”已经放出～！看来adobe是要在Fireworks的路上继续走下去了，Fireworks比golive的命运要好多了 ，这次adobe比较有诚意，Fireworks CS4的测试版可以选择简体中文进行安装，虽然安装以后还是有很多不认识的“蝌蚪文”，但比起以前的满世界都是汉化版的Fireworks CS3来说好多了。 　　一、安装和软件界面 图1 加载安装程序 图2 输入序列号 (试用版30天免费) 图3 许可协议 图4 安装语言选择 图5 安装状态 　　从界面上看Fireworks CS4总算是启用了CS3系列风格的界面，面板全部可以和CS3界面一样折叠，也算是收购MM后对Fireworks CS3进行改进显示了一点诚意。 图6 启动界面 　　Fireworks CS4版本的开发工作从07年9月18号已经正式开始了，到现在我下载的是测试第6版了，有图为证。 图7 Fireworks CS4版本的开发

蜡笔

二、新增的绘图工具

　　Fireworks CS4在绘图工具上的变化并不太多，如图7所示。

　　图7 Fireworks CS4的绘图工具

　　只是在矢量工具中新增了两个工具，【测量】 工具和【箭头线】 工具，由于我的测试软件的原因，在使用【测量】工具的时候总是会有错误提示，下面把这两个工具简单的介绍一下。

　　1.1 【测量】工具的使用   

　　【测量】工具是Fireworks CS4中用来测量对象实际尺寸的一个工具，在网页效果图设计中，我们经常需要测量某些对象的尺寸，或者是某些对象一部分的尺寸，在以前的版本中可以通过使用辅助线来测量，但是总是比较麻烦，现在则可以使用【测量】工具快速测量对象的尺寸，具体使用方法如下：

　　1、打开需要测量的图像素材，如图1-2所示，在这里需要测量图像中易拉罐的大致尺寸，需要注意的是这是一张位图，对于Fireworks以往的版本而言，在没有去掉图像背景并且把图像选取下来之前，测量其宽高是非常麻烦的。

图8 在Fireworks中打开图像素材

　　2、现在有了【测量】工具，一切都会变得非常简单，在矢量工具组中选择【测量】工具，在易拉罐的左上角的位置开始按住鼠标左键不动，向右下角的方向拖拽鼠标，一直拖拽到易拉罐的右下角来，如图9所示。

图9 使用【测量】工具

　　3、这样，所拖拽范围的尺寸就能够在【属性】面板的【宽度】和【高度】文本框中显示出来。

　　4、做一个简单的比方，当我们使用【指针】工具选择对象的时候是可以拖拽一个范围的，如图10所示。

图10 使用指针工具选择对象

　　5、而【测量】工具的作用等于就是显示了这个范围的宽度和高度。

　　【提示】使用【测量】工具，可以测量任意的范围，包括整体的宽高或者只是宽度和高度。

　　1.2 【箭头线】工具

　　可以说【箭头线】工具在以前的各个版本的Fireworks中都存在，什么？哪里有？你用过【命令】→【创意】→【添加箭头】命令吗？对了，就是它了，现在等于是把这个命令集成到了Fireworks的工具面板中，如图11所示。

图11  添加箭头命令

　　使用【箭头线】工具可以快速绘制各种箭头线条效果，即可以给线条的一侧添加，也可以加到两头上，甚至是不要箭头，如图12所示。

图12  绘制的各种箭头效果

　　【箭头线】工具作为Fireworks CS4的自动形状工具出现在矢量工具部分中，对箭头样式的调整，只需要单击线条两侧的黄色控制点即可。

　　1.3 【属性】面板的用户体验

　　学工具看属性，我想这句话地球人都知道，Fireworks CS4在【属性】面板的用户体验上也进行了改进，可以把任何的面板组合的【属性】面板中去，这其实和Flash CS3比较类似。

　　例如可以把最常用的【对齐】面板组合进来，这样以后就不用总是从【窗口】菜单去选择了，确实是方便了很多，如图13所示。

图13 把各种面板组合到属性面板中

蜡笔

1.4 智能辅助线工具

　　智能辅助线其实不算是什么新功能，在Flash8里就已经引入了这个功能，要说“新”只能是针对于Fireworks而言，不过确实还是很实用的功能。

　　在Fireworks CS4中拖拽或移动对象的时候，智能辅助线就能够自动在对象的边缘产生洋红色的虚线来帮助对齐，如图14所示。

图14 智能对齐工具

　　实用智能辅助线，对齐对象将会更加精确，可以在【视图】→【智能辅助线】菜单中进行相应的设置，如图15所示。

图15 智能辅助线的设置

　　1.5 文本工具的新属性

　　在使用【文本】工具向画布中输入文字后，【属性】面板中的文本属性多了一个新的设置，如图16所示。

图16 文本工具的新属性

　　至于这个属性的作用，目前还不是很清楚，能够知道的是它可以根据所选择的字体自动显示这个字体的粗细，包括：粗体、正常、中间。至于有什么用还得等正式版出来以后再说了。

　　1.6 无处不在的样式

　　Fireworks的样式对于提高创作效率的重要性大家都知道，可惜的是这次下载的试用版中并没有带任何的样式，不知道adobe在Fireworks CS4中能否增加一些新的样式呢？让人还是有些期待的，如图17所示。

图17 Fireworks CS4的【样式】面板

　　但是这并不影响我对Fireworks CS4的测试，导入了以前版本的样式，一样可用，如图18所示。

图18 导入样式

　　当在Fireworks CS4的画布中选择任何一个对象的时候，在【属性】面板的右侧，多了一个关于样式的对话框，如图19所示。

图19 【属性】面板中的样式对话框

　　点击向下的三角箭头，就可以选择【样式】面板中的所有样式，并且应用到图形之上，如图1-14所示。

图20 选择样式

　　在样式对话框的下方还有4个按钮，作用分别如下：

　　【新建样式】   ：可以把所选择对象上的效果保存为样式。

　　【重定样式】   ：可以把对当前样式的修改保存到这个样式中。

　　【取消链接】 ：去掉当前对象和所选择的样式之间的关联，这样再次保存成样式的话就可以保存成一个新的样式。

　　【删除样式】 ：删除所选择的样式。

　　可以说，样式表在FireworksCS4中已经无处不在了，发挥样式的强大功能，可以提高工作效率、轻松分享作品。

蜡笔

三、新增面板

　　与其说是新增，不如说是改进，Fireworks CS4在面板中对【对齐】面板和【路径】面板进行了明显的改进，如下图所示：

图21 对齐面板

　　下面是Fireworks CS3和Fireworks CS4【路径】面板的对比，变化还是不少啊。

图22 Fireworks CS3路径面板

图23 Fireworks CS4路径面板

　　同样地，我已经把这两个面板提取出来了，大家可以复制到你的Fireworks8或者Fireworks CS3软件中就马上可以体验到Fireworks CS4的新功能了，具体复制到 C:\Program Files\Adobe\Adobe Fireworks CS3（或8）\ Configuration\Command Panels
　　即可，然后重新启动软件就可以使用了。（ 点击下载对齐面板   点击下载路径面板）

蜡笔

四、新增的命令

　　在Fireworks CS4中，新增了两个命令，一个是【导出mxml-g】命令，另外一个是【保存全部】命令，这里重点介绍一下【导出mxml-g】，在介绍之前，先了解一下什么是mxml文件。

　　MXML（Macromedia XML?）
　　MXML是Macromedia在2004年三月发布的一种描述界面的标记语言，基于XML标准。与微软的WPF技术体系不同的是，MXML必须在服务器端编译为swf，然后发布到客户端。客户端，或者我们叫做”Runtime”，可以执行这些swf，展现成界面、实现各种功能。我们常见的Runtime就是常说的Flashplayer。而最近非常红火的”Apollo”更名后的”AIR”，就是一种新的”Runtime”。微软的XAML（eXtensible Application Markup Language）很像MXML，也是一种描述应用界面、交互的基于XML的标记语言，但是它实在发到客户端再解释的（目前还不确定未来的具体实现）。
　　Flex 由 Macromedia 公司发布的 表现服务器(Presentation Server)提供给 programmer 所熟悉、基于标准的编程框架和功能强大的组件用于开发和部署丰富客户端应用程序的表示层。Flex 开发者使用MXML文件,该文件直观的基于 XML 的语言和actionScript 来定义丰富的用户界面，由 Flex 服务器翻译成智能的客户端应用程序，由客户端的flash player或者shockwave player解释执行，所以想点击查看网页源文件，是根本什么都查不到的，当然使用搜索引擎是不能检索到它们的。
　　这样也引来一个问题 运用Flash是完全可以做到flex的效果的，为什么还需要flex呢？
　　我理解是这样的：为了迎合更多的程序员，flash的动画概念和写程序的开发人员格格不入，为了吸引更多的jsp/asp/php等程序员，Macromedia推出了Flex用非常简单的.mxml来描述界面和jsp/asp/php程序人员使用.html非常相似，而且mxml更加规范化、标准化。

　　另外还有一个误区就是，MXML就是应用程序。这是绝对错误的。MXML只是一种描述，最终运行，还是需要编译好的SWF+Runtime。对于传统的Flash开发人员，可以这么理解：MXML就好比FLA，FlexBuilder就好比FlashIDE把FLA变为SWF那样把MXML变为SWF。

　　AIR（Adobe Integrated Runtime）
　　AIR是Apollo Intergeted Runtime。AIR程序都是跑在AIR这个Runtime之上的。这就好比SWF文件在Flashplayer中运行一样。
　　AIR的组成和发布非常简单：一个描述应用的XML+一个根节点资源+一个打包工具。
　　在我们使用Flex Builder3简历AIR项目的时候，一般都会自动产生一个MXML和个XML。用Flex编译好的SWF，作为这个AIR的默认根节点，然后可以通过Flex Builder3 发布成为air安装包。然而这并不意味着我们只能用Flex开发AIR应用！我们只要有swf，并且把这个swf描述成为AIR应用的根节点资源，就可以利用Flex Builder3的打包工具发布我们的air安装包了！

　 看了上面的内容我想你对mxml已经有了一个大致的了解，通过使用Fireworks CS4的【导出mxml-g】命令，可以在Fireworks CS4中开发flex界面，也就意味着Fireworks CS4将会和Flash的结合更进一步。下面大家看一个简单的演示：

　　1、在Fireworks CS4中打开制作好的图形界面，如图24所示。

图24

　　2、选择【命令】→【export mxml-g】命令，如图25所示。

图25

　　3、这时会打开相应的对话框，如图26所示，可以设置文件名称。

图26

　　4、选择导出的位置，如图27所示。

图27

　　5、生成了一个图像文件和一个mxmlg文件，如图28所示。

图28

　　6、在记事本中打开mxmlg文件的代码，如图29所示。

图29

　　我已经把这两个命令提取了出来，你只需要复制到C:\Program Files\Adobe\Adobe Fireworks CS3（或8）\Configuration\Commands文件夹中就可以使用了，点击下载 fireworks命令。

蜡笔

五、文件信息命令 　 在Fireworks CS4的【文件】菜单下，新增了一个【文件信息】命令，使用这个命令可以给图像添加相应的文件信息，首先可以看看下面的图片：

图30 打开文件信息

图31 说明

　　【说明】选项，有些类似于网页的meta信息，可以通过给图像添加说明信息，边缘网络和图像软件的搜索，在最后一张图像中，使用adoeb bridge打开添加了说明信息的图像，这些信息可以在adoeb bridge中显示出来。

图32

图33

图34 IPTC联系信息

图35

图36

图37

　　在上面的多张图像中可以看到能够使用Fireworks CS4给图像添加IPTC信息，IPTC是国际出版电讯委员会(International Press Telecommunications Council)的缩写，IPTC元数据就是一种标准格式，可以将以下元数据加入照片信息中，如作者，版权，字幕，细节描述等。

蜡笔

加入元数据与指配关键词标签有根本不同。元数据包含于图片本身中。当你将照片拷贝给别人的时候，元数据会跟着图片一起被拷走（因为它们就附在图片上）；如果你换了一看图软件或者换了一台电脑，那么这些新软件也能读出原有的这些元数据，并对相册加以管理。

　　关键词

　　搜寻带有关键词标签的图片也来得非常直接，但是将关键词信息写进文件是比各种图片软件标签提供的数据库关联更有用的选择，因为元数据（将关键词写进文件） 可以保证当你复制、移动、编辑或对文件进行其它操作时，信息依然能够保留其完整性。而否则的话，关键词标签被储存/保留在一个数据库中，该数据库将这些标 签与你硬盘或移动存储器上的文件（图片）进行关联。除此之外，这些标签与它们映指的图片没有任何关联。目前，很多软件都支持了iptc的编辑和查看，IPTC数据是由国际印刷电信委员会（IPTC）制定的信息标准，以识别传输的图像。该标准包括关于题注（caption)、关键字(keywords)、类别(categories)、资料来源(origin)和原稿的条目等。当前许多新闻图片机器都包含IPTC记录。
　　IPTC 标准,也就是新闻记者添加标题的方式来添加标题。这意味着,您添加的标题保存在图片内,无论您是将图片作为网页导出,还是制作 CD 演示,标题都会和图片一起保存。这是一张玛格南图片的iptc信息的示例Caption：
　　Caption                           CUBA. Havana. 1998. A teenage girl stands seaside.
　　Writer                           
　　Headline                        
　　Special instructions              No photographs may be reproduced without prior written agreement from MAGNUM or a MAGNUM representative.
　　These photographs may not be cropped or retouched without the permission of MAGNUM PHOTOS.
　　The caption must be respected.
　　Keywords
　　Keywords                          Mick Ryan
　　Categories
　　Urgency                          
　　Category                        
　　Supplemental categories         
　　Credit
　　Copyright notice                  David Alan Harvey/Magnum Photos
　　Photographer                     
　　Photographer title               
　　Credit                           
　　Source                           
　　Origin
　　Object name                       HAD98004K007
　　Date/time created               
　　Release date/time               
　　City                             
　　Sublocation                     
　　Province/state                  
　　Country code                     
　　Country name                     
　　Original transmission reference  
　　Other
　　Edit status                     
　　Object cycle                     
　　Fixture identifier              
　　其官方网站：http://www.iptc.org/pages/index.php  

图38

图39

图40

图41

图42

　　DICOM(Digital Imaging and Communication in Medicine) 标准是由ACR (American College of Radiology)及NEMA(National Electrical Manufacturers Association)所形成的联合委员会， 于1983年以后陆续发展而成的医疗数位影像及传输标准。简言之，DICOM是医学图像及其相关信息的通讯标准。

蜡笔

此标准建立的目的为: 推动开放式与厂牌无关的医疗数位影像的传输与交换。促使影像储存与传输系统PACS (Picture Archiving and Communication Systems) 的发展与各种医院信息系统HIS (Hospital Information Systems) 的结合。允许所产生的诊所资料库能广泛地经由不同地方的设备来访问DICOM Version3.0。原自ACR-MEMA两次发表的标准，分别为：CR/NEMA PS No.300-1985,Version 1.0,发表于1985 年，1986年十月颁为标准；CR/NEMA PS No.300-1988,Version 2.0，1988年1月颁为标准，涵盖Version1.0。

图43

图44

图45

　　六、文本附加到路径内命令
　　先看下面的效果图吧，是Fireworks CS4的源文件。

图46

　　在Fireworks CS4的文本菜单中新增了【附加到路径内】命令，可以把文字显示到路径的形状内，使用方法非常的简单，把你要的形状绘制出来，然后把字也打出来，最后选择【附加到路径内】命令即可。

图47