PNG/GIF transparency
My PNG transparent layers (or even Gif's transparent areas) appear in black when importing them. Which prevent me to overlay several images.
Would be much appreciated if one could avoid that !
Thanks
M.Leplatre
Hi,
Are you using MS tools to generate these images? If yes, we had experince similar issues when creating PNG or GIF with transparent layer in Microsoft tools and import it into Adobe environment.
The best option is to use Adobe Photoshop (or CS) to generate the required format. This will make sure that you are within the GIF/PNG graphic format standards.
BR,
Yasser
Similar Messages
-
Why Does Reading A Gif Or Png Containing Transparent/Alpha Pixels Fail?
I'm trying to read in gif or png with transparent pixels into a BufferedImage so that I can create a font inside of Java. Right now, I'm defaulting to the assumption that the background of the font image is white. However, I want to make it so that the font background is whatever pixels happen to be transparent. The images I'm reading in have only two colors: black and white. I set all the white pixels to transparent when creating the images in hopes that I could do a check for all pixels with Alpha < 255. I have tried numerous possible solutions, such as saving the png files with different applications, ImageIO.read, and Toolkit.getDefaultToolkit().createImage, and JAI.The types of the resulting BufferedImages have varied between TYPE_BYTE_BINARY, TYPE_BYTE_INDEXED, and TYPE_CUSTOM. What I want is TYPE_INT_ARGB so I can get the dang alpha pixels.
1. Is there a way to read in alpha pixels of png or gif (doesn't have to be both) from within the main Java libraries as a BufferedImage with type TYPE_INT_ARGB? If so, how?
2. Failing that, is there a way to read in alpha pixels of png or gif (doesn't have to be both) by using a decent external library as a BufferedImage with type TYPE_INT_ARGB? If so, how and with which one?
This has been frustrating the heck out of me, since I thought this was something very simple to do, but I've spent two days poring over the entire Internet for a possible solution.package aerobush.ocr.translator;
import java.awt.Graphics2D;
import java.awt.Image;
import java.awt.Toolkit;
import java.awt.datatransfer.Clipboard;
import java.awt.datatransfer.DataFlavor;
import java.awt.image.BufferedImage;
import java.io.DataInputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.InputStream;
import javax.imageio.ImageIO;
import javax.imageio.ImageReader;
import javax.imageio.stream.ImageInputStream;
import javax.media.jai.JAI;
import javax.media.jai.PlanarImage;
import com.sun.imageio.plugins.png.PNGMetadata;
public class ImageUtils
static public BufferedImage readPng1(
File pngFile ) {
try {
BufferedImage image = ImageIO.read(pngFile);
return image;
catch (Exception e) {}
return null;
static public BufferedImage readPng2(
File pngFile ) {
try {
BufferedImage image = (BufferedImage) Toolkit.getDefaultToolkit().createImage(
pngFile.getAbsolutePath());
return image;
catch (Exception e) {}
return null;
static public BufferedImage readPng3(
File pngFile ) {
try {
final PlanarImage planar = JAI.create(
"FileLoad",
pngFile.getAbsolutePath());
BufferedImage img = planar.getAsBufferedImage();
return img;
catch (Exception e) {
e.printStackTrace();
return null;
static public BufferedImage readPng4(
File pngFile ) {
try {
ImageInputStream stream = ImageIO.createImageInputStream(new FileInputStream(
pngFile));
ImageReader r = ImageIO.getImageReadersByFormatName(
"png").next();
r.setInput(
stream,
true,
false);
PNGMetadata metadata = (PNGMetadata) r.getImageMetadata(0);
BufferedImage i = r.read(0);
if (!i.getColorModel().hasAlpha() && metadata.tRNS_present) {
int alphaPix = (metadata.tRNS_red << 16) | (metadata.tRNS_green << 8)
| (metadata.tRNS_blue);
BufferedImage tmp = new BufferedImage(
i.getWidth(),
i.getHeight(),
BufferedImage.TYPE_INT_ARGB);
for (int x = 0; x < i.getWidth(); x++) {
for (int y = 0; y < i.getHeight(); y++) {
int rgb = i.getRGB(
x,
y);
rgb = (rgb & 0xFFFFFF) == alphaPix ? alphaPix : rgb;
tmp.setRGB(
x,
y,
rgb);
i = tmp;
return i;
catch (IOException e) {}
return null;
}Edited by: oldbushie on Sep 13, 2009 2:07 PM
Edited by: oldbushie on Sep 13, 2009 2:08 PM -
CS5 Suddenly Stops Saving and Opening PNG & GIF Files
CS5, windoze 7, 64 bit.
Inexplicably, CS5 just stops working with PNG & GIF format files.
Fine, this morning; but not after lunch! Indigestion?
Bridge says it's missing a/the java plug-in. Huh? Java is up to
date at OS level.
Very puzzling. Anyone got a fix for this?Kind of you to reply and offer assistance - thanks.
First, I'm inquiring for my wife. I.e. I'm not the user. She's not all that comfortable with using Forums.
I use Photo Impact - now part of Corel, as I understand it.
She says she can't open or save those formats, as she used to be able to. But she can open PNGs
in Illustrator.
The bridge error message is generated on clicking bridge, when no other task is running:
Adobe Photshop CS5 Extended
Could not complete your request because
Photoshop was unable to find the javascript
plug-in.
The mini bridge also gives an error message when clicked on, with no other task is running:
Adobe Photshop CS5 Extended
Cannot complete command because the
extension could not be loaded.
She reports that a lot of Save As options have disappeared. If this was Photoimpact, I'd be
checking the FIO folder for the necessary fio files, but I don't know how PS manages the
way in which various file formats become interchangeable for saving/opening. What that
has to do with bridge, I know not. I don't know the first thing about PS.
That said, chronologically, the problem seems to have occurred after the installation of
a number of pre-sets. That makes me suspicious of them. Or rather, the installation
process that they involved. But I don't know for sure, nor do I know how that installation
of presets process might be reversed, to check if that caused the problem. (see below)
Oh, she has executed an update, but that didn't fix the problem either.
If there's no easy way to achieve a remedy to the problem, I'm contemplating doing a system
restore. She's presently moving (backing-up) those pre-sets before any roll-back is attempted. -
How do i save a .png with transparent background? cannot find in help
how do i save a .png with transparent background? cannot find in help
rickseng
With what program are you working and with what version of the program and on what computer operating system?
I suspect that you are working with some version of Photoshop Elements. If that is correct, then be advised that some how
your thread got posted in the Adobe Premiere Elements Forum (video editing) instead of the Adobe Photoshop Elements Forum (photo editing).
If Photoshop Elements question, then please re-post your thread in the Adobe Photoshop Elements Forum or wait for a moderator
here to see your thread here and move it from here to there.
Photoshop Elements
Thought....if are creating an image on a transparent background in Photoshop Elements Windows for a Premiere Elements Windows project, then you Save As png or psd.
Please clarify if I have misinterpreted your question.
Thank you.
ATR -
Black PNGS with transparent BGs arent showing up
I am using iPhoto to organize my digital scrapbooking graphics. Problem is that the majority are png with transparency. When I imported them, all of the transparent portions of the images appeared in black, so many of them just look like black squares, because it's a black image on transparent background.
Is there any way to get the png to look normal or is this a flaw in iPhoto. Is there a way to change the background of the thumbnail to gray?
Thank you for any help.Welcome to the Apple Discussions. It's not a flaw but just the nature of the beast. iPhoto is set to display transparent backgrounds as black. Send a feature request to Apple via http://www.apple.com/feedback/iphoto.html.
Happy Holidays -
Is it possible to save PNG with transparency to Camera Roll?
I've had a user contact me saying that the pictures he creates save as JPG and because they are JPG they lose transparency. I looked at the code I'm using and it's CameraRoll.addBitmapData(bitmapData). I could find no other options or parameters. He also said it is highly compressed JPG as well. If it's not supported (although I thought it was in an earlier version??) is there a work around!?
It isn't really limited due to an iOS issue, just that Adobe chooses to not add PNG with transparency support. I completely disagree with the premise that this should be limited just because on iOS Photo Album doesn't display PNGs with transparency accurately. There are dozens of existing iOS apps now passing around and creating PNGs with transparency (and viewing them properly).
As far as Android, I implemented this myself just using the builtin BitmapData.encode support for creating PNG format ByteArray, and just saving directly to the filesystem a .png file since Android (unlike iOS) allows it.
To make that process clean with the rest of the Android eco-system, you will probably want to include two additional ANE based features (or choose to roll your own ANE that combines everything)...
The two extra steps as far as ANE support is:
1) an ANE that will trigger a refresh of the Android Gallery (or some base directory more exactly) when the filesystem underneath it has changed if you write to the filesystem directly, there are a few ANEs that do this out there like:
http://forums.adobe.com/message/6092838
2) In newer versions of Android, different users get different mapped 'home dirs' for Pictures so you really don't want to just write to some common /mnt/sdcard folder and hope for the best.
The proper base directory to save Pictures to on Android with the newer APIs is to call (on the native Java side):
File path = Environment.getExternalStoragePublicDirectory( Environment.DIRECTORY_PICTURES);
Just wrapping that returned directory location above from Java with an ANE, will guarantee you are always working with the proper base directory for the current runtime user in Android.
I don't know if any ANE out there has added that 'Public Pictures Directory' function above but it is a trivial function call, and you could even just tack this on as an additional API function on whatever RefreshGallery ANE you grab (with source code of course) -
Export to png with transparancy
hey, can this be done?
export to png with transparent background
even setting the background of the slide to "none" doesn't work
if you can't achieve this, does anyone have any ideas how I could do a workaround?
cheers, DAhh, I read this and thought you required the export. You essentially want to take an image from Keynote into some other application WITH transparency, correct? If so, you may want to take a look at Skitch.
http://www.plasq.com/skitch -currently in public beta as a free download
You could copy the items as you're currently doing, then open Skitch and paste them in. Your objects will appear with a white background. Next, click the color well at the bottom of the colors on the right hand side in order to bring up the color palette. Change the opacity to Zero, then hold down Shift, while clicking in the color well. The background is dropped out and you have full transparency. You can even use Skitch to resize the image to exactly the size you want it to be. Click and drag the tab and to export at that size. -
Hi Everybody,
I need an iPad app that can open an image and has a Magic Wand-type tool so I can select white background around a subject. Then delete the white areas so it becomes transparent. Then save as a PNG with transparency. I've tried Pixelmator...I can select the white but I can not delete the white. I downloaded Photoshop Express...no magic wand tool.
Does anyone have any recommendations?
Thanks,
GaryIt's a shame you don't have Mac. The feature is built in the system (in Preview, Pages, etc).
That makes me think: this feature should be in the iPad iWork apps too (Pages and keynote): check out this guide: http://www.cultofmac.com/256475/knock-out-those-backgrounds-instant-alpha-hidden -in-pages-for-ipad-ios-tips/ -
Export locally png with transparent background
Is it possible to use Ps touch to remove the background from jpeg images and export them locally as png with transparent background (reducing the size of the picture)? I would need to use this feature to create more keynotetouch-friendly images.
Yes. That's possible. You can export a PSTouch project as png to the Camera Roll....and there are other channels as well where this is possible, like "Share By E-mail" , "Send to iTunes" etc.
Those options are accesible via the Share menu (see attached screenshot) as part of the PSTouch project organizer -
Imported png with transparency not working as mask
I created an image with several wavey lines in photoshop to
use as a mask layer in Flash. I "save for web" as a png with
transparency. I import it to Flash and when it is on the stage it
is indeed transparent. But when I go to use it as a mask it masks
the entire rectangle of its dimensions, not just the waves. I trade
breaking it down and converting it to a symbol but no go. What am I
missing here?Images are rectangle or square, even if you have transparency
or not, the entire image will be a mask.
The way you must work is usign vectorial shape as mask. You
can do it directly in Flash or use illustrator to build you shape
and then import it in Flash "Copy paste or export as swf". I know
that you have several wavey lines in photoshop. So, to keep them,
you have 3 possibilities.
1- Simply use path in Photoshop and export them into
Illustrator set them a color and use it in Flash
or
2- Import your image in Flash, then use the Trace Bitmap
option (Modify / Bitmap / Trace Bitmap)
or
3- Import you PNG in Illustrator and Convert it into shape
usign the Live Trace option.
These 3 way works great, depending on the complexity of you
graphics, each one have its own advantages -
Transparent png/gif files in finder
I have been looking for ways to view my WHITE .png (white Logos) files in OSX or in Bridge... but have had no luck.
I know this is possible I've had it before... it wasn't until I discovered that it was last a feature in TIGER. So I'm not crazy!
I can't fathom why Apple would remove this ability. But since it is possible, there should be an plug in or an app or something out there that can bring this back.
I'm hoping someone out there has come across a solution for this.
Seeing as it is possible in OSX, i figure my chances in finding a solution from Apple will be better than Adobe.
Solutions so far are:
1. Cover Flow
- Not useful in-fact it's painful.
2. open file in preview -> copy image -> get info on file -> Paste into icon
- 100's - 1000's of images for something the OS can do anyway not an option, also makes files larger.
Sadly, once we figure this out there will only be one view we can see them in and that would be icon view... (better than cover flow) because columns doesn't let you change the colour of the BG. (there's another request for you Apple)Apple doesn’t routinely monitor the discussions. These are mostly user to user discussions.
Send Apple feedback. They won't answer, but at least will know there is a problem. If enough people send feedback, it may get the problem solved sooner.
Feedback -
Animated GIF transparency in Muse
I am using Adobe Muse CC 2014 and am interested in placing either a transparent animated .GIF image or an Adobe Edge Animate CC 2104 transparent .OAM image on top of
an image in the <body> section. Placing the Adobe Edge Animate .oam image results in a NON-TRANSPARENT background, even though the same background when
creating/saving/viewing the .html image in Adobe Edge Animate displays as transparent.
I created an animation with a transparent background in both Adobe Photoshop CC 2104 and Fireworks CS6, saving the file as an animated .gif. In both applications, the
background is again, transparent. Placing either of those animated .gif images on top of a <body> background image (.jpg) results in a white stroke/outline around the
non-transparent part of the animated .gif.
All help would be greatly appreciated for enabling either an Adobe Edge Animate .oam image with a transparent background, or an animated .gif file with a transparent
background to be placed on top of a <body> image in Adobe Muse WITHOUT a stroke/outline of any color. Either the steps to make this happen OR a temporary
workaround would be terrific!
NOTE: The stroke of the image has been set to NONE in Adobe Muse to remove this option as a variable.
Thanks,
PrefixI appreciate your reply. The problem, in this case, did not lie with Photoshop or Fireworks - both of which were used in the creation of the animated images. In both
applications, adding a darker background (just for testing purposes) shows no white outline. As it turned out, the problem was due to the nature of saving (in this case)
a .gif from either a .png file (native to Fireworks), or from a .psd file (Photoshop, of course). The .gif supports transparency, but only at greater than 50%. Anything at 50% or
less (as would occur with anti-aliasing or feathering, for example) will resolve to white. Since there was feathering (and anti-aliasing) for both the transparent characters
as well as the outer edge of the sphere, saving the file as an animated .gif caused the white outline to appear.
The GOOD news is that there is a solution to the problem. I created a file with the animated images 3X larger than the final size. When the image was reduced
in Adobe Muse to the desired size, the white outlines disappeared, leaving me with what I intended as an image from the beginning.
Thanks all who replied and ultimately helped to determine first the cause of the white outlines, and then a way to "fix" the problem.
All of your help is greatly appreciated.
Prefix -
I'm having a problem with animated GIF transparencies and photoshop. We've been having "halo" problems with some of our rendred images (transparencies) so I've been testing all of the animated GIF's in photoshop after compling them in Fireworks. The GIF's in fireworks look fine...full transparent background. But when I load it into photoshop the "excess canvas" background (beyond the limits of the image) are completely white. Everything within the boundaries of the image are transparent. I can solve this by trimming the canvas but need to retain the full canvas size for placement purposes.
Has anyone encountered this? Is there a way to fix this?
Thanks in advance.I'm fairly sure Photoshop does not support importing GIF animations. It used to have the other program "ImageReady", which coud be used to export as GIF animations, and load them properly with all of their frames and correct settings. However, when adobe chnaged it to put these two programs thogether, allowing photoshop to create GIF animations in the same was ImageReady could, they didn't put in support to read the GIF files afterwards for some unknown reason. Whenever a GIF is given to Photoshop, i always get a message saying that i can only view the first frame of the animation. The transparent background is also white, which is the problem you are having.
I do sprite sheets for 2d games, and i find myself having to go back to Image Ready 7 much of the time to open the GIF files to see them properly, edit any frames needed, and then bring them back into photoshop for cleaning and/or exporting. I wish adobe would allow photoshop to read GIF files properly too. -
I have a .gif file of a logo with a white background on it. The file has a transparency (alpha channle) and cannot get rid of the background. Have also tried it as a .psd, .tiff.
Any thoughts.Create a new Photoshop document with background transparency. Open the GIF file and drag it into the new document - it should come in as a new layer. Use one of the selection tools to select the white area you want to get rid of ... I usually use the Color Range tool from the Selection menu for something like this. Feather the edges if needed and then delete the white. Save the new document as an uncompressed TIF or PSD, making sure you check the Retain Transparency box. Import the new file into FCP.
-DH -
Combining 100 pngs with transparent background, vertically into one image PSE9
As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension
Maybe you are looking for
-
HT204053 how do i create an apple id for my 12 yr old?
how do i create an apple id for my 12 yr old?
-
Hi, After installing iOS5 on iTunes and iPhone, everything went almost smoothly, except activation, which i finally fixed it. The issues i am now experiencing are for the most after iOS5 and iTunes 10.5 No direct connection to Wifi Spot at HOME, ( i
-
"SYST: Period 012 is not valid in financial year variant Z4"
Hi Iam getting this error "SYST: Period 012 is not valid in financial year variant Z4" in Asset accounting when using the shortend fiscal yr with 9 periods in 2010. Generated the period control OA84 for this variant Z4 but still getting the error.
-
Force user to enter positive/negative values on certain GL Accounts
Hi If I want to force the user to be only able to enter positive values for certain GL Accounts and only negative values for other accounts, how can I do this? Thanks Johan
-
Using BigInteger as type for JavaFX property
Hello, Why is BigInteger not a legitimate type for a JavaFX property? Is there a way for me to use a java.math.BigInteger as shown below: class HomePhone BigInteger landLine1 = 0 BigInteger landLine2 = 0 } // end class HomePhone Thank you very much.