Smart Slices Lite 1.4.1

Cutting-edge solution for slicing designs in place and exporting pixel-perfect
image assets at multiple resolutions in all supported formats, including
advanced SVG.


Requirements

Adobe Photoshop CC, CC 2014 and CC 2015


Installation

Unzip the package and drag-and-drop the install.jsx on Photoshop, or select
from Photoshop menu File > Scripts > Browse… and choose the install.jsx.
Follow the steps of the installer. Photoshop may need to be restarted for the
changes to take effect.


Usage

Open Smart Slices panel available through Window > Extensions > Smart Slices.

Select layers and slice them by adding new assets in the panel. With multiple
layers selected, the assets can be added to all of them at once as well as
copied over from other slices.

For each asset, specify format, size and, optionally, filename suffix and
prefix which can include subfolders. The asset name is based on its layer
name. If multiple slices selected, assets are grouped by type and size, and
each of these properties can be changed for a whole group.

Note: when slicing a smart object containing layer comps, the layer name should
match the assigned layer comp name due to a bug in Photoshop.

You can set explicit asset bounds with a new automatically created layer or an
existing one. These bounds will be a part of the design for alignment,
measuring, etc. Alternatively, the asset bounds can be defined by a vector mask
if the slice is a group.

When setting the bounds with multiple layers selected, the closest bounding box
is assigned for each slice, e.g. making it easy to slice icons arranged in
a grid.

Choose export path, absolute or relative to the active document folder. Hit
Export button to export the selected slices.

Smart slices are saved with the document just like regular ones.


Smart Scaling

Smart Slices fix most of Photoshop quirks when scaling assets. Effect blur
radiuses, mask feather values and pattern offsets are adjusted to have pixel
perfect output. Also smart objects are scaled as vectors when appropriate, and
by using layer comps, you may have per resolution alternations of image
assets, all in a single smart object (layer comp name should match asset layer name).


Advanced SVG

Custom SVG exporter outputs production-ready vector graphics. It supports most
of layer types, shape attributes and layer styles. Layer effects are adjusted
to be as close as possible to the original.


Nine-Patch Sprites

Smart Slices provide a simple way to create 9-patch sprites for Android. Just
set slice bounds and draw black marks using Intersect path operation. You can
also set cutout areas using Subtract path operations. These areas are trimmed
to one pixel at export, substantially reducing file size.


Automation

There is a supplementary script available in the full version for automating
export. You can batch export multiple documents at once, record your exports
in repeatable actions or export selected layers with a configurable shortcut.


Performance

Performance is a key focus in Smart Slices. By squeezing most out of Photoshop
scripting it is even faster than the new built-in Export option when exporting
with scaling.


Support

Support is available via vladmdanilov@gmail.com or
https://twitter.com/vmdanilov. Glad to help with any questions you may have
regarding the design plugins.


© 2016 Vlad Danilov
http://designplugins.com/smart-slices

