Generate image assets from layers | photoshop cc – Adobe Photoshop CC 2014 v.14.xx User Manual
Page 257

Generate image assets from layers | Photoshop CC
Note:
Video: Using Generator
Generate image assets from layers or layer groups
A web design use case
Specify quality and size parameters
Disable image asset generation for all documents
FAQ
You can generate JPEG, PNG, or GIF image assets from the contents of a layer or layer group in a PSD file. Assets are automatically generated
when you append a supported image format extension to a layer name or a layer group name. Optionally, you can also specify quality and size
parameters for the generated image assets.
Generating image assets from a PSD file is particularly useful for multidevice web design.
Generate image assets from layers or layer groups
To understand the image asset generator better, consider a simple PSD file
with the following layer hierarchy:
Example PSD file and its layer hierarchy
The layer hierarchy for this file has two layer groups—Rounded_rectangles and Ellipses. Each of these layer groups contains five layers.
Follow these steps to generate image assets from this PSD file:
1. With the PSD file open, select File > Generate > Image Assets.
2. Append appropriate file format extensions (.jpg, .png, or .gif) to the names of the layers or layer groups from which you want to
generate image assets. For example, rename the layer groups, Rounded_rectangles and Ellipses, as Rounded_rectangles.jpg and
Ellipses.png
; and the layer, Ellipse_4 as Ellipse_4.gif.
The special characters /, :, and * are not supported in layer names.
Photoshop generates the image assets and saves them in a subfolder alongside the source PSD file. If the source PSD file is not saved yet,
Photoshop saves the generated assets in a
new folder on your Desktop.
250