热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

AdobeCreativeSuite6:更强大的HTML5能量

Adobe推出了全新版本的CreativeSuite,更新了网页设计工具,以便更好地支持未来的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的三向色彩校正面板为阴影,中间调和强调都提供了单独的色轮。


推荐阅读
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • Android实战——jsoup实现网络爬虫,糗事百科项目的起步
    本文介绍了Android实战中使用jsoup实现网络爬虫的方法,以糗事百科项目为例。对于初学者来说,数据源的缺乏是做项目的最大烦恼之一。本文讲述了如何使用网络爬虫获取数据,并以糗事百科作为练手项目。同时,提到了使用jsoup需要结合前端基础知识,以及如果学过JS的话可以更轻松地使用该框架。 ... [详细]
  • 本文介绍了一种图片处理应用,通过固定容器来实现缩略图的功能。该方法可以实现等比例缩略、扩容填充和裁剪等操作。详细的实现步骤和代码示例在正文中给出。 ... [详细]
  • 送给设计师们的礼物:10个网站提高你的创意理念
    MyModernMetropolis,这个是我很喜欢的一个网站,细心的朋友会发现DDDesign有一部分文章是来自这里,如果你寻找创意灵感,这个也许是个很好的开始。2.FFFFou ... [详细]
  • PhoneGap 介绍
    一、PhoneGap是什么1、PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发框架。2、它使开发者能够利用iPhone,A ... [详细]
  • 如何完美的解决时间轴开发中的
    这些天,正在赶一个Ionic+phoneGap+Angular1.0的项目整改,具体涉及到的一个时间轴的开发。首先贴出UI设计图,是图中的蓝色部分的开发:备注:由于这部分 ... [详细]
  • 问题:onDeviceReady的函数没有触发!!
    2019独角兽企业重金招聘Python工程师标准也不能说就是个解决方法,我这样操作了后onDeviceReady好用了,需要的朋友可以参考下。首先 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • 《数据结构》学习笔记3——串匹配算法性能评估
    本文主要讨论串匹配算法的性能评估,包括模式匹配、字符种类数量、算法复杂度等内容。通过借助C++中的头文件和库,可以实现对串的匹配操作。其中蛮力算法的复杂度为O(m*n),通过随机取出长度为m的子串作为模式P,在文本T中进行匹配,统计平均复杂度。对于成功和失败的匹配分别进行测试,分析其平均复杂度。详情请参考相关学习资源。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 动态规划算法的基本步骤及最长递增子序列问题详解
    本文详细介绍了动态规划算法的基本步骤,包括划分阶段、选择状态、决策和状态转移方程,并以最长递增子序列问题为例进行了详细解析。动态规划算法的有效性依赖于问题本身所具有的最优子结构性质和子问题重叠性质。通过将子问题的解保存在一个表中,在以后尽可能多地利用这些子问题的解,从而提高算法的效率。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 本文介绍了指针的概念以及在函数调用时使用指针作为参数的情况。指针存放的是变量的地址,通过指针可以修改指针所指的变量的值。然而,如果想要修改指针的指向,就需要使用指针的引用。文章还通过一个简单的示例代码解释了指针的引用的使用方法,并思考了在修改指针的指向后,取指针的输出结果。 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
author-avatar
张小白
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有