I want to export 'transparent png' (while it is on colored background)

Salam!
May you please help me in this issue!
I want to export an object as 'transparent png' (while it is on colored background) in Adobe Fireworks CS5. One way to do it, to place the object on a transparent background (Like in PS). But I want another solution. I don't want to move the object on transparent backgound, but still want to export this object as transparent png. Is there any solution????
Thank you!
Sheikh Naveed

This tutorial covers what you are looking for
http://www.smartwebby.com/free_tutorials/website-design-how-to/transparent-background.asp

Similar Messages

Imovie Version 9 - Exporting Transparent PNGs

I have made a movie in imovie version 9, I have placed in transparent pngs (24) over some footage using the picture in picture method, when I export the movie as HD 1920 x 1028 the pngs I have placed in show as black boxes? When I export the same movie as 720 it is fine and the black boxes don't appear however I need the movie to be in HD, can anyone tell me where I'm going wrong?
Thank you in advance

720 is HD.
Are your image files the correct dimension? Is all of your video source material 1080?

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.

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, D

Ahh, 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.

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

The operation cannot complete because of an unkown error while exporting to png

Adobe Illustrator CS5
Windows 7 64bit
I am getting the following error while trying to export a png
"The operation cannot complete because of an unkown error. [13]"
I tried disabling all startup items, rebooting, copying and pasting to a new document to no avail.
Please help

Here is what I tried and it worked
Save the file as pdf with the "Preserve Illustrator Editing capabilities" checked. Rename the file from .pdf to .ai
New file can now export without any problems.
Wierd. But thanks to everyone who posted

How to export low quality png while using exportToPNGSequence jsfl command ?

how export low quality png while using exportToPNGSequence jsfl command ?

var mat=fl.getDocumentDOM().library[0].matrix;
mat.a=.5;
mat.d=.5;
fl.getDocumentDOM().library[0].exportToPNGSequence(file:///yourfile.png,startframe,endfram e,mat);

How to make white shapes turn transparent when exporting to .png?

I'm trying to cut out parts of my image with white shapes, but when exporting to .png with transparent backgrounds, the white shapes remain as white shapes instead of becoming transparent and applying the cut.
How do i fix this?
Thanks,
Rokas

Use a mask, most probably an opacity mask should help.

Keynote Export "Transparent video"

This maybe a some tip and trick how to export form Keynote transparent chart animations and what ever...
i looking for answer around the network, but no answerts of this question! So i figure out how to do this and i like to share it (maybe helpful for others)
1. Create a transparent .png file (i take for example my steps) i created in Photoshop transparent image 1024x576 for PAL Widescreen. Export as .png
2. Open Keynote, make your own animated chart, pie or whatever you like.
3. Open inspector > Document inspector set your size. (For my situation i choice 1024x576)
4. Go to Slide inspector. Under Background choice Image Fill and use your transparent .png image
5. File/Export.
6. check include transparency. Under formats choice "Custom"
7. Choice Settings!
8. In Video Compression Settings Choice Animation Set your frame rate. Set Keyframes to Automatic. Set Depth to Millions Of Colors + (Quality - set to Best)
Thats all!
Transparency are not working by default - it works only when you set a transparent Color Fill
this is some kind of Keynote Bug or so...

This also works if in your step 4, you choose "Color Fill", then using the Color well, choose any color you want, AND set its Opacity to 0%. No need for the transparent .png file this way.
(I sure wish the Include Transparency check box would stay checked from one export to the next!)
Cheers, and thanks for the post.
Keith

Exporting to PNG vs "Save for Web" in Illustrator CC

I am creating small logos for a website in Illustrator CC (one is 135px x 50px), and the quality of the output has been a bit sketchy: not blurry or pixelated, but the text is messy and uneven while previewing in Acrobat as part of a larger PDF, and when previewing the logo by itself (I also previewed it in a browser with HTML to get the same unclear image).
The images have been exported to PNG and JPG at 72 PPI.
When I experimented with the "save for web" option (File>Save for Web), voila! It fixed the issue! I noticed in the dialogue box for "Save for Web" that it saved as a PNG-24, an option not available to export (you can only export to PNG)
My question is: is there a difference between "save for web" and exporting that I should know about before I continue to save ALL my images via the "Save for web" option? It seems strange that the best way to save an image (PNG-24) wouldn't be an option under Export (you can only export to PNG). Why can't I export to PNG-24 in Illustrator?
Thanks for any advice.

You can save with different color depth, export, it chooses automatically the higher depth when you choose transparent, and the lower depth when you choose a background color.

Batch Export as PNG

Hello, i'm having dreadful trouble exporting a batch of AIs to PNG (using illustrator CS4).
It seemed really obvious to record export>PNG>relevant setting as an action and then run that on the whole folder.
The trouble is that the action, when run as a batch (and only when run as a batch) skips the whole export step. it open the AI fine, runs through the action very quickly, and then fails to write the PNG.
what's more, i also tried this on a colleagues machine and his did exactly the same, so i'm thinking that it's me missing something obvious.
as a workaround i turned the dialogues on, but this kind of defeats the object.
any help would be very greatly appreciated.
cheers
Jez

You might try this
ADOBE SYSTEMS INCORPORATED
Copyright 2005 Adobe Systems Incorporated
All Rights Reserved
NOTICE: Adobe permits you to use, modify, and
distribute this file in accordance with the terms
of the Adobe license agreement accompanying it.
If you have received this file from a source
other than Adobe, then your use, modification,
or distribution of it requires the prior
written permission of Adobe.
ExportDocsAsPNG24.jsx
DESCRIPTION
This sample gets files specified by the user from the
selected folder and batch processes them and saves them
as PDFs in the user desired destination with the same
file name.
// Main Code [Execution of script begins here]
// uncomment to suppress Illustrator warning dialogs
// app.userInteractionLevel = UserInteractionLevel.DONTDISPLAYALERTS;
var destFolder, sourceFolder, files, fileType, sourceDoc, targetFile, pngExportOpts;
// Select the source folder.
sourceFolder = Folder.selectDialog( 'Select the folder with Illustrator files you want to convert to PNG', '~' );
// If a valid folder is selected
if ( sourceFolder != null )
    files = new Array();
    fileType = prompt( 'Select type of Illustrator files to you want to process. Eg: *.ai', ' ' );
    // Get all files matching the pattern
    files = sourceFolder.getFiles( fileType );
    if ( files.length > 0 )
        // Get the destination to save the files
        destFolder = Folder.selectDialog( 'Select the folder where you want to save the converted PNG files.', '~' );
        for ( i = 0; i < files.length; i++ )
            sourceDoc = app.open(files[i]); // returns the document object
            // Call function getNewName to get the name and file to save the pdf
            targetFile = getNewName();
            // Call function getPNGOptions get the PNGExportOptions for the files
            pngExportOpts = getPNGOptions();
            // Export as PNG
            sourceDoc.exportFile( targetFile, ExportType.PNG24, pngExportOpts );
            sourceDoc.close(SaveOptions.DONOTSAVECHANGES);
        alert( 'Files are saved as PNG in ' + destFolder );
    else
        alert( 'No matching files found' );
getNewName: Function to get the new file name. The primary
name is the same as the source file.
function getNewName()
    var ext, docName, newName, saveInFile, docName;
    docName = sourceDoc.name;
    ext = '.png'; // new extension for png file
    newName = "";
    for ( var i = 0 ; docName[i] != "." ; i++ )
        newName += docName[i];
    newName += ext; // full png name of the file
    // Create a file object to save the png
    saveInFile = new File( destFolder + '/' + newName );
    return saveInFile;
getPNGOptions: Function to set the PNG saving options of the
files using the PDFSaveOptions object.
function getPNGOptions()
    // Create the PDFSaveOptions object to set the PDF options
    var pngExportOpts = new ExportOptionsPNG24();
    // Setting PNGExportOptions properties. Please see the JavaScript Reference
    // for a description of these properties.
    // Add more properties here if you like
    pngExportOpts.antiAliasing = true;
    pngExportOpts.artBoardClipping = false;
    //pngExportOpts.horizontalScale = 100.0;
    //pngExportOpts.matte = true;
    //pngExportOpts.matteColor = 0, 0, 0;
    pngExportOpts.saveAsHTML = false;
    pngExportOpts.transparency = true;
    //pngExportOpts.verticalScale = 100.0;
    return pngExportOpts;
Copy into a text editor and save as a .jsx file and place in the presets>scripts folder.

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 ;

Script or Plugin for exporting a PNG in different sizes

Hi,
I'm trying to create a template for our branding procedures. I am using Photoshop CS6 and I would like to have a PSD or even Ai file where I can place the logo I want to export and have it export to three sizes automatically.
Does anybody know a script of plugin that can help me do this?
I would need the same logo in 3 PNG sizes (72 resolution, RGB and with transparency):
1500px, 500px and 150px wide.
I know actions won't work because they save the file under the same directory and name so it gets replaced.
I would appreciate some guidance.
Thank you!

Does this help?
// 2014, use it at your own risk;
#target photoshop;
if (app.documents.length > 0) {
// define sizes;
var theWidths = [1500, 500, 150];
// set to pixels;
var originalRulerUnits = app.preferences.rulerUnits;
app.preferences.rulerUnits = Units.PIXELS
// the doc;
var myDocument = app.activeDocument;
// getting the name and location;
var docName = myDocument.name;
var basename = docName.match(/(.*)\.[^\.]+$/)[1];
//getting the location;
var docPath = myDocument.path;
var theDup = myDocument.duplicate("copy", true);
var theWidth = theDup.width;
// work through array;
for (var m = 0; m < theWidths.length; m++) {
// resize;
theDup.resizeImage(theWidths[m], undefined, 72, ResampleMethod.BICUBIC);
// save png;
savePNG (theDup, docPath, basename, "_"+String(theWidths[m]));
theDup.activeHistoryState = theDup.historyStates[0]
theDup.close(SaveOptions.DONOTSAVECHANGES);
// reset;
app.preferences.rulerUnits = originalRulerUnits;
////// function to png //////
function savePNG (myDocument, docPath, basename, theSuffix) {
// weboptions;
var webOptions = new ExportOptionsSaveForWeb();
webOptions.format = SaveDocumentType.PNG;
webOptions.PNG8 = false;
webOptions.transparency = true;
webOptions.interlaced = 0;
webOptions.includeProfile = false;
webOptions.optimized = true;
myDocument.exportDocument(new File(docPath+"/"+basename+theSuffix+".png"), ExportType.SAVEFORWEB, webOptions);

Export to png: slice cut off

When I export an image to png, there' s a slice of the image cut off on one side of the image.
Can anyone give me a hint on how to avoid this?
Thank you very much!

What cs are you using? I attached your art back to you. You can click off the transparency in save to web.
You will have a solid background. But the art you sent covers the whole art board. So that should not be an issue.
You may want to hard restart your illustrator or delete the preference to get back to default preferences.
Then retry to export to png or save to web and devices compression to png.
Look under your illustrator help menu.

How to copy and paste the graphics from illustrator to MS word. What I tried is exporting in png with highest resolution and then inserting in to word. This loses a bit of resolution in comparison to direct copy and paste as EMF. But if I do a copy and p

How to copy and paste the graphics from illustrator to MS word. What I tried is exporting in png with highest resolution and then inserting in to word. This loses a bit of resolution in comparison to direct copy and paste as EMF. But if I do a copy and paste, and then take a print of the document, all the graphs and text is printed upside down, flipped back.

Use the Pencil Tool
alex
adrian stock wrote:
> How to copy and paste a single pixel
>
> I want to copy a single pixel and then paste it in the
position of
> another pixel in the same image.
>
> (This is in effect changing the colour of the target
pixel, isn't it.
> But in my case copying an existing pixel seems simpler
than selecting a
> colour from the swatch or using the colour picker.)
>
> What is the most efficient way of doing this?
>
> I tried to select one pixel with the marquee tool. Then
copied it with
> control-C, but then how do I select the target pixel and
paste with
> control-V?
>
> Thanks for your help.
>
> Adrian
>

I want to export 'transparent png' (while it is on colored background)

Similar Messages

Maybe you are looking for