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!
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![Write Simple, Elegant and Maintainable Media Queries with Sass]()
I spent a few months experimenting with different approaches for writing simple, elegant and maintainable media queries with Sass. Each solution had something that I really liked, but I couldn't find one that covered everything I needed to do, so I ventured into creating my...
![Introducing MooTools ScrollSide]()
This post is a proof of concept post -- the functionality is yet to be perfected.
Picture this: you've found yourself on a website that uses horizontal scrolling instead of vertical scrolling. It's an artistic site so you accept that the site scrolls left to right.
![Duplicate the jQuery Homepage Tooltips Using Dojo]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using Dojo.
The XHTML
The above HTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...
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?