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 3D Folding Animation]()
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
![Serving Fonts from CDN]()
For maximum performance, we all know we must put our assets on CDN (another domain). Along with those assets are custom web fonts. Unfortunately custom web fonts via CDN (or any cross-domain font request) don't work in Firefox or Internet Explorer (correctly so, by spec) though...
![CSS :target]()
One interesting CSS pseudo selector is :target. The target pseudo selector provides styling capabilities for an element whose ID matches the window location's hash. Let's have a quick look at how the CSS target pseudo selector works!
The HTML
Assume there are any number of HTML elements with...
![Creating Spacers with Flexbox]()
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me. This greatly...
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?