Convert PSD to PNG from Command Line
I've been fascinated by basic image manipulation these days, which led to my Get the First Frame of an Animated GIF with ImageMagick and How to Create Screenshots in Firefox posts. It was brought up in a comment to the Animated GIF post that ImageMagick can also export an image from a layer Photoshop PSD file. They were right!
From the command line, you'd execute the same command:
convert 'website-design.psd[0]' website-screenshot.png
This time you cite the PSD file and voila, an image is created in milliseconds. Sure you can manually do this within Photoshop or create a macro to do so, but if you have loads of Photoshop files you want to generate screenshots for, ImageMagick is gold!
![CSS Animations Between Media Queries]()
CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...
![JavaScript Promise API]()
While synchronous code is easier to follow and debug, async is generally better for performance and flexibility. Why "hold up the show" when you can trigger numerous requests at once and then handle them when each is ready? Promises are becoming a big part of the JavaScript world...
![Jack Rugile’s Favorite CodePen Demos]()
CodePen is an amazing source of inspiration for code and design. I am blown away every day by the demos users create. As you'll see below, I have an affinity toward things that move. It was difficult to narrow down my favorites, but here they are!
![MooTools PulseFade Plugin]()
I was recently driven to create a MooTools plugin that would take an element and fade it to a min from a max for a given number of times. Here's the result of my Moo-foolery.
The MooTools JavaScript
Options of the class include:
min: (defaults to .5) the...
Innnnteresting. This is probably a stupid question, but do you need Photoshop in order for it to export?
You need photoshop to create the image.
Image magic is a complete separate tool
Jules is correct; you don’t need Photoshop to complete this.
That’s amazing. If the above question is stupid, then this definitely is:
How can ImageMagick decode the PSD at all if PS isn’t installed? Are PSDs packaged with some non-proprietary method? Like XML for layered images?