The recently released PNGHat plugin for Photoshop, made by Source , creates an entirely different workflow for exporting PSD elements for use in websites, games, apps or whatever other types of projects you design for. It's a robust software with a stack of great functionality, but the most enticing feature it has on offer is its ability to boil exporting down into three simple steps: STEP 1: Push button STEP 2: Copy & paste code STEP 3: Profit! Okay, so in all seriousness that's just two steps, but it really is that easy. The plugin essentially eliminates the typical Photoshop export process of slicing, naming slices, dealing with overlapping slice areas, previewing, selecting optimization choices, choosing export options, saving out, then manually writing up code to integrate the images into your project. It can also trim white-space around elements automatically, and handle multiple resolution exports for retina support and responsive image techniques. Images can be output locally on your computer, instantly uploaded to cloud storage, or even generated as Base64 code so you don't need image files at all. Let's start with a look at the core of the plugin; the push button image export functionality.
↧