: Extract individual layers from a PSD without much effort I have to daily work with PSDs of iPhone Apps. These PSDs contains App designs like buttons, texts, background images, etc. I have to

@Rivera951

You can create extract assets from layers using a service called "Extract" in Adobe's Creative Cloud. You just need a free login.


Go to: creative.adobe.com/files
Login or sign up
upload a PSD
Click on the Extract tab.


You can select pieces of the design to extract, or select layers via the Layers tab.

Try it out here (without having to login): adobe.com/go/extract_tweet1

Vote Up Vote Down

@Miguel516

Adobe just launched a function that does this within Photoshop CC.

Go File -> Generate -> Image Assets. Now group lets say your button shape and the button text (cmd+g or ctrl+g) and name that group button.png - save file and now Photoshop automatically exported this into a folder besides your PSD.

Learn more here in Adobes video

Vote Up Vote Down

@Candy945

Try this

This is the Beta app that adobe provides which extracts not only image but also the CSS associated projectparfait.adobe.com/
Veeresh

Vote Up Vote Down

@Moriarity648

I had the very same problem. First, I used Photoshop itself. I carefully clicked every layer and used menu item from Layers menu to create a Slice basing on selected layer. Then I used Save to Web feature from File menu. Generated XHTML and CSS code was awful (I'm more webdeveloper than graphician), but I had most layers extracted as separate PNG files.

Even though, the result was not satysfing for me, so I searched the net and found psdparse tool. I used it (command-line with some input parameters) and the effect was far better than what Photoshop can offer.

They have an on-line version of this tool, but I haven't tested it as command-line was enough for me.

Vote Up Vote Down

@Murray976

It depends greatly on how the .psd is constructed and what you need out of it.

For example, if you've got a master layer which always remains visible. They other layers which need to be visible for some buttons, but not for others, you may find using Layer Comps to be a good solution. You can simply toggle visibility for layers, then create a new layer comp. Do this for each element. Then you can export Layer Comps as files.

If you've got a .psd with each layer being a single item you need, as mentioned the script to export layers as files may help. Or you could set up an action -- Duplicate Layer (new file), Trim, Save for Web. Then assign an F key to the action. You could then simply highlight a layer and hit the appropriate F key.

Additional information concerning an action....


Option/Alt click the visibility icon next to the bottommost layer in
the layers panel. It should make only that layer visible.
Create new Action, assign it an F key in the new Action dialog
window and start recording.
Save for Web (whatever settings you need).
After the Save for Web hit Option/Alt ] (close bracket) on the
keyboard. (this should highlight, and make visible, the next layer
up)
Stop recording.
Click the dialog option next to the "export" step of the action.



Now, all you need do is hit the F1 key (or whatever key you assigned), hit the Enter Key, and type an image title. Then repeat - F1, Enter Type title, F1, Enter, type title, and so on until all layers are saved.

It's not perfect. But without scripting it's the best you can do. Perhaps someone can help with a script. Application scripts aren't my strong suit.

Vote Up Vote Down

@Sue6373160

There is an automate command in Photoshop, not sure what version it started, I use it in CS5. File - Scripts - Layers to files & that is in Mac, once again not sure if Windows provides it . Hopefully your using what I'm using otherwise holla back and I'll see if I can get you something for Windows...

Vote Up Vote Down

@Miguel516

In this situation, you can create an action to do the generic controls such as move up/down one layer, select all, copy, save as.
Should save you quite a bit of time.

Vote Up Vote Down