How To

RapidPSD can take your static PSD file & generate a html page with working form fields & cut images ready for you to test with. It is used as a rapid prototyping tool.

I am sure there have been times in the past where you make a PSD file for a client and they want to see it working, so you cut it up and write the HTML for it, and they come back with "changes". It's back to square one for you, but with RapidPSD simply change the artwork in the PSD and regenerate. Simple. Hours of work will be saved.

How does it work?

RapidPSD works by looking at the names of each of the layers in your PSD file. All you have to do is "tag" your layers with the correct names and RapidPSD will generate the right html and images for it.

How do I tag my layers?

List of RapidPSD tags
TagName Example layer name What it does
Background Background.LayerName You typically only have one background, it represents the the lowest image to be displayed.
Button Button.LayerName Creates a working button with the image on the current layer.
Image map button ImageMapButton.LayerName Creates a working image map, It traces around the layer to create a selection path for the image map co-ordinates.
Drop Down Lists FormDropDown.LayerName Creates a HTML drop down list.
Form Input FormInput.LayerName Create a text input box.
Form Field FormField.LayerName Creates a label for an associated form input/dropdown
Image Image.LayerName Creates a standard image from the layer.
Title Title.LayerName Creates a title element.

If you want to specify what file type you want a certain layer to be, simply add either: .jpg, .png or .gif to your layer name.

How much does it cost?

RapidPSD costs $40.00 per month. You can buy here:

What are the requirements?

  • You just need your browser you're using right now!

What We Hear

"Rapid PSD is a service that I swear by. Prototypes in rapid time, changes are no longer a problem, upload & I'm done!"
Matt [Design agency]