为全球领先的多媒体设计软件供应商，Adobe Systems Incorporated（简称：Adobe）旗下各类型软件可以说在软件工具领域遍地开花，只要从事多媒体设计相关的工作者，基本都会用到Adobe的软件。

对普通的计算机用户来说，可能大多还是只认识他家最出名的Photoshop。但毕竟术业有专攻，再强大的Photoshop也无法胜任多媒体设计领域的全部工作，于是Adobe就针对各个细分工作开发了专门的工具软件。

其实Adobe产品线里的软件并不都是自家创立的，有些是从竞争对手中收购来的，例如2005年Adobe收购了Macromedia公司和它旗下软件的所有权，丰富了其Web多媒体开发软件的空缺。

接下来就为大家介绍Adobe旗下的各大软件，只有选择对应的工具软件，才能在工作时事半功倍。

Photoshop主要用于图像编辑工作，是目前图像编辑功能最强大的专业工具软件。作为Adobe的王牌软件，Photoshop可以说是家喻户晓，以至于现在别人要修改照片，哪怕用的是别的图像软件，都习惯用“P图”这个词来表达。

Photoshop于1990年发布了1.0正式版本，直到2003年又将Photoshop 8更名为Photoshop CS系列，持续更新到CS6版本，现在Photoshop以CC系列命名，其他Adobe产品也基本以新系列来命名，最新版为CC2019。

illustrator也是用于图像编辑工作，但它与Photoshop不同的是，Photoshop主要是以像素型数字图像编辑为主，而illustrator是以矢量图像编辑为主，例如印刷出版、广告海报、图形插画等。

采用矢量图像的好处就是，图像大小不再受限于分辨率影响，可以自由放大缩小而不失真，特别适合需要配合广告包装来改变尺寸的印刷工作。所以作为设计工作者，illustrator也是经常会用到工具软件。

After Effects主要以动画编辑工作为主，可以处理2D和3D图形的后期合成，有丰富的动画特效可以选择。一般用于电视及影视片头制作，影视特效，网页动画，广告，动漫等。

Premiere是一款专业视频编辑软件，虽然说很多视频编辑软件都能提供视频剪辑、特效、调色、配音、字幕等常见功能，但是Premiere能在这些方面做得更细致更强大。基本上那些视频自媒体、广告制作、电视节目以及电影制作都会用到它来编辑。如果喜欢在社交网站分享短视频的用户，也可以用它来编辑日常生活的视频。

Premiere Rush是一款轻量级的视频编辑软件，你可以把它当成Premiere的缩水版，同时它也有手机端app，主要是给普通视频用户使用，功能也比较简单好上手。

Prelude是Adobe新推出的专业视频编辑软件，专为直观、高效的媒体整理和元数据输入而设计的视频记录和采集工具，可快速标记和转码视频素材并快速创建粗剪。Prelude可以轻松将处理好的文件转换到Premiere上，从而确保整个视频制作过程中的通信和整理的流畅性。

InDesign是一款专业排版的设计软件，对于文章、报纸、杂志等文字编辑工作有着强大的支持，所以出版社和印刷行业经常会用到它。这款软件对于文案工作者来说简直是福音，可以很轻松的将你的文字创作进行更美观的编排。

InCopy是一款写作编辑软件，用于配合InDesign使用，使作者、编辑人员和设计人员能够同时在一个文档中工作，而不会覆盖他人的工作成果。主要功能是设计文本样式、跟踪更改和对文档进行简单的版面修改。

Bridge是一款组织工具程序，主要用来对图像文件进行管理。在 Bridge 中可以查看、搜索、排序、管理和处理图像文件，还可以查看照片的exif数据信息。对文件整齐有强迫症的用户来说，用Bridge可以轻松地分类管理你电脑中密密麻麻的图像文件。

LightRoom是一款可以快速导入照片和调色处理的软件。主要在摄影过程中或者后期批量处理会用到它，也可用它来分类管理照片。LightRoom其实是弥补Photoshop在批量处理照片效率上的不足，主要特色就是要快快快地调色，是摄影师的好帮手。

可能很多人没有听过Animate，但应该有一部分人听过Flash Professional吧？其实Animate就是Flash Professional更名过来的。

2016年Flash Professional正式更名为Adobe Animate，并在原本Flash SWF文件的基础上，加入了对HTML5的支持，毕竟Flash的没落和HTML5的兴起，让Adobe不得不做出调整。

Animate维持原有 Flash 开发工具和新增 HTML5 创作工具，为网页开发者提供更适应现有网页应用的音频、图片、视频、动画等创作支持。

Dreamweaver是Adobe在收购Macromedia后获得的重量级产品，它是一款网页制作和网站管理的编辑器，也是目前使用最广泛的页面编辑软件。Dreamweaver最强大的功能就是它有代码界面和实时视图界面，让页面制作更加方便直观，也使得网页制作的新手能更容易地编辑页面和修改页面参数。

Adobe Flash Player是一款广泛使用的多媒体程序播放器，同样它也是Adobe收购Macromedia获得的产品。以前很多视频网站都是用Flash播放器来播放在线视频，但由于Flash的安全隐患太多，还有HTML5的兴起，Flash现在已经被各种大型网站平台淘汰。

Audition是一款专业音频编辑软件，原名为cool edit pro，被Adobe收购后，改名为Audition。

Audition可以提供先进的音频混合、编辑、控制和效果处理功能，专门为音频、视频专业人员设计。

Adobe在2015年收购了Mixamo，并将它的3D功能进行整合，推出了Fuse，主要用于3D人物制作。

Fuse为用户提供极其庞大的高质量3D模型数据库，可以轻松地建立3D角色模型。

SpeedGrade是一款专业的影像调色软件，能够色彩校正和色彩分级调色，经常会配合Pr来使用。是剪接师、制片、调色人员常用的专业工具。只不过现在SpeedGrade似乎已经停止更新了，在Adobe官网已经找不到产品页了。

Stock是一款多媒体库软件，也可以说它是一个多媒体库平台。用户可以通过Stock获取上亿个免版税的高品质照片、矢量图、插图、视频、模板和 3D 资源，并将其用于作品中。Stock也是一个给投稿人展示和出售其数字内容的交易平台。

Experience Design是目前最全面、最可靠的 UX/UI设计应用之一，在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能，并同时提供工业级性能的跨平台设计产品。设计师可以使用XD自动生成画板之间的微交互动画，例如移动、缩放和模糊，也可以使用语音和语音播放功能与原型交互。

Acrobat是一款PDF的编辑软件，主要是将其他形式的文档扫描和转换成PDF文档，也可以直接对PDF文件里的文本和图片进行编辑，也可以对PDF进行加密，是Adobe旗下常用的文档编辑软件。

Reader是常用的PDF阅读器，它的责职就是为了能查看和打印PDF文档，属于常见的办公软件。

Dimension是一款3D设计软件，它可以方便快捷地将2D图形转换成3D物件。Dimension的推出就是为了与CINEMA 4D对抗，以弥补adobe在3D设计领域的空缺。相比CINEMA 4D，Dimension的界面操作更加简便，比较适合3D设计的新手使用。

AIR是一款跨系统的应用软件平台，它的设计理念有点像以前的JRE（Java运行环境），只要你的系统支持和安装了AIR，无论是PC或者移动终端，都可以在上面运行同样的程序。对大多用户来说，估计印象中接触的唯一一款Air应用就是WB的AIR客户端了。

Captivate是一款屏幕录制软件，可以轻松记录屏幕操作、添加电子学习交互、创建具有反馈选项的复杂分支场景的软件，非常适合教育工作者在做教学演示使用。

Character Animator是一款2D 角色动画应用程序，可以将2D图稿转换成实时动画角色。Character Animator强调的是人偶和模仿，和After Effects相比较，Character Animator更加容易上手，实时面部追踪绑定和语音识别是它的核心功能。

ColdFusion最早是由 Allaire 公司开发的一种应用服务器平台，其运行的 CFML（ColdFusion Markup Language）针对Web应用的一种脚本语言，类似现在的JSP里的JSTL（JSP Standard Tag Lib）。在 Allaire 公司被 Macromedia 公司收购以后，推出了 Macromedia ColdFusion 5.0，后来Adobe收购了Macromedia，自然也将它并入旗下。

Connect是一款视频会议软件，主要用于会议，远程教学和网络研讨会。

Export PDF其实是一款挺实用的小工具，可以在线或在移动设备上将PDF转换为Word或Excel。

Flex是一个开源的软件开发工具包（框架），用于构建和部署基于Adobe Flash的跨平台富互联网应用程序。Flex允许在所有主流浏览器，台式机和设备上快速构建高性能应用程序。

此外，Flex还提供了一个现代的、基于标准的语言和编程模型，支持常见的设计模式，适合不同背景的开发人员。

同样，它也是Adobe收购Macromedia获得的产品。

FrameMaker是一款系统应用软件。该软件是适用于 XML 和非结构化内容的一流的创作和发布解决方案。 使用全新的 XML 代码视图在本机创作结构化内容。 使用基于 PDF 的双程审阅。 利用开箱即用式 CMS 整合对内容进行有效管理。

LiveCycle是一款点按图形表单设计工具，它简化了表单设计的创建过程，以便以 AdobePDF表单形式分发。 表单接收者可以在线填写表单、提交数据并将其打印出来，或用 Adobe Reader打印出表单手工填写。

Portfolio是一个作品集分享平台，可以通过Behance或者Lightroom将自己的作品上传到Portfolio上，并按照自己的喜欢给它们定制自己的作品封面和布局。

Presenter是一款演示教学软件，你可以将PPT演示文稿转换为交互式电子教学内容。

RoboHelp是一个专业创作工具， 可用于开发帮助系统、电子教学内容、知识库以及方案和步骤。

Adobe Scan是一款手机应用，可以快速从纸张上的文档、收据等扫描到PDF文档。

Spark是一款多媒体文案制作软件，可以在短时间内创建图形、网页和视频故事。

Story是一款剧本创作开发工具，它可以用来加速创造剧本和使它们转变为最终的媒体的过程。

除了以上各类正式版应用软件，Adobe还有上百款应用工具和插件，如果你有想了解的内容，或者是文章中有错漏的地方，欢迎评论告诉我！如喜欢此文章，求点赞支持，谢谢各位！

、背景介绍

Adobe公司出品的多媒体处理软件产品线较多，涵盖了音视频编辑、图像处理、平面设计、影视后期等领域。为了扩展软件的功能，Adobe公司为开发者提供了两种方式来增加软件的功能：分别是插件（Plugin）和扩展（Extension）。去年利用官方提供的SDK开发过两款Premiere插件，分别用于导入自定义格式的多媒体文件和视频流预览。近来体验了一下Adobe Extension的开发。

Adobe Plugin一般用于提供更靠近底层的功能。官方出于效率的考虑，提供的插件SDK是基于C++语言的。而Adobe Extension则偏向与提供上层应用的扩展，在Adobe CS时代是采用的Flash形式实现的。在Adobe CC时代则提供了HTML5实现，这使得开发者们可以接口HTML5, CSS3, Javascript甚至是NodeJS来开发。因为Adobe在PremierePro里面嵌入了CEF，可以高效的解析渲染HTML5、运行Nodejs程序。而Nodejs则能实现系统功能的调用，简直不要太叼！在这篇文章中，我大概总结了一下使用HTML5来开发一款Adobe扩展的心路历程。

我们要做的一款扩展非常简单，如下图所示：

这是国外一家知名的视频素材交易网站Pond5开发的一款PremierePro扩展，它可以让用户在Pr中登陆网站、下载预览素材、购买高清素材、自动导入视频或自动替换视频。使得用户无需额外打开浏览器登陆网站操作，极大的提高了用户的使用体验。类似的还有shutterstock开发的插件：

二、开发环境

Adobe官方基于eclipse推出了一个用于开发Adobe Html5 Extension的IDE。因此，我们按如下流程先来配置下开发环境：

• 下载 Eclipse，最好是3.6或更高版本，以及Extension Builder

• 安装Adobe Premiere Pro CC 2014/2015.

• 配置elicpse的“target application”和"Service Manager"

• 打开调试模式：在注册表中添加 'PlayerDebugMode'字段

配置结束，到这里可以利用eclipse生成extension的模板工程了。生成的模板工程非常简单，面板里面只有一个默认的按钮：

三、工程配置

manifest.xml文件

Adobe Html5 Extension的开发，最重要的一个文件就是manifest.xml。这个文件描述了这个extension的基本信息，以便Adobe宿主程序能够正常识别加载。其大体内容如下：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<ExtensionManifest ExtensionBundleId="com.example.helloworld" ExtensionBundleName="Hello world" ExtensionBundleVersion="1.0" Version="4.0">

<ExtensionList>

<Extension Id="com.example.helloworld.extension" Version="1.0"/>

</ExtensionList>

<ExecutionEnvironment>

<HostList>

<Host Name="PHXS" Version="[14.0,14.9]"/>

</HostList>

<LocaleList>

<Locale Code="All"/>

</LocaleList>

<RequiredRuntimeList>

<RequiredRuntime Name="CSXS" Version="4.0"/>

</RequiredRuntimeList>

</ExecutionEnvironment>

<DispatchInfoList>

<Extension Id="com.example.helloworld.extension">

<DispatchInfo>

<Resources>

<MainPath>./index.html</MainPath>

</Resources>

<UI>

<Type>Panel</Type>

<Menu>Hello world</Menu>

<Geometry>

<Size>

<Height>400</Height>

<Width>400</Width>

</Size>

</Geometry>

</UI>

</DispatchInfo>

</Extension>

</DispatchInfoList>

</ExtensionManifest>

其中，BundleName, BundleId, BundleVersion由开发者来定，一般就是按照正常的版本迭代来确定。最重要的是HostList和RequiredRuntimeList这两个标签的内容。HostList里面确定了这个extension支持哪些宿主程序（如PremierePro, After Effects等等）。下面的代码指明了多个宿主程序都可以加载：

<HostList>

<Host Name="PPRO" Version="[7.0, 10.0]" />

<Host Name="PHSP" Version="[14.0, 16.0]" />

<Host Name="PHXS" Version="[14.0, 14.9]" />

</HostList>

这里只支持Photoshop Extended，其Host ID对应为PHXS，其他宿主程序的Host ID及版本如下：

注意到Version使用了一个方括号的形式[14.0, 14.9]，这表明这个extension支持版本14.0-14.9的Photoshop Extended ，高于这个版本或者低于这个版本的Photoshop Extended是不会加载这个extension的。但是，如果要指定某版本以上的所有版本都支持该如何指定？比如要支持2014以上的PremierePro CC，如何指定这个Version呢？只写上最低版本号即可：

<HostList>

<Host Name="PPRO" Version="7.0" />

<Host Name="PHSP" Version="14.0" />

<Host Name="PHXS" Version="14.0" />

<Host Name="IDSN" Version="9.0"/>

<Host Name="ILST" Version="17.0" />

</HostList>

另外，就是RequiredRuntimeList这个标签了。这个标签指定了运行时的CEP版本。所谓的CEP是Common Extensibility Platform的简称，它提供了一个核心服务集，便于开发者执行Extendscript代码、探查宿主程序的环境变量、处理extension与host之间发送的事件。在之前这个服务集叫做 Creative Suite Extensible Services，简称CSXS。因此，在一些配置文件中仍然可以看到CSXS这个缩写。CEP最初版本为4.x，发展至今已经有5个大版本了，最新的版本为8.x，支持最新的Adobe CC 2018宿主程序。

如上图，如果我们要支持初代CC版本的宿主程序的话，RequiredRuntime的Version就要设置为4.0。否则是无法正常加载extension的。此外，如果想在扩展中访问文件系统的话，还得指定额外一些参数：

<CEFCommandLine>

<Parameter>--allow-file-access</Parameter>

<Parameter>--allow-file-access-from-files</Parameter>

<Parameter>--enable-nodejs</Parameter>

</CEFCommandLine>

禁用签名验证

我们在开发的时候，需要随时调整extension的代码。而Adobe宿主程序对于那些没有签名的extension，是置之不理不会加载的。因此，我们需要把调试模式打开，这样开发的时候就不必对扩展进行签名了：

• 在mac上，打开~/Library/Preferences/com.adobe.CSXS.6.plist这个文件并增加一行，键名为PlayerDebugMode，类型为 "String",值设置为"1".

• 在Windows上， 打开注册表项：HKEY_CURRENT_USER/Software/Adobe/CSXS.6，增加一项名为PlayerDebugMode, 类型为 "String", 值为 "1"的键值对.

注意：如果宿主程序的版本不同，对应的文件可能也不同。比如CC2017,就要把上面对应部分改成 "CSXS.7"

chrome调试

chrome调试工具有助于观察extension的输出、探查extension的DOM结构，对于调试起着非常大的帮助。启用chrome调试工具也很简单，在extension文件夹的根目录创建一个名为.debug的文件，写入下述内容：

<?xml version="1.0" encoding="UTF-8"?>

<ExtensionList>

<Extension Id="com.pond5.marketplace">

<HostList>

<Host Name="PHXS" Port="8000"/>

<Host Name="IDSN" Port="8001"/>

<Host Name="AICY" Port="8002"/>

<Host Name="ILST" Port="8003"/>

<Host Name="PPRO" Port="8004"/>

<Host Name="PRLD" Port="8005"/>

<Host Name="FLPR" Port="8006"/>

<Host Name="AUDT" Port="8007"/>

</HostList>

</Extension>

</ExtensionList>

这个列表说明了调试不同的宿主程序时用的端口不一样。以Pond5为例，其.debug文件内容如下：

<?xml version="1.0" encoding="UTF-8"?>

<ExtensionList>

<Extension Id="com.pond5.ppro">

<HostList>

<!-- Premiere -->

<Host Name="PPRO" Port="8089" />

</HostList>

</Extension>

</ExtensionList>

指定调试Premiere的extension时，端口为8089。如下图所示：

CEP缓存清理

开发的时候，有可能需要禁止CEF对web内容缓存，可以直接手动删除掉如下位置中extension对应的文件夹：

• Windows: C:\Users\USERNAME\AppData\Local\Temp\cep_cache\

• Mac: /Users/USERNAME/Library/Logs/CSXS/cep_cache

当然，也有Adobe的开发者说指定CEF参数<Parameter>--disable-application-cache</Parameter>来禁用CEF缓存，不过我尝试过好像不起作用。

Extension文件夹

Extension存放的位置有分两种，系统范围的和用户个人的。系统范围安装Extension的话，Extension文件会存放在如下位置：

• On Mac,: /Library/Application Support/Adobe/CEP/extensions

• On Windows: C:\Program Files (x86)\Common Files\Adobe\CEP\extensions

这样，当前系统的所有用户都可以加载这个Extension了。也可以仅仅安装给当前用户使用，其位置如下：

• On Mac: ~/Library/Application Support/Adobe/CEP/extensions

• On Windows: C:\AppData\Roaming\Adobe\CEP\extensions

签名打包

发布Extension的时候，需要对整个包进行签名。这里需要用到ZXPSignCmd这个工具，在官方网站上可以下载。首先，要进行签名我们需要一个数字证书。这个证书我们可以从第三方证书签发机构购买，这需要一定的经费。也可以做一个自签名的证书，对extension进行签名。我们就按照后面一种方式来走个流程：

./ZXPSignCmd -selfSignedCert <countryCode> <stateOrProvince> <organization> <commonName> <password> <outputPath.p12>

./ZXPSignCmd -selfSignedCert US Washington myOrganization "John Smith" myPassword myCertificate.p12

这样会在当前目录下生成一个自签名证书，然后我们可以用这个证书签名打包了：

./ZXPSignCmd -sign <inputDirectory> <outputZxp> <p12> <p12Password>

./ZXPSignCmd -sign HelloWorld/ HelloWorld.zxp myCertificate.p12 myPassword

ZXPSignCmd工具签名时会在extension目录下生成一个META-INF文件，里面存放这次签名的信息。然后，工具会将整个目录打包压缩成一个*.zxp文件。这就是我们最终需要发布的扩展文件了。^_^

Pond5和Shutterstock的套路分析

通过仔细分析Pond5和shutterstock的实现，我们可以总结下这种类型的扩展的一般执行逻辑：

（1）在宿主程序中打开extension面板，通过”窗口-扩展“可以找到已加载的扩展

（2）Extension的脚本会分析用户是否是第一次使用。如果是第一次，让用户选择视频素材要保存的位置，这个一般通过弹出对话框实现。用户选择的位置信息，一般通过xml文件持久化存在用户家目录中。用户如果不是第一次使用扩展的话，就直接加载家目录中的xml文件解析了。

（3）用户点击了某个视频素材，开启下载。这个过程一般可通过nodejs实现。不过，要设置好下载回调函数。

（4）下载成功后执行回调函数，把下载好的视频文件导入到宿主程序中。这个步骤则是调用extendscript脚本实现。具体脚本编写可以参考这里。

参考这个套路，实现了类似Pond5和Shutterstock的Adobe Extension：

四、参考链接

• http://labs.adobe.com/technologies/extensionbuilder3/

• http://davidderaedt.github.io/CC-Extension-Builder-for-Brackets/

• https://www.adobe.com/exchange/em_download/

• https://github.com/Adobe-CEP/Samples

• https://forums.adobe.com/thread/2010424

• https://forums.adobe.com/message/8133214#8133214

• https://blogs.adobe.com/cssdk/2014/06/adobe-extension-builder-and-creative-cloud-2014.html

• http://www.adobe.com/devnet/creativesuite/samples.html

• http://wwwimages.adobe.com/content/dam/Adobe/en/devnet/cs-extension-builder/pdfs/CC_Extension_SDK.pdf

• http://www.adobe.com/devnet/creativesuite/articles/a-short-guide-to-HTML5-extensions.html

• http://www.adobe.com/devnet/creativesuite/articles/hybrid-extensions.html

• http://labs.adobe.com/downloads/extensionbuilder3.html

作者：24K纯开源

出处：http://www.cnblogs.com/csuftzzk/