Complete Guide to What's New in Adobe Photoshop 14.1

With the Adobe Creative Cloud, Adobe has promised to deliver speedy updates and frequent new features to our favorite apps. With Photoshop, Adobe has already made good on that promise with the addition of several new features. With the release of Photoshop 14.1, Creative Cloud customers will now have access to several new features, and updates to help streamline and improve their workflow. The biggest of these new updates has to do with Generator and Adobe Edge Reflow. In this article, we will explain both of these features, as well as all the other improvements in detail. Let's take a look!

1. Saving Image Assets With Generator in Photoshop

Generator is a brand new technology in Photoshop CC version 14.1 that will help you export images from Photoshop documents for different devices. It is great for processing web design mockups created in Photoshop and generating all the assets you need from them. Essentially, you have to add file extensions to your layer names to generate image assets.

The process of saving and exporting these files is handled automatically by Generator; any change to the layers will be automatically reflected by their respective assets. Once Generator is enabled, the assets folder should always be in sync with the parent file. If the assets folder or the parent file is moved, Generator will create a new Assets Folder.

How to Name Your Layers

Setting up your files with generator is easy. By adding a file format suffix (.png, .jpg, .gif) to the layer name, Generator will automatically export that layer in the specified format. Other tags can specify size and quality. If you want more than one version of a given layer, you can generate multiple asset files from one layer by adding a second file name to the layer name. For example:

Commas create multiple files from a single group/layer. Each tag must be properly formatted with a valid file extension.

2. Exporting to Adobe Edge Reflow With Generator in Photoshop 14.1

Edge Reflow CC now connects directly to Photoshop CC. It allows you to seamlessly import assets, content and shapes directly onto Reflow's surface, creating a starting point for your responsive designs. With the intuitive workflow you can quickly create a web design project from several PSD files turned into pages of your site. Thanks to the Adobe Typekit your text will stay editable even in Adobe Edge Reflow using web fonts. Everything is generated automatically in the background including the HTML and CSS files so you can just focus on creating a seamless responsive web site by defining the layout for all the screen sizes.

3. Color Range Improvements in Photoshop 14.1

There are some useful improvements to the Color Range feature in Photoshop 14.1, specifically to Highlights, Midtones, and Shadows selections. Now, instead of a "hard-coded" range of values, the exact range of tones and the partial selection of surrounding tones can be controlled in a manner similar to Color Range's sampled pixel method.

Inside the Color Range dialog, use the Select pop-up menu to choose Highlights, Midtones or Shadows.

Use Range to select the threshold value (Example: 245 means all values 245 and up are selected).

Use Fuzziness to gradually fan out the selection to outside values (uses a partial selection gradient for smoothness).