為全球領先的多媒體設計軟件供應商，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/