{"id":9912,"date":"2013-09-09T07:59:17","date_gmt":"2013-09-09T14:59:17","guid":{"rendered":"https:\/\/blogs.adobe.com\/jnack\/?p=9912"},"modified":"2013-09-09T07:59:17","modified_gmt":"2013-09-09T14:59:17","slug":"meet-adobe-generator-real-time-asset-generation-from-photoshop-cc","status":"publish","type":"post","link":"http:\/\/jnack.com\/blog\/2013\/09\/09\/meet-adobe-generator-real-time-asset-generation-from-photoshop-cc\/","title":{"rendered":"Meet Adobe Generator: Real-time asset generation from Photoshop CC"},"content":{"rendered":"<p>Web designers, screen designers, and anyone who needs to extract image assets out of a Photoshop document: I think you&#8217;ll dig this.<\/p>\n<blockquote>\n<p>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.<\/p>\n<\/blockquote>\n<p>This update is\u00a0available right now (via the CC app or by choosing Help-&gt;Updates within Photoshop).\u00a0Check it out:<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/6TRz-gNdQFg\" width=\"425\" height=\"319\" frameborder=\"0\"><\/iframe><\/p>\n<p>Here&#8217;s the crazy part: Generator is open-source (<a href=\"https:\/\/github.com\/adobe-photoshop\/\">right here on GitHub<\/a>), based on Node.js, so you can extend it (and Photoshop) in all kinds of interesting ways.\u00a0Check 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:<\/p>\n<p><iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/fMxvyB1fMNY\" width=\"425\" height=\"319\" frameborder=\"0\"><\/iframe><\/p>\n<p><a href=\"http:\/\/blogs.adobe.com\/photoshopdotcom\/2013\/09\/introducing-adobe-generator-for-photoshop-cc.html\">Check out the Photoshop team blog<\/a> for additional details.\u00a0[<a href=\"http:\/\/www.youtube.com\/watch?v=6TRz-gNdQFg\">YouTube\u00a0vid 1<\/a>, <a href=\"http:\/\/www.youtube.com\/watch?v=fMxvyB1fMNY\">2<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web designers, screen designers, and anyone who needs to extract image assets out of a Photoshop document: I think you&#8217;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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[24,42],"tags":[],"_links":{"self":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/9912"}],"collection":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/comments?post=9912"}],"version-history":[{"count":0,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/posts\/9912\/revisions"}],"wp:attachment":[{"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/media?parent=9912"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/categories?post=9912"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/jnack.com\/blog\/wp-json\/wp\/v2\/tags?post=9912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}