Speed up graphics production:
This new panel is designed to work with Adobe Photoshop CC and a new feature called Generator. This new HTML panel will automatically name a layer so that Generator will automatically create, and export a PNG, GIF or JPEG image. Install this new panel with Adobe Extension Manager CC. On a PC, be sure to install this panel in the Administrator Mode.
Let me know what you think!
Kamil Khadeyev has created what looks like a handy way to rename numerous Photoshop layers at once. This could work well for people who are batch-exporting assets via Photoshop CC’s new Generator feature.
[Via Pierre-Etienne Courtejoie]
“Extracting my design intent from PSDs felt tedious and repetitive,” writes Photoshop UI designer Tim Riot. “I conceived of Adobe Generator as a means to empower people to quickly and easily access the design data within PSDs. With Generator, anyone who knows JavaScript can create their own way of working with Photoshop.”
With that in mind, Tom Krcha has posted a guide on how you can Script Your First Adobe Generator Plugin For Photoshop. On a related note, developer evangelist Lee Brimelow has created a really deep look at the new feature:
[YouTube]
The first fruits of independent developers extending Photoshop’s new Generator feature are starting to arrive.
“Much more than image extraction,” writes Photoshop’s Tim Riot, “Stand In takes positioning, styling, state, even motion data, from PSDs and creates prototypes that feel like real apps which you can view on your iPhone. This capability, to fluidly create in Photoshop and seamlessly output designs to any context, is at the heart of the Generator technology.”
Nerdy, but interesting for those who really care about the details of Web/UI graphics production:
The Photoshop Generator feature offers great flexibility in the ways you can rename layers/layer groups to specify size and quality parameters. Stepping beyond the recommendations in the Help article, this blog post looks at some valid variations that you can use while tagging layer/layer group names.
Michael Chaize offers tips for setting up one’s PSD to export assets efficiently via the new Generator feature.
Check out his post for screenshots & more.
Take two minutes & check out how the newly released Generator technology for Photoshop CC helps you kickstart a responsive Web layout in Adobe Edge Reflow:
If you’d like a more detailed look, check out this tour from Terry White:
Web designers, screen designers, and anyone who needs to extract image assets out of a Photoshop document: I think you’ll dig this.
Generator allows you to create image assets in real time as you work, eliminating the tedious steps of copying, slicing and exporting each layer manually, and saving you hours of time. 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.
This update is available right now (via the CC app or by choosing Help->Updates within Photoshop). Check it out:
Here’s the crazy part: Generator is open-source (right here on GitHub), based on Node.js, so you can extend it (and Photoshop) in all kinds of interesting ways. Check out this video from the The Engine Co., who used Generator to write a plug-in for their Loom gaming engine that allows game designers to change the UI of a game in Photoshop while the game is being played:
Check out the Photoshop team blog for additional details. [YouTube vid 1, 2]