Flatten two (or more) transparent PNG images (32 bit)

Hello
How to flatten two (or more) transparent (32 bit) PNG images.
The result must be also a transparent (32 bit) PNG image.
Solved!
Go to Solution.

Since you aren't really doing any alpha blending and just a simple mask I would do the following.
The Picture to Pixmap VI, as you discovered, wipes out the mask, but you can restore it by simply OR-ing the two image masks. I assume the two pictures have the same dimensions for simplicity, there are tricks if this isn't the case.
I have also added a Version 8 (I hope) VI since that seems to be what you are using.
Attachments:
FlattenPNG.png ‏176 KB
FlattenPNGv8.vi ‏161 KB

Similar Messages

Transparency not working on smartshape button filled with transparent (PNG) image.

I'm using Captivate 8 and have had no problems so far importing PNG images with transparent backgrounds.....that is until I try and make a smartshape button and import a transparent PNG image as the background.
It displays fine on screen, but whenever I preview it or publish, the white background of the image/button displays. Is this a known Captivate 8 limitation?
Sorry if this is a repeated question....I've tried trawling through the forums and all I can see is to try different file formats for the images, such as GIF or BMP, which I've tried and nothing works.
Any advice or suggestions?

If it is a button, what is inserted for Rollover and Down state? I just recreated a shape button, with three different images for the states. All are in one PS-file as layers which I imported into Captivate. I kept Stretched checked in this case, because I know there is sometimes a slight change in size between states. Here are screenshots of Up, Rollover and Down state. The stroke was set to 0 for the shape, but to prevent all color contamination I also set stroke to the color of the background (light grey). In the first (Up) image you can clearly see where the stroke is due to truncation of the Question mark.
Seems only possibility is in the creation of the PNG's? What was your work flow?

Removing background shadow on transparent PNG image without losing shading on the object?

I have a pillow bevel applied to a paint splatter brush image, and I'm having trouble with the shadows. I want to save this splatter as a transparent PNG. The problem is that a drop shadow effect is showing up when I save it this way. I think it's a "shading" setting rather than a true drop shadow, as there is no drop shadow set in the layer styles. The shadow does not appear when a white background is applied. It only shows when the background is transparent. I've tried reducing the shading opacity in the bevel dialogue, and this does get rid of the drop shadow....the problem is that it also removes the shading from the paint splatter, making the image look flat instead of raised. Can anyone help? Thanks!

Good point Curt. First time poster, so I wasn't sure how to include images in my original post. Here they are:
Above is the image saved WITH transparency. Obviously the shadows all around the blue make this unusable.
Here is the exact same image...the only difference is that I saved it with a white background layer behind it in photoshop. As you can see, the shadow artifacts are gone, yet the splatter still maintains its correct shading to keep the raised effect.
Both of these images are saved as png. Any suggestions?

Transparent PNG images in IE 6

I just found out that IE 6 doesn't support "transparent PNG"
files.
I have found a patch script that suppose to help but NOTHING!
Has anybody ever come across this problem, and how did you
get the images of work?
patch script....

<DIV ID="oDiv" STYLE="position:absolute; left:0px;
height:755; width:1002;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='image/bbd_main.png', sizingMethod='scale');" >
</DIV>

Hi this tutorial worked for me.
Look for the "Do you realize none of this works in IE6?"
section near the bottom of the page.
http://www.alistapart.com/articles/supereasyblendys
Works perfect

Black background for transparent PNG images - Xcelsius 2008 SP4

Hi Experts,
I am using Xcelsius 2008 SP4. I have used Image component to show a PNG image with transparent background. When I export the flash, the image is being shown with a black background.
In Xcelsius 2008 SP3, this problem was not there. I am facing this issue after installing SP4.
Did anyone else face similar issue ? Is there any workaround ?
regards,
pasg

Hi all,
I was facing the very same issue. I succeeded in finding a solution to it. This is happening coz of the dimension and pixels of the .png image. I imported the image in the image component, which had the dimensions, 175 x 70, and was of 9.26 kb and the black background was visible. I then changed the dimension of the image to 428 x 140, and 19.2 kb (double the size), and VOILA!! to my surprise IT WORKED !
Don’t forget to “check” the “embed file” and “Hide SWF Background Color” check boxes in the image component's, general tab.
Try the same, I hope this helps.
Regards,
Sara

Uploaded transparent .png images to twitter and get grey boxes behind the image?

I have uploaded a lot .png transparent images to twitter and just recently it started doing this:
This is what it should look like:
Is this a twitter problem or a photoshop problem? Is there anything I can do fix this? I have CS5. Any help would be appreciated!

Hi this tutorial worked for me.
Look for the "Do you realize none of this works in IE6?"
section near the bottom of the page.
http://www.alistapart.com/articles/supereasyblendys
Works perfect

No Transparency on PNG image problem

I'm trying to create an ImageIcon that uses a transparent PNG image. I have set a particular colour on the image itself to be transparent in Corel PhotoPaint, and when i view the .png image that is output this colour is transparent.
However, when i then load this png image into my Swing app, using it as an ImageIcon, the transparent colour is no longer transparent, and the original colour can be seen in its place.
Anyone have any ideas?
Cheers

I'm trying to create an ImageIcon that uses a transparent PNG image. I have set a particular colour on the image itself to be transparent in Corel PhotoPaint, and when i view the .png image that is output this colour is transparent.
However, when i then load this png image into my Swing app, using it as an ImageIcon, the transparent colour is no longer transparent, and the original colour can be seen in its place.
Anyone have any ideas?
Cheers

Spry Menu problem with using a transparent background image

Hi- I'm new to CS5 and Dreamweaver. I just finished the beginning webpage tutorial and I have started to work on a personal project. The Problem: when I use a transparent png image as a backgroun-image for my spry menu it shows up fine in live view, but doesn't work in browser view (safari), in fact the menu reverts to it's original grey and blue boredom. Does anyone have a solution for me? Does this mean it will be grey and blue when it goes live? Thanks, Ruth333333

Please supply a link to your site.
Gramps

Png images not shown in applet when opened in internet explorer

hi all,
I am using some transparent PNG images in my applet . Its working properly in appletviewer as well as netscape but images just disappear in internet explorer.
same image appears in internet explorer but not in applet in internet explorer.
can anybody help me ?
thanks

The java version that IE has doesn't have support for PNG, only gif and jpeg.

Strange lines appear around transparent PNG's when document PDF'ed

Hi
I have inserted some transparent PNG images into my Pages document, and they look fine on my screen, and they also look fine when I export to PDF and view in Preview.
However, if I view the PDF in Acrobat (or send it to a Non-Mac user and they view it in Acrobat), there are thin lines around many of the PNG images, which make them look ugly and sloppy, and very un-Mac-Like! Any ideas why these lines are appearing and how to prevent them?

Hi logree
Welcome to the forum.
My guess is that it is showing just the edge of the masked background used to hide the alpha channel background of the .png.
This happens I think, because the postscript mask may be centred on the outside rows of pixels in Acrobat, with half the pixels still being revealed.
You can try masking in Pages' instead:
+Menu > Format > Instant Alpha+
or try a Photoshop file with transparent background, to see if that eliminates the problem.
Peter

Are transparent png to use

Hello,
I was wondering are transparent png image's safe to use, I
have normally
used transparent gifs but have been thinking of the
compatibility of the
png.
regards
k

Twocans wrote:
> Hello,
> I was wondering are transparent png image's safe to use,
I have normally
> used transparent gifs but have been thinking of the
compatibility of the
> png.
You will need a fix for IE6 and below, but apart from that
give it a go,
its much better than gifs.
Dooza
Posting Guidelines
http://www.adobe.com/support/forums/guidelines.html
How To Ask Smart Questions
http://www.catb.org/esr/faqs/smart-questions.html

Printing transparent marker images

Hello,
I'm using transparent PNG images (baloons) as markers for features of interest on my map application. Everything's just fine until we try to print from the browser. The marker images appear with blocks around the border, defeating the purpose of the transparency, and making things look rather messy.
Has anyone had luck with printing transparent markers ? I am using GIMP to create the transparent PNG files. I spent the better part of yesterday afternoon creating various combinations, including transparent GIF files, indexed and non-indexed PNG's, etc...still no luck. Again, everything is fine when viewing on-screen -- the problems arise only when printing.
Any insight would be appreciated.
Thanks!

FYI, this is fixed within MVMapView print() in one of the latest patch releases.

How do I paste transparent png's

If I copy a transparent PNG image from any web browser on a mac, I can paste said image into illustrator without it losing its transparency, while trying the same on my PC results in the transparent areas of the image turning black... How does one avoid this?
(running illustrator CC 2014)

Are forum users usually this bitter? I really don't understand how using this workflow would be stupid, as you so eloquently put it. You don't know what I'm working on nor how, and it does surprise me that you don't see how it could be time saving... But I don't really mean to discuss process quality or speeds.
Anyone else? If I can do it on a mac, I should be able to do it on a pc as well!

Adobe Photoshop CS6 png image transpercy problem

Hello,
On our site we used a lot of transparent png images.
The images show up fine however they are not transparent as in Photoshop.
Now the transparent areas are white where they are transparent in Photoshop.
Can anybody explains me what I'm doing wrong ?
For example the logo at the top above antivirus.
Example 1 Antivirus logo
Example 2 Antivirus norton product page overview.
Exampe 3 Antivirus prijs in product overview.
Thanks for the support.
Could this have something to do with how I save the png images ? For example I can save as PNG 24 and several other PNG types.
Message was edited by: BRDigital

Thanks for your answer, indeed this fixed the problem. Quite stupid I did not see this myself

How to create a PDF from a DOCX without flattening PNG images?

What I want to do is to create a manual that looks like it has its illustrations roughly painted onto parchment.
I've created a .docx document in Word that looks correct - the images in it are PNG files with transperancy around the edges so if a background is put behind them, it looks like it's painted onto that background.
However, when I use Adobe Acrobat 9 to try and convert this to a PDF, all the images in the resulting PDF file are flattened and lose their transparency. This isn't immediately obvious when the page background is left white, but as soon as the background is set to the 'parchment' image, it's obvious that the transparent parts have been flattened into solid white, which naturally looks hideous.
Is there anything I can to do maintain the transperancy of the images in the DOCX document when converting it into PDF?

While I haven't exactly managed to find the answer to my question, I've found a workaround that gives me the look that I want.
Instead of adding the 'parchment' background in Adobe Acrobat, I already add the background (as a Watermark) in the original Word 2010. Although I think the images still get flattened, they get flattened into the parchment background so it doesn't actually matter.
Solved now!

Flatten two (or more) transparent PNG images (32 bit)

Similar Messages

Maybe you are looking for