关注前端开发微信微信号web007007

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

作者 管理员 发布时间 2012-08-01 11:37 文章分类 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.com网站,然后再使用新的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里打开它,然后再导出最终结果。

一个不错的附加功能,是新的界面文本尺寸设置。对于那些终日在电脑屏幕前度过且视力不佳的人来说,你会很感激Photoshop现在允许设置菜单字体大小为“小,中或是大文本”。不过,其他CS6软件都没有这一功能

层面板现在增加了过滤选项:点击一个按钮后,你可以选择只显示文本层或是只显示像素、调整、形状或智能形对象,当然也可以是它们的组合。然后你可以点击一个小按钮来切换显示图层。

视频,视频:Photoshop支持基础的视频编辑已经有一段时间了,不过在CS6里这一功能得到了加强,这多亏了GPU加速功能。

现在你可以在Photoshop CS6里打开70种不同的视频格式并添加层和轨道,基本的视频和音乐转换,应用效果等,然后再用内置的媒体解码器导出为视频。

Premiere Pro CS6

Adobe Premiere Pro CS6在其前辈的基础上显著改善了性能。在CS6里,Adobe设法善加利用这一巨大的性能改进。此外,Premiere Pro CS6(售价799美元)还拥有更多的过人之处。

界面漂亮,容易定制:乍一看上去,Premiere Pro CS6与其前辈相差无几。都是木炭色的界面,但Adobe为它提供了更多的灵活性和定制性。拿项目面板来说,现在你可以以更大的尺寸显示剪辑来源,放到最大的情况下,四个剪辑就填满了我那24英寸的显示器。

内置的媒体浏览器可以用来查看系统里的文件,并能直接拖曳进工程中。鼠标经过预览则可以在鼠标经过剪辑时直接播放它们。点击一个剪辑,就会出现时间轴。另外,在项目视图里,键盘快捷方式可以设置起始点和终点,对于粗略地编辑多个剪辑来说非常有用。

图注:Photoshop新的视角剪辑工具,注意看木块的顶部是怎样被拉直的。

图注:Photoshop增加了文本控制,包括对序数和分数的格式化。

Adobe也极大地改进了修剪视频的工具。在时间轴上双击选择一个编辑点,新的修剪窗口就会出现在Premiere里。然后你再点击一个按钮,就可以让视频后退或是前进5s或是1s,并同时看到输出和输入的剪辑。

你也可以自定义来源和节目窗口下的按钮,鼠标经过一按钮时,便会显示它的功能和键盘快捷方式。

Premiere Pro CS6的无打扰回放功能能让你在处理其它事情时——比如修正颜色或甚至是在其他应用里查收邮件——保持视频回放不中断。以前的话这样做是会中断播放的。

新的编辑功能:其他的一些改进包括Warp Stabilizer,用于修正抖动的视频。这一功能支持GPU加速,需要花点时间去分析一段视频,然后就好了。同时,现在在多摄像编辑模式(用于在不同的摄像里剪辑文件)下,你可以播放的视频数量只受限于系统的处理能力。如果你有单声道,双声道和5.1声道的音频剪辑,也可以将它们同时导入到同一个视频里。

Premiere Pro CS6里的三向颜色校正器并不是什么新鲜玩意了,但也得到了较大的改善,而且也支持GPU加速。它的色轮(包括阴影、中间调和强调)现在都有了重置按钮,所以如果你只要进行一项调整,就不必完全从头开始,每个色轮都有自己的颜色拾取器。色彩饱和调整现在也是单独可调的。

Premiere Pro CS6新的调整层功能——与Photoshop里的一样——让你可以添加一个调整层,并对它应用各种效果。在它之下的所有视频都会相应地改变,这有助于保持一致性。切换这一调整层的可见性,同时就能调整在它之下所有层的可见性。这是一个不起眼却非常有用的新功能。

GPU:启用了Mercury回放引擎,我就可以在Premiere Pro CS6里以2分18秒的速度导出一个简短但非常复杂的高清视频。关闭Mercury引擎,只使用工作站电脑的双核至强CPU时,进行同样的工作就需要14分30秒之多。显示,你如果准备整日与Premiere Pro为伍,最好把钱花在提升GPU性能上–也就是买一块好显卡,而不是去改善CPU性能。

最后一点,Premiere Pro CS6里独立的媒体编码器(它也能与其他Creative Suite软件共同使用)是64位应用。你可以将它的关注文件夹设置为输出多种视频格式,然后媒体编码器会同时处理这些文件。不过,它不能输出WebM或是Ogg视频,这两种视频对HTML5较为友好。

先不考虑这一点,Premiere Pro CS6在视频编辑应用里保持了大幅领先地位,其GPU加速功能远远领先于其它竞争对手。

Premiere Pro的三向色彩校正面板为阴影,中间调和强调都提供了单独的色轮。

本文固定链接: http://www.web92.net/595.html | WEB前端开发

该日志由 于2012年08月01日发表在 HTML5 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: Adobe Creative Suite 6: 更强大的HTML5能量 | WEB前端开发
关键字: