Extract Assets with transparent spacing?

The extract assets feature has grown on me, but I'm struggling to find a way to export graphics with transparent spacing.
For instance, I have a graphic that needs to be a 100x100px PNG but the actual artwork only takes up 80x80px with the rest of the transparent pixels acting as spacing. The extract asset setting automatically crops the PNG to 80x80 when saving, ignoring the transparent space that I do actually need.
Been struggling with finding a way to set transparency to export, seems like I'm missing something simple. Any help would be appreciated, thanks!

Ran into the same issue myself earlier today. Here's a fix/workaround/solution that seems to give the ability to add transparent spacing around slices.
If you select the layer you want to add the spacing to, then draw a marquee selection around it at the final size you want then click "Add Layer Mask" it should export the asset at the size of you selection.
Hope this helps.

Similar Messages

Extract Assets with Custom Sizes?

I have a 1920x1080 PSD with many layers (close to a 100) of emeded assets that I need to extract at 66.67% (scaling down to a standard 1280x720).
Is there a way to add a custom size on export? (all is offered is the 0.25x, 0.33x, 0.5, etc...)
In addition! Is there a way to add JPEG (quality 75%) AND PNG (with Transparency) all in the export? Right now it requires to add those setting to export file individually. Seems to defeat the whole purpose. No?
Am I missing a settings window somewhere?
This is a HUGE time saver IF we can add custom settings.
Thanks for any insight, or work arounds (maybe with Actions?)

Thanks for the quick reply.
Looks good! Digging around, but do you know if that will work with the latest and greatest CC?
Actually it might fall more in the "generate web feature" category? This is not for web, but the same idea.
I have a 1920x1080 that has many different sized embeded assets (some are 250x250, 1920x100, etc...) that make up the whole of 1920x1080. Each one of these indivigule assets needs to be exported to there specific size and/or "slice" in relation to the 1920x1080, that in the end gets reassembled to make up a 1920x1080 and also at 66.67% for 1280x720.
I need to be able to update these elements and have a simple export option. Right now it's one at a time at 2 sizes and mixture of JPEG and PNG.
Maybe creating and then exporting slices is the way to go? Was thinking Export Assets was going to easier, but seems to have too many limitations to make sense to me.
thoughts?

Pixel dimensions not rendering correctly with Extract Assets?

Was really excited to hear about extract assets and have been trying to set up a new workflow but am having some difficulty. My PSD is set up ay 2x size, so I need to create 1x-sized assets. My 1x-sized assets are rendering with a 1px white line around them and I can't figure out why this is happening? I have tried both with the .5x button selected and also speccing the required pixel dims in the layer name, and both produce the same result.
In my layer name I have: [email protected]%, 498x440 filename.jpg-85%
The resulting asset is 500x442px and has a 1px white line around it
What am I doing wrong?

Hi can you email me your PSD file? My email ID is: [email protected]

Extract part of image & save with transparent background

What is the best way to extract part of an image & save it with a transparent background? I had hoped to the extracted images in 2 different ways.
Firstly just to paste into another image.
Secondly I'd like to try to open both the extracted item as well as the whole original photo in different video editing programs including Premiere Elements & sony Vegas. What is the best way to do this?

Here's what you could do.
First make sure you have both images open in editor
1. Open the image and select the area using the magnetic lasso/quick selection tool.
2. Select Layer -> New -> Layer Via Copy
3. Now in the layers palette, right click the layer and select 'Dulicate Layer'
4. In the duplicate layer dialog, in document - select the other image, where you would like to paste the image to.
5. You and ajust the poition of the pasted area/resize it using the move tool or transform tool (Ctrl + T).
6. Save the image with a new name
If you simply want to save the image with transparency (after step #2) - you may -
> hide the previous layer and Save the image as a png/gif so transparency is presereved.
Hope that helps.
When you have teh saved documents you can open them up in different editors.
Regards,

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Images with transparent backgrounds in MDM

I've got several images in MDM with transparent backgrounds, yet when i look at these in image manager (or thumbnails in data manager) they look terrible. The transparency is black for example, among other issues. These images are all okay in photoshop, they have been saved as .png and imported through the data manager.
Has this import ruined these image files on the way in? When my search engines etc extract the images, what of the transparencies?

Hi Adam,
MDM makes use of Internet Explorer quite frequently. I can imagine that this engine is also used to display images in MDM. However, Internet Explorer in version 6 does not support transparency in PNG images. That is why the black background occurs.
Since your images after upload are only saved in a binary object in the database, you should not encounter any data loss when using the same images. If you need to create variants, I would consider using Photoshop for the creation of those.
I hope that helps you further.
Best regards
Christian

Why can't I select "Extract Assets" in my PSD?

Hello,
For whatever reason, I cannot select "Extract Assets" in the right-click menu of layers. I've done this before several times with success, so I'm not sure what's going on here.
I've rasterized the layer types & styles. The extract assets option is grayed out and not selectable under the File menu item either.
Any ideas?

Found this on another adobe forum.
Any Photoshop file that is in 'CMYK' Image mode will not have 'Extract Assets' enabled. Change the mode through Image > Mode > RGB Color.
Worked for me.

Slices & Extract Assets, or Copy CSS & paragraph styles for retina web designs?

I'm trying to figure out how Adobe wants me to work in Photoshop when producing website designs.
Extract Assets is useful for fixed-size objects to produce 50% & 100% assets. 200% png output results in anti-aliasing even from vector shapes. Please correct me if I'm wrong but this seemed to be the case. Slicing is useful for elements on the site that may have variable height/width needing end-caps and repeat-x or repeat-y images e.g. buttons and nav-bars.
If I need to work at 2x resolution for retina, using Extract Assets and Slices, my paragraph and character styles dimensions are doubled, as are the dimensions of all my objects. This makes the Copy CSS a bit pointless - double height, width, margin, padding, shadow blur etc.
Should I be designing at 2x resolution and extracting and slicing, or at 1x and using Copy CSS, exporting paragraphing styles? Or something in-between?

Hi Ben, I ammended this line of code as you have shown and still I have no joy. So I reverted to an older version which was correct, but i am stil having the same issue.
I have a my_site folder (defined local root folder), with the index.dwt in it. In my_site there is also an assets folder with 3 further folders, CSS, JS and Images and their respective files in these.
Bregent. Thanks, I did define at set up. I went back to manage sites and checked there too and thr root file on the local is the same at set up. I just don't get why after I made changes to the carousel and and reiploaded the site I have had issues :-(
Any other places I should be looking people? This is driving me crackers!

I don't have the extract assets function despite the update

I have just updated photoshop cc (14.2.1) but the I don't have the "extract assets" function in the menu "file".
It doesn't exists.

2014.0.0 Just found out someone else here has a newer update than me, he has 2014.2.1, mine says it is up to date. He has the feature with his. Waiting on IT now

Image with transparent background als foreground of a button

I'd like to build an app with buttons using the phone's accent Color as Background and an Image with transparent Background as foreground of the button. It should look like the tiles on the start screen of WP8.1.
The following code doesn't work (no foreground appears)
<Button x:Name="myButton" Background="{ThemeResource PhoneAccentBrush}">
<Button.Foreground>
<ImageBrush ImageSource="/Assets/myImage.png"/>
<Button.Foreground>
</Button>
Are there any ideas?
Thanks
Martin

Hi mfv_technet,
The Foreground property is used to get or set a brush that describes the foreground color. So we can not bind the Foreground to a image,
if I do not misunderstand you, in my mind if we want to set the button look like the tiles on the start screen of WP8.1, maybe you can try to refer to the following xaml:
<Button x:Name="myButton" Foreground="Red" Background="{ThemeResource PhoneAccentBrush}" Margin="116,136,0,363" Width="195" Height="141">
<Button.Content>
<StackPanel Orientation="Vertical">
<Image Source="/Assets/myImage.png" Width="80" Height="80"></Image>
<TextBlock Text="Button"></TextBlock>
</StackPanel>
</Button.Content>
</Button>
The result:
If I have misunderstood you, please feel free to let me know.
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Extract Assets plugin producing BAD color JPGs.

I am using latest version of Photoshop CC 2014.
If I use the Adobe Extract plugin to extract various assets from my PS master file, the resulting JPGs are significantly oversaturated.
If I use "Save for Web" instead, embed profile checked and save to sRGB, then the resulting JPGs are fine and match the master.
Why is Extract not producing good color??

Hi Ken
So there has been lots of back and forth on using sRGB. Ultimately we figured having it on by default leads to a lot more pain than necessary and so we did not offer it in Extract Assets. Here is a detailed explanation by Marc Edwards on why it should not be used: Photoshop: Save For Web, Convert to sRGB should be off by default for PNGs and GIFs and I tend to agree with him. He has also written a great post on how to color manage using Photoshop Colour management and UI design that is relevant for everyone using Photoshop for creating images on the web.
Does that help?

Extract Assets bug

Hi
I have a layer that contains black rectangles with a Drop Shadow layer effect.
This layer is renamed so it gets exported by the Extracts Assets feature.
But when I preview the layer in the Extract Assets panel, the layer is empty and it is not exported.
Am I missing someting?
Thank you

Looks like you do not have anything on that layer as it is not being recognized in the Extract Assets window.
I tried the same on my end and was able to extract the content of the rectangle with drop shadow applied.
You might be following a different workflow. If you could share your workflow and the exact steps, i will try to replicate the same on my end. Also, share your OS details.
Look forward to your reply.
~ Arpit

Extract assets

Is it possible to remove "extract assets" from "right click menu" on layer item?

Hi Ken
So there has been lots of back and forth on using sRGB. Ultimately we figured having it on by default leads to a lot more pain than necessary and so we did not offer it in Extract Assets. Here is a detailed explanation by Marc Edwards on why it should not be used: Photoshop: Save For Web, Convert to sRGB should be off by default for PNGs and GIFs and I tend to agree with him. He has also written a great post on how to color manage using Photoshop Colour management and UI design that is relevant for everyone using Photoshop for creating images on the web.
Does that help?

Why can't I select "Extract Assets"?

Hello,
For whatever reason, I cannot select "Extract Assets" in the right-click menu of layers. I've done this before several times with success, so I'm not sure what's going on here.
I've rasterized the layer types & styles. The extract assets option is grayed out and not selectable under the File menu item either.
Any ideas?

BOILERPLATE TEXT:
Note that this is boilerplate text.
If you give complete and detailed information about your setup and the issue at hand,
such as your platform (Mac or Win),
exact versions of your OS, of Photoshop (not just "CS6", but something like CS6v.13.0.6) and of Bridge,
your settings in Photoshop > Preference > Performance
the type of file you were working on,
machine specs, such as total installed RAM, scratch file HDs, total available HD space, video card specs, including total VRAM installed,
what troubleshooting steps you have taken so far,
what error message(s) you receive,
if having issues opening raw files also the exact camera make and model that generated them,
if you're having printing issues, indicate the exact make and model of your printer, paper size, image dimensions in pixels (so many pixels wide by so many pixels high). if going through a RIP, specify that too.
etc.,
someone may be able to help you (not necessarily this poster).
a screen shot of your settings or of the image could be very helpful too.
Please read this FAQ for advice on how to ask your questions correctly for quicker and better answers:
http://forums.adobe.com/thread/419981?tstart=0
Thanks!

Open Hub: How-to doc "How to Extract data with Open Hub to a Logical File"

Hi all,
We are using open hub to download transaction files from infocubes to application server, and would like to have filename which is dynamic based period and year, i.e. period and year of the transaction data to be downloaded.
I understand we could use logical file for this purpose. However we are not sure how to have the period and year to be dynamically derived in filename.
I have read in sdn a number of posted messages on a similar topic and many have suggested a 'How-to' paper titled "How to Extract data with Open Hub to a Logical Filename". However i could not seem to be able to get document from the link given.
Just wonder if anyone has the correct or latest link to the document, or would appreciate if you could share the document with all in sdn if you have a copy.
Many thanks and best regards,
Victoria

Hi,
After creating open hub press F1 in Application server file name text box from the help window there u Click on Maintain 'Client independent file names and file paths' then u will be taken to the Implementation guide screen > click on Cross client maintanance of file name > create a logical file path by clicking on new entiries > after creating logical file path now go to Logical file name definition there give your Logical file , name , physical file (ur file name followed by month or year what ever is applicable (press f1 for more info)) , data format (ASC) , application area (BW) and logical path (choose from F4 selection which u have created first), now goto Assignment of physical path to logical path > give syntax group >physical path is the path u gave at logical file name definition.
however we have created a logical path file name to identify the file by sys date but ur requirement seems to be of dynamic date of tranaction data...may u can achieve this by creating a variable. U can see the help from F1 that would be of much help to u. All the above steps i have explained will help u create a dynamic logical file.
hope this helps u to some extent.
Regards

Extract Assets with transparent spacing?

Similar Messages

Maybe you are looking for