How to work on multiple canvas sizes non-destructively

Question

I am working on a UI project that requires multiple scales.

Essentially I want to work at a high resolution(the original) but I need to be able to export the different widgets all at the same lower resolution(for size purposes).

Because I have to export each widget manually(I suppose a script could handle all this very nicely) and at a reduced size, it is very time consuming.

The process is as follows:

1. Select Layer bounds selection(Ctrl-Click layer)
2. Crop
3. Resize/scale/reduce resolution
4. Export
5. Undo
6. Repeat for next widget.

I have to do this for every widget and every time I make changes. It is very time consuming and there has to be a better way.

I was thinking I could use a smart layer then transform it by scaling. That might only remove step 3 though. I still have to resize the canvas/crop,

Any ideas?

If a script is the right way to go, anyone smart enough to throw one together quickly for me?

Thanks.

Answer 1

Lots of ways of doing this but this is the quickest I've found

• Right-click on a layer or layer group and select Export As...
• Change the scale to 50% and set format options
• Hit Export All...

There's a specific function for exporting assets at different pixel densities in the top left of this dialog, but it looks like it's designed for people editing @1x and scaling up rather than down.