New Adobe Extension SDK Developer Guide posted

We have just posted the new Adobe Extension SDK guide – updated for CC 2014. The updated guide is more detailed than ever. It’s available for free at the GitHub CEP Repository or directly from here: http://bit.ly/1lQyqBx

Resources for HTML5 extension development

One of the changes in Creative Cloud 2014 is the introduction of the Common Extensibility Platform (CEP) 5.0 in many of Adobe’s apps. 

CEP 5 is a major update that provides capabilities that far surpasses its predecessors. A key feature is the integration of Node.js which practically means you can use Node’s rich APIs as well as third party NPM modules within Adobe’s products.

As we move further into the HTML5 panel era, we have created a new place to host our resources. You can find many samples and resources in the Adobe CEP GitHub repository.

It includes APIs, links to documentation, tutorials and tools (including some that are created by 3rd parties), and lots of samples.

In addition, I encourage developers interested in HTML5 panels to check out the Kuler panel for Creative Cloud 2014 on the new Adobe Add Ons website. The Kuler panel is a great example of an HTML5 panel.

 

Adobe Extension Builder and Creative Cloud 2014

Since Creative Cloud 2014 launched on June 18, extension developers have been eager to migrate their extensions and panels to the new generation of Adobe apps. At this point in time, Extension Builder 2.1 does not support Creative Cloud 2014 when building Flash based extensions, and Extension Builder 3 preview 3 does not support Creative Cloud 2014 when building HTML5 extensions.
New developer tools will be released in the future. Meanwhile, it is easy to modify the current tools so that you can continue to use them to create extensions and panels for the new CC 2014 apps.

Let’s start with Extension Builder 3. The following tweaks will make it support the latest and greatest Creative Cloud apps.

Continue reading…

Introducing CEP 5

The upcoming release of the Common Extensibility Platform, CEP version 5.0, introduces features that makes extensions and panels more powerful and flexible. It will tap into an even larger ecosystem of 3rd party frameworks and development tools than before, opening the doors for developers to create rich, cloud-based panels and extensions. Here are the highlights:

Node.js and NPM support: Use Node Packaged Modules in CEP HTML extensions. Just drop the NPM in your extension folder and you can use it immediately.
Using this new capability, developers will be able to leverage the massive Node developer ecosystem. Since CEP 4.0, developers have been able to use pure JavaScript frameworks in their CEP panels – which, in addition to CSS and HTML, brought the APIs and toolkits of web development to panels. Node takes this to a whole new level. For example, with Node you can connect with and use databases using NPM modules that provide bindings for many database types. Developers can also use it to integrate with popular web services. These are just two examples – there are many more.

WebRTC support: Enables support for with Real-Time Communications (RTC) capabilities via simple JavaScript APIs and HTML5. Developers have the ability to write rich, real time multimedia applications and use them in the extension. Here are some examples of how it can be used:

  • Access and control the webcam — within the app
  • audio/video capture — within the app
  • audio/video conference — within the app
  • screen sharing — within the app
  • and so on

Invisible HTML extensions: A parameter in the manifest file will control if the extension is visible or not.

Support Google Chrome (or CEF/Chromium) Command line options: Use the CEF command line options for powerful customizability. In CEP 5 you list the command line options in the manifest file. Not all command line options are supported, but most of them will be. The manifest XML Schema looks like this:

<CEFCommandLine>
<Parameter>--some-argument</Parameter>
<Parameter>--some-argument-with-value=value</Parameter>
<Parameter>--some-argument-with-value="this is a value”</Parameter>
</CEFCommandLine>

Call from ExtendScript into HTML DOM: Most of the currently supported Adobe apps (including but not only Photoshop CC and Illustrator CC) will include a new ExternalObject which provides an API that allows developers to dispatch events from ExtendScript to the JavaScript/HTML5 panel. The code below shows how to use it (note: normally you would put the ExtendScript code in the .jsx file)

var cs = new CSInterface();
cs.addEventListener(“documentCreated”, function(event) {

alert(’Cool!’ + event.data);

});

var extendScript = ’app.document.add(); var event=new Object(); event.type=”documentCreated”; event.data=”blahblah”; dispatchCSXSEvent(event);’ //you can have this code in the .jsx file instead

cs.evalScript(extendScript);

Session cookie and Persistent cookie support

Version independent extension installation folders: Instead of changing the extension installation folder with every release, CEP 5 will just use …/CEP (rather than ../CEPServiceManager4 or similar)

These are just the highlights. There is a long list of changes and bugfixes. In addition After Effects CC will support CEP 5 in the upcoming release which will open the door to using web development toolkits to build After Effects panels and plugins.

Adobe Layer Namer

Adobe Layer Namer

The new Generator feature for Photoshop CC lets you generate Web ready images from a psd file. This panel makes this feature incredibly easy to use, simply choose the export format; JPEG, PNG or GIF, select the quality and if you want a 2X version and go! You can even have the layer renamed for you. 

Tell me more…

Generator allows you to create image assets in real time as you work, eliminating the tedious steps of copying, slicing and exporting each layer manually, and saving you hours of time. Simply add a file extension to the name of your layer or layer group, and Photoshop will automatically create a JPG, PNG or GIF from the contents of that layer. If you make a change to that layer, the file is immediately updated. This means that you now have a folder of images that are always up-to-date with your Photoshop design.

Adobe Layer Namer is available exclusively on Adobe Exchange from the Adobe Exchange Panel in Photoshop CC for CC subscribers.

aln_blog

To get Adobe Layer Namer, launch the Photoshop CC app and then open the Adobe Exchange Panel by going to Window > Extensions > Adobe Exchange.

Photoshop Elves

Santa and his Photoshop elves were very busy creating this little gift, with lots of help and many thanks to Thomas Ruark and Russell Brown for this wonderful Panel and finally Krystal Woods for testing and releasing it.

Wishing you and your families Happy Holidays.  There are lots more exciting things coming on Adobe Exchange in early 2014, until then have a very happy new year.

Jonathan Ferman | Product Manager

Photoshop CC Features Panel now available

Photoshop CC Features

Photoshop CC is a remarkable release but how do you learn what the new features are and how to use them? The answer is the Photoshop CC Features panel where you can access new tools and features and watch videos all within Photoshop CC and it’s available exclusively from Adobe Exchange.

Special thanks to Stéphane Baril of Adobe (@sbaril on Twitter) who created this panel with Adobe Configurator 4.

How to get the Photoshop CC Features Panel

menu

Launch the Photoshop CC app and then open the Adobe Exchange Panel by going to Window > Extensions > Adobe Exchange.

If you haven’t already, you need to apply the CSXS update to enable the Adobe Exchange Panel first – Details here.

Photoshop CC Features is available for free for Creative Cloud paid subscribers. If you are just trying out Photoshop CC at the moment but want this panel you can get it with the Samples included with the free Adobe Configurator 4. While you are there you can also edit the Photoshop CC features panel to make it even more tailored to your needs.

Update

The Panel has just been updated to version 1.0.2 but don’t let the small version number fool you, it’s a big update with a number of usability improvements and includes the new Photoshop CC Generator feature. Existing users can get the update from within the My Stuff section of the Adobe Exchange Panel now.

Enjoy!

Jonathan Ferman | Product Manager

P.S. Want to have fun learning Photoshop CC? Check out LevelUp, also available exclusively on Adobe Exchange.

Introducing HTML5 Extensions

When Creative Cloud was launched in June 2013, we added support for HTML5-based panels in several Adobe products. These new panels open up the world of panel development to a wider range of developers who may be more comfortable working with HTML/JavaScript and CSS. Since June, support for HTML5-based panels has been added to more Adobe products. As of now Photoshop CC, Illustrator CC, Premiere Pro CC and Prelude CC support HTML5-based panels.

A preview of Adobe Extension Builder 3, a new developer tool that supports creating HTML5-based extensions, was launched in June at Adobe Labs. You can download it for free from here: http://labs.adobe.com/technologies/extensionbuilder3/

Starting in the middle of 2014 we will begin removing Flash-based extension support in Creative Cloud products, starting with Photoshop CC. We encourage all developers to start planning and migrating to the new extensibility framework based on HTML5.

HTML5-based panels allow developers to leverage the rich ecosystem of existing JavaScript frameworks and tools when creating their panels. HTML5-based panels share the same technology with web applications, which opens up exciting opportunities for integration with web services.

Check out these videos to see how to build and debug HTML5 Extensions.

Adobe Exchange Panel – 1.1 Update for CC apps now available

Screen Shot 2013-09-05 at 07.38.21

We’ve just released an important update to the Adobe Exchange Panel for Creative Cloud (CC) desktop apps.

New features

  • The Panel icon is back – no more default lego brick!
  • Facebook icon to like us on Facebook in the lower left of the panel. You can follow us on Twitter too.
  • Various bug fixes to improve performance and installation issues
  • New large view by default – now when you open the Exchange Panel for the first time you will see the large rather than compact view because in this case bigger really is better. Prefer skinny? No problem, click the button on the lower right to make it compact.
  • Non-zxp support – This is a major new feature. Previously if you wanted to submit products to Adobe Exchange they had to be packaged into a zxp format using tools like the free Adobe Exchange Packager, available when you sign up as a producer, which is also free. So now you can submit any kind of file, tell us the Adobe CC apps it is compatible with and off you go. Please note that it’s best to provide the native file rather than a zip when submitting content becuase we can then look to install things in the correct place automatically in the future. Really need to provide a zip file? Go ahead. It will be downloaded to the Downloads folder. Please also note that this feature requires Adobe Extension Manager CC Update 7.1 and works with supported CC apps like Photoshop, Illustrator, InDesign, InCopy, Dreamweaver, Prelude and Premiere Pro. You can expect to see a massive increase in the amount of content available on Adobe Exchange in the coming months thanks to this new functionality.

How to get the update

menu

First open the Adobe Exchange Panel by going to Window > Extensions > Adobe Exchange from within a compatible CC app.

If you haven’t already, you need to apply the CSXS update to enable the Adobe Exchange Panel first – Details here.

Install/update Adobe Extension Manager CC to version 7.1 using the Adobe Creative Cloud desktop app or get the installer here.

In the Adobe Exchange Panel Click the Update button (pictured above)

Don’t forget to check out the Adobe Exchange Panel regularly as we are constantly adding more products (Window > Extensions > Adobe Exchange).

Enjoy!

Jonathan Ferman | Product Manager

Adobe Drive Five is Alive!

Drive 5

Adobe Drive 5, or Adobe Drive CC as it’s better known, is now available. Lots of Adobe creative users don’t know about Drive and what it provides, so before telling you about the new features, let’s start with what it’s for.

What is Adobe Drive?

Adobe Drive CC (version 5) software enables seamless integration of a digital asset management (DAM) system with Adobe Creative Cloud and Creative Suite 6 desktop applications. Once connected to a DAM server, you can access remote assets through your operating system file browser, through Adobe Bridge, or from the menus of CC and CS6 products that integrate with Drive: Adobe Photoshop, Illustrator, InDesign and InCopy.

Adobe Drive CC

This release provides a lot of compatibility, Drive CC is compatible with the Creative Cloud (CC) *and* CS6 supported applications (Photoshop, InDesign, Illustrator, InCopy & Bridge. It supports CQ DAM 5.5, AEM DAM 5.6 and now AEM DAM 5.6.1 (released in June) along with a number of DAMs from third party vendors.

Other Key Features beyond CC application and AEM 5.6.1 DAM compatibility:

  • Mac 64-bit support; enables performance improvements when downloading assets from DAMs
  • When integrating with AEM DAM, performance improvements (12-40+%) when browsing a large number of assets in Adobe Bridge
  • Warning when connecting to an AEM DAM that uses an untrusted certificate

Learn more and download

Laurel Hahn Zimmer | Product Manager

Learning Photoshop is just a game with LevelUp for Photoshop

levelup-cover_Vers4

 

LevelUp for Photoshop is a fun and free way to learn Photoshop and it works inside Photoshop CC. LevelUp  is a game of missions — and points and rewards — that guide you along the way of learning basic Adobe® Photoshop® CC software skills. If you are a photographer and are just starting to use Photoshop, this is the game for you.

LevelUp for Photoshop CC is available exclusively on Adobe Exchange. You can download it with the Adobe Exchange Panel inside Photoshop CC, Here’s how:

Screen Shot 2013-07-29 at 18.33.51

Enjoy!

Jonathan Ferman | Product Manager