Updates out today for Photoshop CC (version 14.1) bring new features for Creative Cloud members including a brand new open source technology that Adobe is calling “Adobe Generator”. The new feature will allow users to automatically create image assets in real-time without the need “of copying, slicing and exporting each layer manually.” Here’s how it works:

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. If you need larger dimension images for Retina displays, you can also quickly create those by adding a scaling factor.

In Photoshop, Adobe Generator can be turned on by navigating to  File -> Generate -> Image Assets and renaming layers with supported tags. Adobe notes some examples in its blog post. For example,  “200% logo-retina.png, logo.png” produces both a 2x and a 1x asset, while “heroImage.jpg10” produces a 1x asset with max quality.

Adobe noted that the new generator feature also provides “a real-time connection between Photoshop and Edge Reflow,” allowing users to bring in assets from Photoshop with a single click. Generator is an open source project, which will allow users who know JavaScript to modify or write their own plug-ins using the technology. The company posted the video below that shows developers who are using Generator to write a custom plug-in for a mobile game that allows them to “change the UI of a game in Photoshop while the game is being played.” expand full story