Generator was first demoed as “PSD Lens” at the Sneak Peeks of the MAX Conference in May to great acclaim, and now because of Creative Cloud’s ability to release product upgrades quickly and as soon as they are ready, all Photoshop CC users (whether subscribing to the complete Cloud or just a single-app) will now receive the new version at no extra cost.
Generator is a flexible, easily customizable platform that brings rich APIs and powerful new capabilities to Photoshop. In lieu of Fireworks, customers are increasingly using Photoshop for front-end web design and generating comps or mockups, but the challenge for web developers is taking this result and easily generating working code and usable assets from it.
The first Generator feature, Generate > Image Assets, allows you to export the contents of layers, layer groups and smart objects as individual GIF, PNG, JPG or SVG files. Saving the files is handled automatically by Generator; any changes to layers will be automatically updated in their respective assets. So once Generator is enabled, the assets folder should always be in sync with the parent file edited in Photoshop… Slick!
In addition to automatically sizing, cropping, and creating image assets from a document’s layers, Generator also enables a real-time connection between Photoshop CC and Edge Reflow, the responsive web design tool included in Creative Cloud. This connection flows assets from your Photoshop document into Edge Reflow with just one click, so you can get started on your responsive design immediately.
Install now: Get all new Creative Cloud 2022 direct download links and free trials.
Eventually you’ll be able to link all kinds of specific items in a PSD file and get CSS code hints on that item inside a code editor like Edge Code. This would let you extract gradients, fonts, colors, positions, sizes, and other properties from your design file so that your code matches exactly what’s in the PSD. This opens new workflows and makes it significantly easier to go from static visual design to responsive layouts using HTML5 and CSS.
And for a limited time: Upgrade to Photoshop CC plus get Lightroom 5 too and the Cloud for only $9.99/month!
- The 10 most common myths about Creative Cloud
- What are the differences between Adobe CC vs. CS6?
- Download free Adobe books (choose over 30 titles)
- How to join Adobe’s Creative Cloud for free
- Free! Watch 400+ new courses from Adobe MAX
- Students & teachers: Save up to 70% on Adobe CC
Do you have any questions about Photoshop CC? Just ask them below and we’ll get you answers fast!
Keep up with the latest on Adobe software — follow us on Facebook or Twitter, or subscribe to our RSS feed… You can also enter your email and have new articles sent directly to your Inbox. We are reader-supported; when you buy through links on our site, we may earn an affiliate commission.