Using PNG files with transparent background - Please Help

I just purchased Elements to do a very specific task which I can’t do in Aperture. I am a former photoshopper (V.5) and excited to be back.
I am doing a book/scrapbook and the majority of my text will be my own handwriting. I use white paper and black ink and I scan in at the highest settings. My goal is to create my handwriting on a transparent background so I can place it in my book as I choose. For this specific project (which is very large in scope) I wanted to keep my image/file management within Aperture.
So I import my file (of my handwriting) from Aperture and successfully saved with a transparent background. Adobe said I had to save it as a PNG file. I noticed when I saved in Photoshop there was a warning saying I had to save as a copy.
Aperture does not see the file when I try to import it back. My interchange between aperture and photoshop is fine otherwise. This problem only seems to be with “unflattened” layered images. When I flatten the image it is recognized by Aperture, but I lose the transparent background in Photoshop.
If anyone sees flaws here or has a suggestion to “isolate” and save my personal handwriting image files I would greatly appreciate it. Thanks!

Would probably work best if you first export from Aperture as PSD (if possible, like Lightroom) and then save to preserve layers.
From the PSD save as PNG24 rather than PNG8 which is better for preserving transparency.

Similar Messages

Png files with transparent background show black only in firefox for android

I have a wix created site and png files with transparent backgrounds are showing with a black blackground in Firefox for Android. They show transparent in all other browsers I have tried.
I have tried saving the file as a gif, as a smaller png, interlaced, not interlaced, png 8, png24. It still shows black in Firefox for Android.

Hi evelswoman,
Thank you for your question. This sounds like a good one for the web compatibility team. Currently there are some compatibility documentation for background-image here: [https://developer.mozilla.org/en-US/docs/Web/CSS/background-image] and more details on background: [https://developer.mozilla.org/en-US/docs/Web/CSS/background]
Filling a bug with webcompat.com with an example url can go a long way as well, I hope this helps.

I place a psd file with transparent background on another layer in my InDesign document. The layer b

I placed a psd file with transparent background on another layer in my InDesign document. The layer below has a color (RGB). When the psd file is placed it changes the color on the layer below. I've tried other psd files thinking something is wrong with my file, but get the same result. I have tried for days to figure this out. Can anyone help me?

Wow, thank you! That was fast. I googled that question to death and even bought (another) book on CS5 and never saw that answer. Thank you so much. You made a very good ending to my day! I'd buy you a beer if I could!!

How can I export a file with transparent background?

Hi all,
I know InDesign doesn't allow to export a PNG file, but I need my file to be in image file format with transparent background.
I'm still learning so I am stuck here. How can I export a file with transparent background?

If you can't get the PNG file export to work, you can export a pdf and open it in Photoshop, from there you can save it as whatever you like.

Placing a PNG file with transparency

If I have a psd / Png file on Photoshop that has text with no background (transparent), and I do a Place of that file into Illustrator, I get a white background in additiotion to the Text.
How do I stop the white background from placing withing the Illustrator? I have Illustrator CS3 and Photoshop CS3
Thanks in advance.
Bob

Half a decade later, I am getting the same problem as the original poster (although I am using Illustrator CC 64bit on Windows 8).
I am trying to 'place' a PNG graphic in Illustrator, The PNG has a transparent background, which is being honoured fine in other programs (e.g. web browsers - even in its icon in Windows Explorer).
However when I place it in Illustrator, the transparency doesn't work: instead the background is displayed as an opaque colour. It stays that way if I output to a PDF from Illustrator.
The PNG in question is a 'paletted' type (I think it has a palette of 256 colours) - one of which is set to be transparent.
Does Adobe Illustrator not support transparency in paletted PNG files?
(I'm aware that you can generate a 24-bit PNG with the transparency done as an 'alpha channel'), but this is wasteful for many simple types of graphic, creating a much bigger PNG file size.

Automator or Applescript using png files with alpha channel

I have hundred of png files with alpha channel.
I want to suppress alpha channel.
How can i do it using Automator or Applescript ?
Thank you very much.

You can use the free command line image processing tool ImageMagick in your Applescripts or Automator workflows, as well as from a Terminal shell.
You can download ImageMagick from http://www.imagemagick.org, but Cactuslab has simplified installation by putting together an installer package. It’s available at http://cactuslab.com/imagemagick/. Download the package and double-click on it. Follow the instructions to install. It will install ImageMagick into /opt/ImageMagick and add it to your $PATH by creating a file in /etc/paths.d/. Restart your computer for the changes to take effect.
The two ImageMagick commands we’re concerned with are “convert” and “mogrify”. Convert is more efficient for multiple and piped operations on the same image file, and mogrify is more efficient for batch processing. Generally speaking, convert will output a file separate from the input file. Unless a path is specified, mogrify will overwrite the input file with the output file. An important distinction.
You can perform various operations on the alpha channel using arguments after either the convert or mogrify command. Two of the available arguments are:
-alpha off - Disables the image's transparency channel. Does not delete or change the existing data, just turns off the use of that data.
-alpha remove - Composite the image over the background color.
Also of use are the -flatten and -background options:
-flatten - overlay all the image layers into a final image and may be used to underlay an opaque color to remove transparency from an image.
-background - sets the background color.
Start off using the convert command with a single image to see the effect and adjust to your liking. Once you’ve achieved the desired outcome, then use the mogrify command to batch process the chosen images.
Before getting into how to use Automator or Applescript in your workflow, use Terminal and the command line to see the effect on a single image. Copy one image to your ~/Desktop. In Terminal change the directory to ~/Desktop by typing the following command and pressing the Enter key:
cd ~/Desktop
Then choose the option you are looking for, -alpha remove for instance, type the following command and press the Enter key:
convert input-photo.png -alpha remove output-photo.png
You can check the alpha channel (transparency) and background in the Preview app, go View > Show Image Background from the menu bar.
Once you’re ready to batch proces, place all the photos you want to convert with the same command into one folder. Copy the folder to your ~/Desktop. Let’s assume you’ve labeled the folder “InPhotos”. It’s prudent to manipulate copies in case something goes amiss. In that event you can copy the folder with the originals again and start over. Create a new empty folder on your ~/Desktop and call it “OutPhotos”. Let’s also assume your home directory is called “Me”. The following command will process the photos from the InPhotos folder and put them in the OutPhotos folder:
mogrify -alpha remove -path /Users/me/Desktop/OutPhotos/ /Users/me/Desktop/InPhotos/*png
According to Apple Technical Note TN2065:
"when you use just a command name instead of a complete path, the shell uses a list of directories (known as your PATH) to try and find the complete path to the command. For security and portability reasons, do shell script ignores the configuration files that an interactive shell would read"
So, you need to use the full path to to ImageMagick commands, unlike in the shell where you can just use the command name.
To batch process using Automator, use the “Run Shell Script” action (note: retain the single space at the beginning of the last line):
/opt/ImageMagick/bin/mogrify \
-alpha remove \
-path /Users/Me/Desktop/OutPhotos/ \
/Users/Me/Desktop/InPhotos/*png
To batch process using Script Editor (Applescript), use the “do shell script” command:
do shell script "/opt/ImageMagick/bin/mogrify -alpha remove -path /Users/pd/Desktop/OutPhotos/ /Users/pd/Desktop/InPhotos/*png"
Further info on ImageMagick:
http://www.imagemagick.org/script/command-line-options.php#alpha
http://www.imagemagick.org/Usage/masking/#remove
http://www.imagemagick.org/index.php
http://www.imagemagick.org/script/command-line-tools.php
http://www.imagemagick.org/script/command-line-options.php
Examples:
The original PNG image:
-alpha off:
-alpha remove:
-background black -flatten:
-background blue -flatten:
-channel alpha -evaluate Divide 2:
-channel alpha -evaluate Divide 2 -background black -flatten:

How to use/create icons with transparent background ?

I would like to use icons with transparent background on JButtons, but I can't find how to do it. Until now, I've been using the ImageIcon class to create icons from GIF images. These images were created with MSPaint (sorry, I don't know what I could have used instead of that). Here is how I create my buttons :
bPencil = new JButton(new ImageIcon("Pencil.GIF"));What could I do to make the background transparent and/or what software could I use instead of M$Paint ?
P.S. : sorry if my question seems silly, but I'm a newbie in Java coding...

Transparent images are GIF (256 colours) and PNG (true-colour, half transparency).
You can store the image with your code, *.class files. You then even can deliver all inside a clickable, executable .jar file.
This kind of usage is called "resource," and hence use getResource like this:
    java.net.URL imgURL = getClass().getResource("pencil.gif");
    ImageIcon icon = null;
    if (imgURL != null) {
        icon = new ImageIcon(imgURL, description);
    }You can use paths.
There exist versions of MSPaint that easily loose their transparent colour on saving.
For GIFs try internet palettes, or try to save as PNG (recent version).
Start with a transparent image from elsewhere.

Using animated gifs with transparent background.

Hi guys,
Keynotes 6.2.
I have been onto apple support with this problem.
I add a transparent animated gif to my project.
It show as a movie correctly in the presentation but when exported as quicktime or HTML the movies fail.
We eventually found out that quicktime does not support animated gifs. ( support.apple.com/kb/ht3775 )
So I exported the animation onto a folder with all the frames separately and brought them into final cut pro.
I then followed these tutorials on how to export with transparent background. ( http://provideocoalition.com/mspencer/video/fcp-x-and-alpha-channels and http://www.larryjordan.biz/fcp-export-transparency ).
I now have a quicktime movie that if I bring back into Final Cut Pro it has a transparent background.
However when I bring into keynotes it still has a black background. (presumably keynotes does not recognise the Apple Prores 444).
Any ideas how I can achieve what I need. ?
I am using a program called crazytalk animator and can output with transparent background. Animated Gif or a series of image stills BMP, JPEG, TGA or PNG.
Cheers
SteveW

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!

How do I get picture control to display PNG images with transparent background?

I have an image of a robot arm looking from the top with a transparent background and saved as PNG. When I drag the image directly to LabVIEW front panel, the image shows properly with the transparent background, but I want to manipulate it such as rotate the image. I used the Read from PNG.vi to read the image to a picture control, but the background isn't transparent anymore. Am I missing something?
Please help.

unclebump gets 5 stars for referring you to a document that I wrote.
Incidentally, I wrote it years back, for LabVIEW 7.0. A couple of notes to summarize:
The picture control doesn't "really" support transparency. However, the image data type supports masking, and stores the alpha channel, if present in your image data. So you use the "Create Mask By Alpha.vi" referenced in that document to mask out pixels whose transparency is above a certain level. It does not support partial transparency. You could try to implement your own blending algorithm based on the picture control's current pixel values, and the image data's RGB value and transparency value, but it would probably be very slow.
Also, that VI ships with 8.0 and later. I don't know if it's on the palettes but it lives here: vi.lib\picture\picture.llb\Create Mask By Alpha.vi
Good luck!

How do I save stock footage as flash file with transparent background?

Hi
I have some stock footage of smoke on a black background (.mov format) that I would like to convert to a flash file with a transparent background, which I will be overlaying over a PNG image on a webpage.
I have managed to remove the black background in After Effects using a plugin called UnMult, but when I try to render as a FLV file in AE, even though I check the option to preserve the alpha channel and encode using the On2 VP6 codec, I still get a black background.
So I am wondering what else to try, whether it be with AE or Flash CS4. Is there a way of achieving this effect by directly importing the MOV file into Flash CS4 and removing the black background there, or do I have to use AE, and if so, how to achieve the effect I am looking for?
I would be grateful for any help in getting this together
Thanks
Nick

You can put the video file in a movie clip and change it's
blending in the properties panel to multiply or screen.
Emil Georgiev - Flash and Web Design

Saving PNG file with transparency

Hello!
In my application I generate "BufferedImage"s with transparent pixels. When I try to write them using ImageIO.write() in PNG format, the transparency information is lost.
Can anybody send me working code for this problem?
Thanks,
Norbi

What are you using to view the PNG? Are you sure it is a viewer that supports PNG transparency? Internet Explorer and the previewer built into Windows do not fully support PNG transparency so maybe that's the problem. See http://entropymine.com/jason/testbed/pngtrans/ for more info. I know for a fact the following code will generate a transparent PNG. Photoshop will read the transparency correctly but IE won't.
    public static final void main(String[] args) {
        // Create a new image with an alpha channel
        BufferedImage image = new BufferedImage(100,100,BufferedImage.TYPE_INT_ARGB);
        // Get a Graphics2D object that interfaces to the Image
        Graphics2D g2 = image.createGraphics();
        // Draw a red circle on the image
        g2.setColor(Color.RED);
        g2.fillOval(0,0,100,100);
        try {
            // Write the image to a PNG file,
            // the red circle will have a transparent background
            ImageIO.write(image, "png", new File(args[0]));
        } catch (IOException e) {
            e.printStackTrace();
    }Anyone know how to do the equivalent with Jimi? This:Jimi.putImage("image/png", image, args[0]); only writes the PNG with a black opaque background.

Problem with reduction Of an PNG Image with transparent background

I have an PNG Image on my computer with a transparent background that I would like to reduce 50% and save it back to my computer can you tell me how to achive this?

Are you looking to reduce the size (pixel dimensions) by 50% or reduce the file size by 50%?
If you want to reduce the actual image size (pixel dimensions) you could go to Image>Image Size
and check resample image with constrain proportions and then enter 50 in the pixel dimensions at the top after setting
the drop-down to percent.
Or use file Save for Web and enter 50 under the percent under image size.
As far as saving you could use File>Save As in photoshop and choose png or File>Save for Web>png
(save for web usually results in smaller file sizes)

GIF file with transparent background (white spots)

Hii. I've been having a problem. I was trying to make a signature earlier with gif on photoshop cs5. I tried making it with a transparent background and when I put it up on the forum, it gave me white spots. It's not noticeable with a white background as the spots are white, but with another color background, it would show. Can someone tell me why?
-- this is the image i made with a transparent background. and because it didn't work out, I decided to not use a transparent background and used a color of the background of the forum which was off gray. I know i have erased all of the white spots in the transparent file becuase it seems perfectly fine in the one with a gray background.
Can someone fill me in on as to what i am doing wrong?

Gif only supports 1 bit transparency: either on or off. The edges of your artwork are anti-aliased, and these cannot be converted neatly without setting the matte colour in the save for web dialog.
With Gif you have two option: either live with the coloured fringe surrounding your artwork (and it will only display correct when the background color matches the matte colour, or remove every single anti-aliased pixel, effectively creating a perfect sharp pixel edge.
Neither options are great: with the first option you always run the risk of ugly artifacts around the edges when the background color does not match, and with a perfect pixel edge it may look somewhat jaggy.
Solution: avoid Gif, and instead save as a fully transparent PNG. File size-wise not the greatest option, because Photoshop cannot optimize a PNG file properly. To do that, load up Color Quantizer, and open the PNG file. Then set the number of colours to about 256~512 (should be more than enough in your case), and save.
Done!
Get Color Quantizer here: http://x128.ho.ua/color-quantizer.html
If certain areas in your artwork look less than ideal, make use of quality mask/brush in CQ.

Trying to import files with transparent backgrounds into Premier Elements 10

I am struggling to import files from Photoshop CS3 into Premier Elements 10 and preserve their transparent background. I have tried .png (8 and 24 bit), .gif and .psd files. I have tried rasterizing the type layer before "Saving for web and devices" but can't get anything to work. The imported files end up as either text on a white background (.gif) or the file imports as a black background with no type visible (.png and .psd). I have read a few forums but can't find any suggestions beyond what I have already tried. I also get the same problem if I "Save for web and devices" out of Illustrator.
Any suggestions much appreciated.
Mick

kaare
You have brought up one very interesting maintaining transparency question which I feel goes more to the trigger on the
Premiere Elements Videomerge pop up than to the Photoshop CS2 Save As with or without a check mark for Maximum Compatibility
And, I find that Photoshop CS5.1 as well as CS2 involvement in this matter is the same.
I created three 720 x 480 pixels documents, each with a blue colored circle on a transparent background in
Photoshop CS2 and saved each
psd with check mark next to Maximize Compatibility
psd with no check mark next to Maximize Compatibility
png
Each of them was imported into a NTSC DV Standard Premiere Elements 11 Windows 7 64 bit project.
Each triggered the Premiere Elements 11 Videomerge pop up.
If I checked No for the program request to apply Videomerge, then all 3 results were the same, that is,
the area around the circle was transparent and the circle was not...just the way it was created in Photoshop CS2.
So, why was the Videomerge message telling me "Clip being dropped contains solid background color" when
it had transparency represented by black and did not have a solid background color?
Even more interesting was what happened if I selected Yes to the program's request to
apply Videomerge to create transparency for what it claimed to be seeing as "solid background color".
The result was the same for all three cases, that is, the inside content of the circle became transparent
and the "black background" became a "solid color".
Videomerge is not one of my preferred Premiere Elements options.
To avoid the Videomerge pop up, I would suggest placing a check mark next to the "Do not show again.",
followed by No in the Videomerge pop up. When you do, you should not be confused by the activities of the
Videomerge pop up activities and you should have no problems with the maintenance of the Photoshop
created transparency in the Premiere Elements project.
ATR

Png Files with transparency

I'm wanting to use iPhoto to organize my 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. Does iPhoto 6 fix this problem?
Thanks.
Rayne

After doing a little more investigating, I realized that iPhoto is generating the thumbnails in jpg, therefore creating a non-transparent thumbnail. When the image is viewed full size, it appears fine. So it's just the thumbnail that is causing the problem.
Is there a way to get it to generate thumbnails so that the transparent portions get filled with white instead of black? I use a white background in iPhoto so this would make them appear transparent. Or at least I'd be able to see the transparent portions better regardless of which background I use.
Thanks.

Using PNG files with transparent background - Please Help

Similar Messages

Maybe you are looking for