: Extracting layers from psd I am a developer and working on an application whose designs I have received as a PSD file. But I am totally noob in designing. I have installed photoshop in my

@Shakeerah625

Came here because I googled for 'Extract assets' and woah a whole new world of people wanting this feature :) Anyways, I am the PM for the dialog in Photoshop so I would like to mention that there is a new way to do this through File > Extract Assets in PSD. Please do let me know how that works!

Vote Up Vote Down

@Carla748

Here's how a lot of designers export their image assets from Photoshop.


Turn off the layers you don't want.
Make a marquee selection that's bigger than the element you want to save.
Choose Edit → Copy Merged.
Choose File → New and press return The new document will be the correct size to hold the clipboard.
Choose Edit → Paste. It'll be in the perfect place, because the document was sized to the clipboard.
Choose File → Save for Web.


Steps 3, 4 and 5 are easier than they sound, because you can just hit: Shift Command-C, Command-N, Return, Command-V to do the entire thing. Or even set up an action to do it for you (I have an action for this I can give you, if you'd like).

Repeat the steps for every element you need.

I'm assuming some elements may contain several layers? That's why I'd advise using this method over others. If each element is one layer only, then you could use Photoshop’s Export Layers to Files script.

By choosing File → Scripts → Export Layers to Files each layer of your document will be saved as a separate file with a filename that matches the layer name. This means you’ll probably have to prepare your document by flattening everything down to bitmap layers for the elements you’d like to export — a time consuming process, but often quicker than using Copy Merged. It can also optionally trim the resulting file, if you’d like completely transparent areas to be removed.

Vote Up Vote Down

@Caterina889

This is a very basic step by step. Depending upon your file there may be ways to automate this or make things easier. But without seeing the file it's really difficult to guess.


Right-Click (Win) or Control-Click (Mac) on the layer you want to
save.
Choose "Duplicate Layer" .. a dialog pops up
Choose "New" under Document, Destination and click OK.
New document opens with only that layer.
Choose Image > Trim from the menu. A dialog pops up.
Tick "Transparent Pixels" under Based On.
Finally choose File > Save for Web and then pick the options of your
choosing in that dialog window.

Vote Up Vote Down