jim_muirhead's profile

9 Messages

 • 

220 Points

Mon, Oct 6, 2014 3:17 PM

Photoshop CC: Extract Assets Feature Is a Disaster (2014.2 update)

The new Extract Assets feature in Photoshop CC 2014 is a disaster. Take a look at Sketch for the proper way to do this that designers will actually want to use.

Problems & Suggestions:
1) Come up with a solution that doesn't mess with my layer or layer group names - let me name the asset in the Extract Assets window and then remember it.

2) Allow me to add padding around an asset when I export - with the flexibility to provide different padding on each side of the asset.

3) Provide a 100% export option - I work at Retina resolution and so the base asset is actually my @2x asset, so I want to be able to select an 100% option and give it the @2x suffix.

4) Remember where I last extract assets to and don't force me to rename a destination folder each and every time.

5) Let me decide what the default resolution options should be, so I don't have to keep opening a dialog to set the ones I want.

Responses

4 Messages

 • 

90 Points

7 y ago

I have been using PSD for a while and recently moved computers. The new computers has a slightly different network setup linking to a different proxy.

The one thing that broke immediately was "extract Assets" Why would the proxy connection make the Extract assets fail?

5 Messages

 • 

292 Points

6 y ago

Good to see Divya letting us know what's going on here. Any news of the update to this feature?

I have been pulling my hair out for some time now with this one. I agree with all of the issues in this thread but the most painful (rendering the entire feature useless for me) is the fact that the exports crop the asset to the pixel and not 100% of the canvas.

4 Messages

 • 

90 Points

6 y ago

Is there any way to extract the assets to a folder and control the naming of the folder. When I extract all the assets Photoshop places them in a folder with the same name as the folder. I have not been able to work out how to say put the assets in a folder called "images" without renaming the PSD.

5 Messages

 • 

292 Points

6 y ago

Ok, sorry for lengthy message but after some trial I have found a few more issues:

After being suggested that applying a layer mask will help with the extract, I thought I'd hit jackpot and would now use the extract tool across all of my PSDs.

Divya, I will send you my PSDs in an email as requested. You'll see better what I mean.

LAYER MASK FIX WORKED FOR SOME THINGS

The layer mask solution from Chris worked fine for an animation I was exporting assets for (for X-Code) where the canvas needed to be a constant size, just with lots of different asset states, and exported in 1x, 2x and 3x. Every asset kept the full canvas ratio and so the animation stitched nicely. That was cool.

1. EXTRACT SMART OBJECTS at 100% CANVAS SIZE

A problem arose when smart-object-placed-assets are only a small fraction of the canvas size (i.e an icon asset on an iPhone screen) and need to be 'sliced' out upon extraction. Therefore, layer masks do not work here.

I'd like to be able to extract assets (slice style) but with the extract tool maintaining 100% of the smart object canvas size (including any padding or empty space within the smart object) rather than constraining to the pixels as I have previously said in this thread. See image for example.



When I'm designing for iOS, I currently store all of my assets (1x, 2x, 3x) in a separate Asset PSD and export manually (see image). I also drop the @2x into my App Design PSD to work from. Even here, it would be great to just have ONE of each asset that I can use the extract tool to successfully export multiple sizes of. I created this work flow originally to get around the 'Generate Asset' feature's hidden layer issue where it would remove exported assets if the layer was hidden in the PSD. I stopped using that tool for all it's flaws a while ago - but it's good for some things. Anyway...



Either way, whether I want to extract assets from smart objects in bulk from the Asset or App Design PSD, neither works for me due to this canvas size issue and I still have to do it manually. This extract tool could save me (and I'm sure a few others) so much time if Adobe can just tighten a few things up.

The icons I create all have padding - or empty space - around the icon because the dev guys moan at me if they can't just place the asset straight in and create their button to be the same size as the asset file. They moan enough about Xcode as it is!!

2. BASE SIZE

Working from @2x as a base really isn't supported with your naming conventions. I can export at 1.5x with the suffix @3x which is useful and I can export at 0.5x with no suffix which is also useful. However, I can't export at 1x with an @2x suffix.

Likewise, if I name my layer with a 2x suffix to get around this, I can't then use the suffix tool for the 0.5 and 1.5 versions because it will become 'assetname@2x@3x.png' which again is useless.

I'd like the option to have 1x scale with an @2x (or otherwise nameable) suffix.

It may also be useful to consider that people designing at @3x would need a 0.66 and 0.33 option to extract that asset with a re-nameable suffix.

S

2 Messages

 • 

80 Points

6 y ago

For those wanting to know how to customise the folder names and sizes what I found was that after using the Extract Assets UI to set up an initial export of the default and one other size, PS creates a layer (on top) called Default with some size information in it.

The format of that seems to be:


Default [size] [folder/], [size] [folder/], ...


For example I have a 4" iPhone screenshot that I need to export for the 4", 4.7" and 5.5" (I don't have the hardware so this is my only option).

I changed the information in that layer name to:


default 100%, 1334x750 667h/@2x, 2208x1242 736h/


This produces 3 copies of the asset, all correctly sized, and in folders that make it easy to grab and upload to Apple.

Tell me if I'm teaching you guys to suck eggs. I'm new to PS, so this is a major convenience for me, though it could be improved by PS cropping to the canvas boundary.

1 Message

 • 

60 Points

6 y ago

Don't know if you guys still read this. But I'm trying to convert a complete sprite map to SVGs. There a few hundred icons. And I need to normalize the height, but keep the aspect ratio.
I've tried to set the height with layer naming. Like:
* x 500px
? x 500px
But this doesn't seem to work.
Is it something you have o will add?

44 Messages

 • 

1K Points

6 y ago

I'm glad I found this little topic. I agree with all issues that have been made so far. I just wanted to get some clarification for the assets extract for document cropped vs pixel based cropped issue.

In my latest test, if I have a smart object, it still crops the image the size of the smart object, not the document size. Am I not correct on this?

Also, I know it was mentioned once, but I just want to add my vote on this issue about the quality difference between save for web vs Extract assets. Looks like if you use 60% in Extract assets, it's more like 30 in save for web, and with better results for the later at the same weight of file.
And while your at it, the export jpeg as a setting of 1-12, and save for web as 1-100 settings, shouldn't it be all the same? Consistency guys;-)

167 Messages

 • 

3.2K Points

6 y ago

I'd like to be able to have extract assets export slices for each layers. this is the only page that comes up for extract assets slices. I see above that you are aiming for feature parity with save for web. Is this coming or am I missing something in the extract assets dialog?

4 Messages

 • 

110 Points

6 y ago

I thought I'd throw my hat in the ring here. I've been really wanting to be able to use this feature as it would save a lot of resizing when it comes to exporting retina-ready graphics. However I'm running into wall of inconsistency, weird color and quality behavior with smart objects.

My current workflow consists of this:
- Create images usually consisting of various smart objects
- Create slices
- Save for web

When saving 2x retina graphics I'll do a temporary image resize at 200% to and use the same defined slices and do a save for web.

What I've noticed is that Extract Assets and Save for Web yield very different results. I don't know if it's because I'm using a smart object and photo (although, I don't think that should matter) or if it's something else.

I first noticed the difference when I looked at the 2x version of an Extracted Asset JPG 100% quality it was very blurry almost as if the JPG had been upsampled without using the smart object (which is a very high resolution photo). Compared to the Save for Web version (also at 100% quality) it was very low quality.I tried another photo, created a new document thinking it was my PSD, but I kept getting the same poor results on the Extracted Assets JPG 100%.

In the non 2x version of the Extracted Assets I noticed a color shift, more contrast, and more brightness applied when the original had less contrast and wasn't as bright. So I don't know what is going on. I've included the comparison and a screen shot of the layers.

Please let me know if I need to do something different.

4 Messages

 • 

110 Points

6 y ago

I looked into the brightness shift a little more, and found out what was causing it, and I'm posting it here, because it could be a potential bug that Adobe would like to look at.

I found that the brightness shift was coming from an above turned off layer that contained a curves adjustment layer (also turned off). While the turned off curves layer didn't affect the image when turned off (as expected), it somehow retained the curves effects when using Extracted Assets. I've detailed this in the screenshot below.

I've cropped the Extract Assets dialog box a little so it may be hard to understand the relationship of everything in the screenshot. The portion in the middle of the screen grab is the Extract Assets dialog box with the actual image on the left. I've increased the curves layer adjustment to show the problem better.

1 Message

 • 

60 Points

6 y ago

I'm Chou Le@eluohc (Twitter)

Dear Dev Team, I must say that this feature make me love and decide to stay with Photoshop forever. It's really helpful
For the problem other users even myself have to face it, I found a solution for them and happy with the results:

- Export @1x @3x when your design is based on @2x
---> Extract as 0.5 and add suffix @1x, 1.5 with suffix 3x - Problem solved!

- Suffix bug: 2x@3x , 2x@1x if we rename the default size as @2x
---> Rename them on Mac and replace @2x with blank. I think it will take much time to do it.

The feature is amazing, keep it up :D

4 Messages

 • 

90 Points

6 y ago

I just got the 2015 CC Update for Photoshop and I'm devastated that this feature appears to have been crippled.

It appears as though the functionality that allowed you to simultaneously save multiple res images of the same layer has been removed and now I would need to extract the same image several time at different scales.

It also no longer remembers what layers I have previously exported when I reopen the Export Assets dialog. I have to reselect all the layers I want to export.

Both of these are HUGE steps back in terms of efficiency.

Please tell me I'm wrong and there is some setting I'm not seeing, and I can still extract images at multiple resolutions simultaneously.

44 Messages

 • 

1K Points

6 y ago

I don't know if I should put this in a new subject for Export As CC 2015, but since others have commented on this one, I'll follow suit.

I have a couple of comment on the new feature, which I think is a step in the right direction.

1. Artboard a wayyyy cool, thanks for that. The fact that when you export an asset from an Artboard and it crops to the size of that Artboard is great!

2. The fact that you can use an adjustment layer put it outside an Artboard and be able to have that adjustment reflect on ALL Artboard bellow it is awesome!

3. Generator still works! So you can rename Artboard, layer groups and layers and they will generate the assets as before, that great. The only thing missing is that you no longer have a GUI to do this.

If you're not a fan of Generator and the fact that it needs to rename your layers to do its thing, than the new Export As feature is cool.

There are some stuff that could be improved.
First, you can't select a bunch of layers, then go to Export As and change them ALL to jpeg 60% in one swoop, nope, you have to click on each layer or artboard or whatever you had selected in the layers panel, and do all settings for each of those. This is a real show stopper for most production. Yeah you can change the Export setting and set it to jpeg, 60% and thats good, but if you want to scale all those same assets to 200%, oh oh, you can't set that in the Export asset settings that work with the Quick Export as ...

You can't export to multiple format or scale in one go either with the Export As. It would be nice to multi select the layers on the left of the dialog, set the settings once on the right, clic on a + Assets or something like that, set another settings, and so one. I don't know how you could show that info in a clear manner, I'm not a UI designer, but I'm pretty sure you have some awesome designer who gets it and would find a great way to tackle this problem.

So, great work so far, with these little enhancement, it would be awesome.

PS, when selecting multiple item, the preview should just show "Multiple item selected". If you need to fine tune an image, you can always select just that one and modify it.

I'm curious what others think of those suggestions.

81 Messages

 • 

896 Points

6 y ago

First, you can't select a bunch of layers, then go to Export As and change them ALL to jpeg 60% in one swoop, nope, you have to click on each layer or artboard or whatever you had selected in the layers panel, and do all settings for each of those. This is a real show stopper for most production. Yeah you can change the Export setting and set it to jpeg, 60% and thats good, but if you want to scale all those same assets to 200%
Yes, we have this done and ready to go for the next release! We just couldn't get to it in time for this one. 

oh oh, you can't set that in the Export asset settings that work with the Quick Export as ... 

We experimented with this but found it was really confusing for the users what that means.

You can't export to multiple format or scale in one go either with the Export As. It would be nice to multi select the layers on the left of the dialog, set the settings once on the right, clic on a + Assets or something like that, set another settings, and so one. I don't know how you could show that info in a clear manner, I'm not a UI designer, but I'm pretty sure you have some awesome designer who gets it and would find a great way to tackle this problem


We had many designs to try and tackle this issue but none that resonated with users as 'yes give me this now'. We are back to the drawing board on this one and will look at it mostly as part of Design Space so it is very contextual and probably on the canvas itself too. 

81 Messages

 • 

896 Points

6 y ago

Hi Ray if you are a front end developer this might be of use to you:
https://github.com/adobe-photoshop/generator-assets/wiki/Generate-Web-Assets-Functional-Spec

or you can synch your PSDs to Creative Cloud and use Extract