As part of 20 big updates to Creative Cloud (opens in new tab) being unveiled today at its Max 2014 event, Adobe has launched Creative Cloud Extract. This is the relatively prosaic name for a new Adobe feature that could revolutionise the way web designers and devs work across apps in Creative Cloud.
Extract simplifies workflow for web designers, and it works in three ways. First, it works inside Photoshop, where it can be access under the Extract Assets feature in Photoshop CC (opens in new tab).
What this does is enable designers that create Photoshop comps to very quickly define and package up their image assets, including individual layers, using a very simple visual interface that's been built on top of Adobe Generator (opens in new tab) (Adobe's workflow tool for extracting image assets). Secondly, Extract will also be embedded into Dreamweaver CC (opens in new tab).
"This is really going to speed up production," explains Scott Morris, Senior Marketing Director, Creative Cloud and Creative Suite at Adobe. "We've embedded the technology into Dreamweaver CC, and so web designers and developers can easily drag and drop elements they've packaged up in Photoshop (with associated CSS) straight into Dreamweaver, and retain the styles the designer has associated with those layers."
Finally, Adobe has made this functionality available as a standalone service within Creative Cloud Files, so you can view extracted files in the browser. So any layered PSD that you have synced with your Creative Cloud account, when shared in the browser, can be viewed by developers who can then extract vital design information, such as colours, gradients, CSS, and more.
Extract will also include supercharged export features, such same ability to optimise svg, png and jpg images for the web, at multiple resolutions, for use across retina devices and the like.
Extract functionality is expected to be available in apps to Creative Cloud members by the end of the day.