Adobe Creative Suite 6: 更强大的HTML5能量

时间:2022-10-30 08:16:19

Adobe Creative Suite 6: 更强大的HTML5能量

Adobe推出了全新版本的Creative Suite,更新了网页设计工具,以便更好地支持未来的HTML5格式,同时,它也保持了诸多优点。

HTML5是全新的互联网标记语言。支持HTML5的Creative Suite 6网页及多媒体设计工具包括了14款应用,它们被组合在4个不同的套装里,包括设计标准套装(售价1299美元),设计与网页高级套装(1899美元),Production高级套装(也是1899美元)以及Master Collection套装(售价2599美元)。这些套装里的每款软件几乎都可以单独购买,PhotoShop(用于图片编辑)和Premiere Pro(用于视频编辑)分别售699美元,Dreamweaver(用于网页开发)售价则是399美元。

Creative Suite 6充斥着技术的结晶,比如Photoshop CS6和Premiere Pro CS6的GPU加速,而Dreamweaver CS6只需要借助云端的力量甚至可以生成适用于任何智能手机操作系统的移动应用。

这里,我们测试了三款主要软件。

Dreamweaver CS6

在网页设计领域,随着HTML5的日渐流行,AdobeFlash多媒体平台的流行度大打折扣。Adobe全新的Dreamweaver CS6提供的工具能在桌面、平板、智能手机等不同平台上实现基于HTML5的设计。

流体布局,流体设计:所有的网站流量都在增长,其中移动版网站的流量增长是最快的。Dreamweaver CS6的全新“流体栅格布局”工具可以助你为不同尺寸的屏幕——从智能手机到平板电脑再到台式电脑——进行设计。

流体栅格布局系统还只是“可适应设计”的开始,一旦你创建了内容后,包含了这些内容的网页就会自我进行重新配置,并在任何尺寸大小的屏幕上以合适的方式展示这些内容。

在测试中我发现,流体栅格布局用起来非常简单,但重新调整容器的大小则比较麻烦,而且撤销功能时常不起作用。Dreamweaver的界面上增加了新的按钮,可以提供模拟智能手机、平板电脑、台式机等不同设备屏幕的效果预览,非常有帮助。

全新的选项及其相应的对话框可以帮你创建CSS转场,即动态效果。一旦你弄明白怎么操作后,就能制作出非常出色的效果,比如图片翻转,非常地简单。

创建移动应用:上一版本的Dreamweaver可以让用户创建移动应用以及移动网站,不过比较费事。你得下载一个Android软件开发者工具包(SDK),安装好后然后再告诉Dreamweaver上哪去找到这个工具包。

Adobe去年收购了PhoneGap,这家公司提供的平台可用于创建移动应用,因此结果就是你需要在Dreamweaver CS6里把应用项目上传到网站,然后再使用新的PhoneGap菜单就行了。

借助新的JQuery样本面板,你可以自行设计应用的界面。你也可以在Adobe Fireworks里新建或是修改按钮设计,然后再针对不同浏览器输出相应的HTML5代码。或者,你也可以在jQuery Mobile的Theme-Roller网站创建自己的应用设计,然后再把它下载到Dreamweaver CS6。

在所有的Creative Suite应用里,Dreamweaver CS6算是浑身是是宝的一个。它的进步速度之快也是其他应用所不及的,它提供了许多有用的功能以跟上一个互联网上最新创意层出不穷的时代。

Photoshop CS6

Creative Suite套装里的顶梁柱—— Photoshop CS6(售价699美元)的最新版从其同侪Premiere Pro那里借鉴了许多功能,同时其本身也进行了诸多更新。

改进的GPU加速:Photoshop CS6全新的Mercury图形引擎改良了GPU加速功能,该引擎类似于Premiere Pro CS6里强大的Mercury回放引擎。在Photoshop CS6里,有几个工具也支持GPU加速,包括部分滤镜,进行了重大更新的裁剪工具,以及Photoshop CS6 Extended里的3D功能。

为了测试这个引擎,我在分别启用和关闭图形加速功能的情况下,用一台四年前的双核至强工作站打开了一个600MB大小的图片,图片中共有20个层。在两种模式下,图片打开的速度均是一样的,而且在屏幕上进行操作也毫无问题。

有些功能,比如新的油画滤镜,在GPU加速关闭的情况下无法正常工作。但在GPU加速启用的情况下,它和另一款溶解滤镜都运转如飞。

升级后的裁剪工具带来的是全新的无损裁剪方式:在裁剪图像时,你可以选择保留(但隐藏)剪掉的像素,日后你如果想要恢复原图形就可以轻易实现。

新的视角裁剪也是一个非常不错的工具,有了它,你可以在图片上拉出一个裁剪框。这张图片拍摄时由于角度问题造成了图形的扭曲或是变形,这时你可以对图片的一个或是多个边角进行调整以还原其本色。

不过,我说发现的最令人惊叹的应用,是内容感知移动功能。与Photoshop的其他内容感知工具一样,它也会分析像素,然后再复制大量像素以便在其他图片中应用。比如,有一张图片是一个人站在毫无新意的背景前,我可以大概选中那个人,然后使用内容感知移动工具,一步就可以完成复制背景中想要的部分忽略不想要的部分。而尽管我进行的选择操作比较马虎,那个人还是毫发无损。

哪个更适合你?对于有些项目,尤其是涉及到大量文本的那些,我就不得不在Photoshop和InDesign之间做出选择。这一切可能不会再出现了。Photoshop CS6改进了文本工具,包括文本菜单,以及一些新的文字控制工具。新的字形渲染引擎能让文字显示得更清晰和锐利。你甚至可以自动粘贴一些占位文字,或是复制某一段文字的格式,然后再把这一格式应用至别处去。

Photoshop的“存储为Web格式”功能由来已久,但在压缩图片方面还是不及Adobe Fireworks。如果你要用Photoshop制作专为Web准备的图片,那么在Photoshop里新建并保存文件,在Fireworks里打开它,然后再导出最终结果。

上一篇:让功能升级 下一篇:时尚应用 第8期