Download the example PSDs
Every example comes with the resulting assets as exported by Slicy.
Tag it. Name the layer group like the file you want to create, e.g. “Button.png”. Use .png, .tiff, .jpg or .icns. Slicy determines the size of the exported image by trimming transparency. It's also possible to tag and export regular layers, of course.
See Basic Tagging › Tagging.psd in the example PSDs.
Append “+@2x” after the extension of a tagged layer group. This exports both Button.png and Button@2x.png, losslessly scaling vector shapes and effects. Text and smart objects are bitmap-scaled, so convert to shapes for best results.
See Magic Retina › Auto@2x.psd in the example PSDs.
No need to do anything! Slicy automatically fills in missing 1x images for the PSDs you drop. To disable this behavior, add a hidden top-level layer named “lc-auto-1x = off”.
See Magic Retina › Auto@1x.psd in the example PSDs.
Add a rectangle shape layer named “@bounds” inside the group, or apply a vector/bitmap mask. We recommend @bounds, for easy resizing to adjust the exported area. To export the group using the entire canvas area, use a fill layer without a mask.
See Explicit Sizing › Sizing.psd in the example PSDs.
Add a group named “@slices” inside the group, filled with rectangle shape layers tagged with filenames. Each area will be exported using the associated filename. When you add @slices to the top level of your PSD, it will export areas of the entire canvas.
See Multiple Slices › Slices.psd in the example PSDs.
Simply tag each of the different sizes with the same filename, e.g. App.icns. Slicy combines the sizes into one ICNS file. Explicitly defined export areas are optional.
See Mac Icon › Mac Icon.psd in the example PSDs.
Photoshop is not required to export with Slicy. Extracting layers from previously tagged PSDs works perfectly without any additional software. You do need Photoshop to add export tags to PSD layer groups, or you can ask the designer of the image to tag it for you.
Slicy supports most PSDs saved with Photoshop CS4 to CS6. Should you encounter a problematic document anyway, make sure you let us know. Don't forget to attach the relevant file!
Slicy's rendering engine moves mountains to make your exports identical to manually flattened images and is 99% perfect for advanced real-world designs, but it can't guarantee a perfect replica for every PSD. Some features, like CMYK and advanced filters, are not supported. Should you encounter an incompatible image, let us know about it!
Due to a legal dispute, we rebranded to Slicy. Want to help us? Update your blog posts, reviews, URLs, tweets or anything else you've written previously to use the new name: Slicy.
Sure! Send us your question and we'll answer as best as we can. We'll extend this FAQ as new questions pop up.