SHARE
Facebook X Pinterest WhatsApp

Adobe Introduces New Generator Features For Photoshop CC and Edge Reflow

Sep 10, 2013

Adobe today announced Adobe Generator, technology that fundamentally changes the way people work with Photoshop for web and screen design. Generator is a platform that brings Photoshop to the heart of the design process, enabling greater interoperability between Adobe Photoshop CC, Adobe Creative Cloud and third party applications. Also new — and available today for Creative Cloud members — is a Photoshop CC feature built using Generator technology, which streamlines web and screen design by delivering image assets in real-time to save users the tasks of extracting, cropping, sizing and exporting. Additionally, new connectivity between Adobe Edge Reflow CC and Photoshop gives users the ability to take Photoshop assets directly into Edge Reflow with just one click. Edge Reflow is a design tool focused on creating responsive web designs.

“Today we’re excited to usher in a new era of Photoshop productivity for anyone designing for the Web or mobile apps,” said Winston Hendrickson, vice president of products, Creative Media Solutions, Adobe. “Now with Generator, customers can skip the hassles of slicing and exporting from Photoshop and speed up day-to-day web and mobile app production through an intelligent and customizable workflow.”

The first Adobe Generator features for Photoshop CC and Edge Reflow include:

·         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

 

The Adobe Generator technology platform has an easy-to-use JavaScript API, paving the way for third-party apps and services developers to create similar tools that integrate with Photoshop CC. To accelerate the creation of more third-party apps, Adobe has released Generator and the real-time image asset generation feature as open source projects. More information is available at http://github.com/adobe-photoshop.

“As we expand from our business from .com websites out to multiple mobile platforms, it is essential for us to have the ability to use the integrated tools and services in Creative Cloud to tighten our design workflow,” said Stephen Gates, vice president, Global Brand Design, Starwood Hotels & Resorts. “With more than 1,100 luxury hotels, it can be time consuming doing multi-screen design with adjustments to assets for each screen. Now, with Generator and the real-time image assets creation feature in Photoshop CC, our design team can be more nimble, ideate, and deliver faster.”

“Creating a mobile game requires frequent and rapid iterations,” said Nate Beck, CEO of The Engine Company, a leading developer of game engines. “With Adobe Generator, we built a plug-in written in JavaScript that connects our Photoshop designs to our Loom SDK game running on iOS, Android and OUYA. When the design is changed in Photoshop, it immediately changes in the game in real-time, allowing for much faster experimentation, and ultimately a better game.”

Recommended for you...

Web 3.0 and the Future Of Web Development
Rob Gravelle
Jun 23, 2022
CodeGuru and VBForums Developer Forums and Community
James Payne
Apr 7, 2022
Understanding CSS Template Layout
Vipul Patel
Mar 29, 2022
Criminals Pay More for Code Signing Certificates Than for Guns or Passports
HTML Goodies Logo

The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.

Property of TechnologyAdvice. © 2025 TechnologyAdvice. All Rights Reserved

Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.