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.