Skip to main content

behance prosuite

See All Stories

Photoshop CC update brings open source ‘Adobe Generator’ tool for real-time image asset generation

Site default logo image

[youtube=http://www.youtube.com/watch?v=6TRz-gNdQFg]

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
Expanding
Close

Manage push notifications

notification icon
We would like to show you notifications for the latest news and updates.
notification icon
Please wait...processing
notification icon
We would like to show you notifications for the latest news and updates.
notification icon
Please wait...processing