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.
Normally $50/month ($30 for existing CS customer), you can currently get some big discounts to upgrade from a Creative Suite product to a Creative Cloud membership. There’s an additional $20/month off for signing up for Creative Cloud for Teams and last week Adobe introduced a new Photoshop Photography bundle that allows customers to get Photoshop CC, Lightroom 5, 20GB of online storage, Behance ProSite, and more for $9.99/month.
Here’s a breakdown of all the features in the first release of Generator courtesy of Adobe:
- Real-time image asset generation gives Photoshop CC users the power to eliminate time-consuming production steps while ensuring their designs are properly implemented both on the desktop and mobile screens
- Tagged layers and groups in Photoshop CC are automatically saved and updated in real-time as individual files, in the format selected
- Layers can now be exported as JPEG, GIF, or PNG with a variety of options, including scaling for Retina displays and varying levels of compression
- In one click, Edge Reflow CC can import Photoshop CC assets, including images and text directly into Edge Reflow, allowing designers to immediately begin their responsive design process and reduce manual production steps