Creating transparent PNG

Is it possible to produce a panel image with a transparent background? Reading the image, replacing the background color with transparent in the color table then writing back out does not work.

> Is it possible to produce a panel image with a transparent background?
> Reading the image, replacing the background color with transparent in
> the color table then writing back out does not work.
The transparent color is really just a LV concept. It is a symbolic
color that makes sense to many panel areas, but in a color table, it
looks just like black, or dark dark blue.
If you want to place a png on the panel, use the clipboard or
Edit>Import Image. If you want the png to have transparency, most paint
packages that produce pngs will have the notion of a mask or an alpha
channel. Make the mask or alpha channel to specify which portions of
the image are opaque, which are transparent, and which are translucent,
and associate it with the image
and save as a png.
If you are trying to save out a png with a mask, there are a number of
additional image icons in LV7, including one that applies a color
masking operation. You might want to try to use the mask icon and wire
the output to the png writer.
Greg McKaskle

Similar Messages

How can I convert an .eps created in AI to a transparent .png

The logo I created in AI is beautiful. I would like an equally beautiful transparent .png for use on my website. Is this possible?

Reddafodil,
Remember to tick Transparency.
I would like an equally beautiful transparent .png
Then you should use (at least) PNG24, and certainly not GIF which only has a very limited number of colours; PNG24 has many more than PNG8.

Create an advanced lightning effect and then export to transparent PNG sequence

Hi,
I am new to AE, so please be kind
I need to generate a lightning effect and then export the frames to several PNG images.
I figured out how to do the lightning and how to export transparent PNGs, but I can't get rid of the lightning solid background (which is balck in my case).
Do you have any advice?

Toggle the transparency grid in your comp to make sure that you are creating an alpha channel.
When you render set to the output module to RGB + Alpha and Millions of Colors + and set Color to Straight.

GURU question - Creating a PNG with photographic (transparent) reflection

I'm trying to create a PNG file that maintains its reflection which was captured in-camera. The end result would be that the PNG could be used over any colored background (easy for the object) and the reflection takes on the color of the background (not easy to achieve if you can't multiply the reflection over a colored background).
The image was shot on a white background but needs to be able to fall on any color. It would be easy to use the path around the object to isolate the background to a new layer and simply set the layer to Multiply. I realize that, but these PNG files could end up being used by anyone, and they may not have Photoshop, but rather - Powerpoint. :-/
I've developed a process that does this to a degre, but I end up with a white halo around the feathered edges of the reflection (not shown in the example above - see below).
In the shot above, I've split the (very subtle) reflection in a layer set to Multiply, seen to the upper left along the edge. To the lower right is the same reflection with a white hazy halo bleeding into the feathered edge, and this was generated using the process below. Remember, everything is shot on a white background so the reflection has white feathered into it. I'm like this close to desirable results, but the haze has me stumped.
Here's how I got the right side to be transparent without using Multiply, and saving as PNG. Anyone who opens the file should be able to place it over any color background, supplied to them in PNG format.
1. Using high res JPG image, convert "Background" to Layer 0.
2. Activate Path 1 as selection, invert selection and copy all area around product. Paste that copy to new layer.
3. Using same selection, delete all area around product in Layer 0. Now the product is on a separate layer from the shadow and reflection.
4. Duplicate reflection layer and invert. Turn off all other layers. Go to Channels pane, select Blue channel - Command-click channel - Copy.
5. Return to Layers pane and add layer mask to reflection layer. Delete duplicate layer from step 4.
6. Go to Mask pane (CS5) or Properties (CS6) and click on Mask Edge. Slide the Shift Edge parameter to +100.
7. Run Levels on reflection layer - set the Input mid to .96 and set highlight Output Level to 250.
8. Select background image area using mask - subtract subject from selection using path and run Exposure on reflection layer from menu command: Image/Adjust/Exposure: -0.24, -0.15, 0.70. (Using an adjustment layer for Exposure will not work. It saves to PNG with a different outcome when reopened - thanks Adobe!)
9. Set reflection layer opacity to 60%.
So - if anyone has any constructive input to tackle this haze issue, I'd really appreciate hearing from you. It's just about there, but not quite acceptable yet. Hoefully, my explanation is clear and easily understood.
Thanks very much in advance!

It was difficult, but I believe I've reached Photoshop nirvana. I have the file split in half with the left side multiplying and the right side following the process I've just finished creating. The match is dead nuts, left to right. I now have a transparent PNG with shadows and reflections that will behave in the same manner as a multiplied image, over colored backgrounds.
Experienced PS users should be able to follow these notes, which are a modified version of what's in the OP:
Method for Creating Transparent Photographic Reflections
(Uses the reflection as captured in-camera - not manufactured flip reflections)
This process begins with a high resolution JPG that already has the subject outlined with a path.
1. Using HR JPG image, convert "Background" to Layer 0.
2. Activate Path 1 as selection, invert selection and copy all area around product. Paste that copy to new layer.
3. Using same selection, delete all area around product in Layer 0. Now the product is on a separate layer from the shadow and reflection.
4. Duplicate reflection layer and invert. Turn off all other layers. Go to Channels pane, select Blue channel - Command-click channel - Copy.
5. Return to Layers pane and add layer mask to reflection layer. Delete duplicate layer from step 4.
6. Go to Mask pane and click on Mask Edge. Slide the Shift Edge parameter to +100.
7. Run Levels on reflection layer - set the Input mid to .96 and set highlight Output Level to 250.
8. Select background image area using mask - subtract subject from selection using path and run Exposure on reflection layer from menu command: Image/Adjust/Exposure: -0.95, -0.004, 1.49.
9. Refine edge of mask - Shift Edge: -47
10. Run levels on reflection image: Mid - 0.45
11. Refine mask again - Shift Edge: -18
12. Duplicate layer and refine mask to: Contrast 25, Shift -40. Change layer opacity to 25%
13. Save PNG version.
I'd like to thank those who contributed input to this thread!

Export to PDF causes fringing around transparent PNGs only in Acrobat

If I export to PDF from Keynote '09 using the "Best" setting, I'm getting black fringing around solid elements in a transparent PNG that was placed in the original keynote doc. This fringing does not occur when the PDF is viewed in Preview. Any suggestions on how to remove the fringing?
Example is here: http://i.imgur.com/3QXGf.jpg
Thanks in advance for the help.

Perhaps my explanation of why this is a problem wasn't clear. The type of PDF links that Pages creates are, quite reasonably, set to highlight when clicked (there are a variety of options in PDF for the visual action of a clicked link; highlight is best for user feedback. In an ideal world, when the user clicks a link in a PDF, you want the a highlight box to appear over the text of the link - exactly over it, not too large, not too small.
Because Pages creates two links for each internal hyperlink, but the user will click only one of them in the PDF (whether in Preview or Acrobat), the highlight is almost guaranteed to be wrong for every click. If the user clicks the top link, only the top two-thirds of the text will highlight, and if the user clicks the bottom link, there will be a weird highlight either on the bottom third of the text or underneath it. It's inconsistent, but in most cases, it's wrong.
Obviously, this is only cosmetic, but it's the kind of mistake that hurts usability and detracts from the user experience, and as far as I can tell, there's absolutely no reason for it, making it a bug.
cheers... -Adam

Bug when saving transparent png

I just saved a few pngs with transparent backgrounds and somehow the icons for those new images are being merged or overlaid with previously saved jpgs in my photo stream. When I open them, I see the picture I expect so there's no damage occurring, just funky icons. When I viewed the same images from the photo stream on my iPhone 4 and AppleTV2, the same behavior occurred with those transparent png files as well.

Hi Ignacio,
Well I sort of owe you guys an apology as it appears to be an iPad/iOS issue actually. Apparently I've never tried sending a transparent png to either my iPhone or iPad until learning/using Photoshop Touch (which I'm really enjoying btw).
But to answer your questions anyway, I was opening them on my iPad/iPhone in the Photos app and on my AppleTV in the Photostream there.
I made a quick transparent png from my Photoshop CS3 as well as downloading one from a Google search, all which had the same overlapping results.
I grabbed a screen shot for you, and blurred out the icons of images I think you'd rather not see ;-). Weird thing though too, which also points to this being an Apple issue, is that by accident, my first image, I saved as a png but with the background layer unlocked (being layer zero) and when I dragged it into this email, it overlaid the picture over the body of the email so that the black areas where transparent. So I dragged it out, resaved as a jpg but now I can't repeat the problem with the png, as I was going to create a screen shot of that for you as well. Either way, the icons on my desktop behave as normal and the images all open as normal. They all just get goofed up when displaying them in iOS as icons before actually opening the pictures.
So in this capture, there are six images with overlapping icons where the intended transparent png is on top of some random image pulled from the photostream.
Thanks again,
Eric

How to fix black borders around transparent PNG files?

Hello,
Recently, iMovie has started putting black borders around transparent PNGs. How can I fix this?
http://img19.imageshack.us/img19/4668/picture9bt.png

gndagnor wrote:
Any way to fix the alpha transparency when importing PNG files to iMovie 09?
I just know the two options - wrong (8bit) png or that plugin, which in an older version destroyed transparency..
what also make transparent-to-black is, when you 'manipulate' the imported png, esp. adding a *KenBurns Effect* - that kills transparency instantly.
for test purposes:
• create a new project
• create a new png with some traansparency
• add new png to new project - same result?
and just to avoid EVERY problem: your sys preferences/Monitor is set to 'million colors'?

Taking the transparent png files from net into Photoshop. It coming as flat not transparent. How can i do ?

Hi,
i want to take some transparent png files from internet into photoshop. The files originally transpernt on internet.
Im copying that image and paste into photoshop but it won't transparent. therefore im saving the files my mac and using like that.
But i dont want do this. Because this isn't problem in illustrator. Can anybody help me how can i use transparent png files as transparent in photoshop without save file?
hope could explain my problem.

If you can right click on the image and copy its utl to the clipboard you may ne able to open that in Photoshop with this old Photoshop script.
// OpenImageFromWeb.jsx
// Copyright 2006-2009
// Written by Jeffrey Tranberry
// Photoshop for Geeks Version 3.0
// modified by MLH
// modified by JJMACK 2010
Description:
This sample script shows how to download images from a web server using the
Socket object.
// Note: Socket.read() parameter & behavior
// Socket.read() will read or time out. It may not read all data fromserver. <---------------
// Socket.read(999999) will read 999999 bytes, or timeout, or socket will be
// closed by the server.
// enable double clicking from the
// Macintosh Finder or the Windows Explorer
#target photoshop
// Make Photoshop the frontmost application
app.bringToFront();
// SETUP
var html = "";
var request = "";
var url = "";
var binary = "";
var requesthtml = "";
var socket = new Socket;
var domain = "www.mouseprints.net" // the domain for the file we want
var sImg = "/old/dpr/JJMack8btiSrgb.png"; // the rest of the url for the file we want
var port = ":80"; // the port for the file we want
// MAIN
var url = prompt("Enter the image's full URL http://domain/full image path",url); // prompt for domain name
if (url != null && url != ""){
if ( (url.indexOf("http://") != -1) || (url.indexOf("HTTP://") != -1) ) {
domainPathLength = url.length - "http://".length;
domainPath = url.substr(7, domainPathLength);
pathOffset = domainPath.indexOf("/");
domain = domainPath.substr(0, pathOffset);
sImg = domainPath.substr(pathOffset, domainPath.length - pathOffset );
// Isolate Image name
var Name = sImg
var imagePath = "";
while (Name.indexOf("/") != -1 ) { // Strip Path
imagePath= imagePath + Name.substr(0, Name.indexOf("/") + 1);
Name = Name.substr(Name.indexOf("/") + 1 ,);
//alert("domain = " + domain + " , Image = " + sImg + " Image File Name = " + Name);
if ( domain != "" && sImg != "" && sImg != "/" && Name.indexOf(".") != -1 ) {
var f = File("~/" + Name); // Image file name
f.encoding = "binary"; // set binary mode
f.open("w");
if (socket.open(domain + port, "binary")){
//alert("GET " + sImg +" HTTP/1.0\n\n");
requesthtml ="\n\nDmain:" + domain + " Port" + port + " binary\n"
//request ="GET " + sImg +" HTTP/1.0\n\n"
request ="GET " + sImg +" HTTP/1.0\nHost: " + domain + "\nAccept: image/gif, image/x-xbitmap, image/png, image/jpeg, */*\n\n";
socket.write(request); // get the file
var binary = socket.read(99999999);
binary = removeHeaders(binary);
f.write(binary);
socket.close();
else { alert("Connection to Domain:" + domain + " Port" + port + " Failed ");}
f.close();
if (binary.length != 0) {
//alert ("file length = " + binary.length );
if(app.documents.length == 0) {
//app.documents.add([width] [, height] [, resolution] [, name] [, mode] [, initialFill] [,pixelAspectRatio] [, bitsPerChannel] [,colorProfileName])
app.documents.add(new UnitValue(1600,'px'), new UnitValue(1200,'px'), 72, null, NewDocumentMode.RGB, DocumentFill.WHITE, 1,BitsPerChannelType.EIGHT, "sRGB IEC61966-2.1" );
placeSmartObject( f );
f.remove(); // Remove temporary downloaded files
else { alert("Invalid Image URL: " + url ); }
else { alert("Invalid URL: " + url ); }
else { if ( url == "" ) alert("No URL Entered"); }
// FUNCTIONS
function placeSmartObject(fileRef){
//create a new smart object layer using a file
try {
var desc = new ActionDescriptor();
desc.putPath( charIDToTypeID( "null" ), new File( fileRef ) );
desc.putEnumerated( charIDToTypeID( "FTcs" ), charIDToTypeID( "QCSt" ),charIDToTypeID( "Qcsa" ));
desc.putUnitDouble( charIDToTypeID( "Wdth" ),charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Hght" ), charIDToTypeID( "#Prc" ), 100 );
desc.putUnitDouble( charIDToTypeID( "Angl" ), charIDToTypeID( "#Ang" ), 0 );
desc.putBoolean( charIDToTypeID( "Lnkd" ), true );
executeAction( charIDToTypeID( "Plc " ), desc, DialogModes.NO );
activeDocument.activeLayer.resize(100 ,100,AnchorPosition.MIDDLECENTER);
activeDocument.revealAll();
} catch (e) { alert("Placeing file: '" + fileRef + "' failed"); }
// Remove header lines from HTTP response
function removeHeaders(binary){
var bContinue = true ; // flag for finding end of header
var line = "";
var httpheader = "";
var nFirst = 0;
var count = 0;
while (bContinue) {
line = getLine(binary) ; // each header line
httpheader = httpheader + line;
bContinue = line.length >= 2 ; // blank header == end of header
nFirst = line.length + 1 ;
binary = binary.substr(nFirst) ;
if (httpheader.indexOf("Bad Request") != -1 || httpheader.indexOf("Not Found") != -1) {
alert (requesthtml + request + httpheader);
var binary = "";
//alert (requesthtml + request + httpheader + "\nFile length = " + binary.length);
return binary;
// Get a response line from the HTML
function getLine(html){
var line = "" ;
for (var i = 0; html.charCodeAt(i) != 10; i++){ // finding line end
line += html[i] ;
return line ;

Creating transparent gifs - but still retaining some opacity

Hello,
I'm having some issues with creating transparent gifs.
I am creating a box with a single color in it w/ the opacity of 30% but when I save it as a gif file, it makes it completely opaque.
I would like to save it as a gif but still making it somewhat transparent.
Is this only possible with PNG files?
Thank you advance...
J

JiggyxJ wrote:
...I'm just gonna have to go with PNG but my dev team won't be happy since they have to figure out a way to make the PNG file work with IE6.
Point those dunderheads in this direction. You'll look like a hero:
http://24ways.org/2007/supersleight-transparent-png-in-ie6

How to create transparent image at run-time?

How to create transparent image at run-time? I mean I want to create a (new) transparent image1, then show other (loaded) transparent image2 to image1, then show image1 to a DC. The problem is - image1 has non-transparent background...

i'm not sure, but you can set the alpha value to 0 in all pixels which are 'in' the background..
greetz
chris

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?

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

Syntax error Creating Transparent Partition in MaxL

Hello,
I'm trying to create a simple transparent partition (no mapping needed, just using all the 3 dimensions and descendants in the source database to the target database. I'm getting a syntax error, I went through the MaxL naming conventions and also tried a couple of diffferent things but to no avail. Please help as to what the error might be:
My code is as below. The error I get is: Getting a syntax error near '@IDESCENDANTS("Accounts"), @IDESCENDANTS("Products"),@IDESCENDANTS("Market)
Code:
create transparent partition student8.coke area '@IDESCENDANTS("Accounts"), @IDESCENDANTS("Products"),@IDESCENDANTS("Market")' sourceArea to student8.cokepart at lab01 as essadmin identified by 'password' area '@IDESCENDANTS("Accounts"), @IDESCENDANTS(Products), @IDESCENDANTS("Market")' targetArea;

Nobody replied to this, but actually the error was the double quotes on Accounts, Products and Market.

Manage stamps can no longer create transparent images

I created a dozen transparent stamps from TIFF and GIF images using Photoshop.
They all worked fine until very recently. Now when I try to create transparent stamps with Manage Stamps, it puts a solid background - no transparency even with images that previously worked.
Existing Transparent stamps when opened in Manage Stamps also lose transparency (if saved).
PDF format transparencies work with Manage Stamps but quality not as good as TIFF.
Not sure if a recent upgrade to Acrobat or Adobe CS5 or removal of Macromedia CS5 caused this - perhaps some common library got corrupted or removed.
Cannot find any clue about this with Google Search or anywhere within Adobe.
Any help/hint would be appreciated.

You need to switch to the old "Options" page, by going to Other and the end of the left pane there. Or directly via this link:
https://outlook.office365.com/ecp/?rfr=owa&owaparam=modurl%3D0&p=account

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

Creating transparent PNG

Similar Messages

Maybe you are looking for