Problem importing PSD or PNG with transparent background

I am using eLearning Suite 2. (CP5 Photoshop CS5)
I am trying to import a PSD or PNG. I am using it as part of a master slide. It is a simple shape, with a transparent background containing a gradient overlay, inner shadow, bevel and emboss. When imported, it appears correctly in the design area of Captivate. However, when viewed in the browser, it acts as if it is an animation and I get what looks like a red color bar spectrum. I have tried to flatten the layers and I still have the problem. When I save it as a .JPG, it works fine. However, as a PSD or PNG, it is a problem. Seems like captivate may be having trouble rendering the gradient or transparent background. Anyone else run into this issue?
Files below:
CPTX File: http://coventry.mzinga.com/content/ss/temp/WCMS.cptx
PSD File: http://coventry.mzinga.com/content/ss/temp/bottom_wave.psd
Thanks,
Eric

So, I thought it might have something to do with the "effects" settings in Photoshop. HOWEVER, I took a regular photo, cut out a part, and put it on a tranparent background. This file as both a png and PSD have a halo that fades in and fades out. I checked timing and I have it set to no transition for the item and show for rest of slide. I did not have this issue prior to upgrading from 4. Hmmmm.
Eric

Similar Messages

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

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

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 7

Please 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

Importing PSD or PNGS? (Transparent)

Since Flash CS3 imports PSDs, should I continue importing
PNGS and JPEGS?
I am importing Transparent PSDs and find the published file
swf size is a little smatter than when I import transparent PNGs.
What is the rule of thumb with Flash CS3 and importing?
Thanks for your help.

there is no rule of thumb - the PSD import wizard is an added
and welcomed feature if you are
working with layered PSD files and Flash - but if you have a
single PNG then that's fine to import
on its own also.
As for file size - there may be a difference between a PNG
and the same PNG in a PSD file - I have
never tested it.
Chris Georgenes
Adobe Community Expert
www.mudbubble.com
www.keyframer.com
www.howtocheatinflash.com
FlashRenaissance wrote:
> Since Flash CS3 imports PSDs, should I continue
importing PNGS and JPEGS?
> I am importing Transparent PSDs and find the published
file swf size is a
> little smatter than when I import transparent PNGs.
> What is the rule of thumb with Flash CS3 and importing?
>
> Thanks for your help.
>

Png with transparent background not rendering on the mac

I created a png with a transparent background for a header. It renders fine on the ipad and iphone but not on the mac. Is there a reason why? The header is on http://surfingthebluemarble.com/news.html
Thanks in advance for your help!
Regards,
umbre gachoong

If the header in question is the News on the Blue Marble header it seems to be rendering fine on the page and fine if I download the image to my system.
The background is transparent.

How to import pre keyed footage with transparent background?

Hello
I am working on a small action scene and i am trying to import pre keyed muzzle flask without the black background.
i tryied everything : saving the link to the desktop as " save file as" , making the the optimize video box is unchecked, show advance tools under preferences, i tried different free site like footagecrate, detonation film and so forth. I even made sure all softwares were up to date. Finally i watch all the import video tutorials on youtube and the apple site... i am following all the steps but all footage have the dark background.
I'm really stuck if anybody can help

I did use it for some projects, but most material from Detonation Films isn't pre-keyed.
the few clips I used are simply 'on black' which allows in advanced editors like FC/e to apply a simple luma-key.
for usage in iM, the 'boom!' has to be on blue or green to apply a color-key, like this example:
or, the material contains an alpha-key, then the .mov has to be encoded in some format which does support alpha-keys, as 'Animation'.

HT4641 Importing graphics with with transparent backgrounds such as .psd or .eps

I want to use this for an art project for my sons class. Can I import .psd files with transparent backgrounds as per Word, to retain the clear cut shape/opacity of background. Or can I import .eps illustrator files with transparent backgrounds? Thanks.

If you need transparency - as I stated - you need to convert the image to GIF. PSD is a layered graphic workspace file specifically for PhotoShop; EPS can be read by more applications, but is still basically a graphic print format. It might serve your customer needs, but wouldn't be the format I would recommend for general distribution. Typically you wouldn't embed EPS in another file, it would be the container for the print ready document (and the concern for transparency would be somewhat moot).
However, I'm not familiar with the intimate details of your project or customer needs, so take that for what its worth.

Fancy zoom pics with transparent background

hello,
i have successfully setup fancy zoom in my iweb site (based on the various tutorials found on the web), but there is one problem i'm having. the pics i'm using are .png with transparent background and the background renders properly in safari. however in firefox the background always shows as white. i have double checked my pics and i believe they are fine and again in safari the background renders transparent, but i can't figure out what's causing the background to show white in firefox? i'm guessing it's something in the css maybe but i'm not sure. any ideas at all? i have noticed some people posting in the forum regarding fancy zoom so hopefully someone know... note: the zooming part is working fine in either browser...
thanks,
rick

I love you!!!
Well, you know what I mean.
It worked, thank you, thank you, thank you.
I figured it was a simple solution, and it was. Thanks Varkgirl.

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 with Transparent Background

I do realize this has been asked again and again. Just making a reality check. I created a lower third. Time and time again the import into Final Cut Pro was on a solid black background instead of a transparency.
I followed every post and followed the directions - with no success.
Finally I exported my Motion lower third as a Template. The effect appears as a Generator in Final Cut. When I use the created Generator in my timeline the lower third has a proper transparency and works properly.
Is that really the only way to import a Motion graphic with transparent background?? Yes, I did try creating a Movie in ProRes 4444, my project does have a transparent background selected, etc. I feel as if I am missing something.

Much appreciated :-)
I purchased the lower third from Videohive. It has the basic graphic but lacks titles. While I was watching Motion tuturials, I thought I would customize the lower third with a fancy text animation.
I tried a few experiments based on what you said. I see now.
So it appears that even though my proxy media lacks the alpha channel and does not display with a transparency, the moment I switch FCP to view Optimized/Original media, the transparency works correctly.
So I assume I can still use proxy media (if needed) and ignore the lack of transparency until my final render. As long as I am exporting from Motion using ProRes 4444 it should work correctly.
Does that reasoning make sense?
Looking at many posts across the internet, I think this is the very issue that has tripped up many people.
Thank you for your helpful comment. I was going nuts trying to figure it out.

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

How do I transfer a .psd file to illustrator that can then be placed in Muse as a .svg with transparent background?

I just wrote all this up in another thread. I did not realize at the time that the last post was in 2014, so I'm giving it a go here.
I am currently trying to create an .svg using Photoshop .psd file (with layers in tact). I'm new to these products so it may be obvious to others that the above intention was to eventually place the .svg in some sort of website creation software such as Muse. Which is precisely what I am attempting. However, I am getting a white background once I place or copy and paste into Muse. My starting .psd has a transparent background without any hidden layers causing this problem. To test this I placed the .psd file into Muse and it still has a transparent background. However when opening or placing this file into illustrator, it picks up a white background. If I do exactly as described above, I still get the same result. So far I have tried:
1) Simple copy and paste from Photoshop .svg to illustrator to Muse. Result - white background.
2) Placing the .psd in illustrator, then placing the .svg file in muse. Result - white background.
4) I have also tried the every combination of 1 and 2. - Result - white background.
3) I have now created a path in Photoshop from the text layer to yet again attempt the above methods. Result - white background.
I'm including an image of the object I am trying to place with transparent background, but I have both a flattened rasterized version, a version complete with layers and a third (.svg) with the corresponding objects. I am completely new to Illustrator as of today so any help would be greatly appreciated. Thanks.
Link to .psd file "Welcome text"

I was having some difficulties getting the correct dimensions of one of my objects, I eventually solved this problem without using svg. It was pretty simple when I stopped trying to over complicate things. I just linked the object to a near by object in photoshop, merged and placed it all as one. It looks great now. Thanks for your reply. You are correct, SVG was not the answer.

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!!

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.

Problem importing PSD or PNG with transparent background

Similar Messages

Maybe you are looking for