Help with transparent gif "ghosting"?

Hello,
I'm trying to export an animated gif with a transparent background to use on my website, but I'm getting a very strange issue where, as the gif cycles through frames, the previous frames "ghost," or remain despite the new frame playing.
An example:
In the first one, the old layers "ghost," in the second, there should be fire moving on top of the letters, but it only moves inside the letters. The PSD for the first image is here: http://puu.sh/7Wh7w.psd I'm saving this images by choosing file > save for web and devices, but no matter what I do in the preview window at that stage, the ghosting still appears. How can I fix this?

Ruth,
Welcome to the forum.
What format/CODEC do you need to Export to?
Many will support Transparency, but not all. For those that do, you usually have two available choices, such as Million + Colors, where the + is Alpha. In some, like FLV, there is an Export Transparency option.
Let us know your delivery scheme, and someone will point to the exact Export settings for Transparency.
Good luck,
Hunt

Similar Messages

Help with animated gif background once opened in Photoshop c33 extended

I often work with animated Gif's and a
adding doggies etc to the top layer.
I am having a problem with animated Gif with (existing transparent) background when saving from the web and opening in Photoshop cs3 extended it is changing the background to White automatically ? ( which is not what I want) I would like to know how to keep in the same format with the tranparent or even change to black as that is the background on my website.....do not know why it is converting it to white in photoshop or how to change....Thank you advance!

Thank you so much....after many hours playing with ....went right too and worked perfect!! Thank you !!

What is it with transparent GIFs and Black????

I'm trying to use transparent gifs in a little game! ;o) as an introduction to graphical java!
Problem is when I load the images using the toolkit and then setting them as say the Icon for a panel, they are surrounded by Black?! In addition when I try to display them using an BufferedImage they are also surrounded by black?!!!
Ive been tearing my hair out trying to understand why - and have sucessfully failed :D
Can anyone help?!
Pleeeeeeeeeeeeease!
Thanks

Can't seem to get that working?!
If I want to put that image as the icon for the whole window how would I do that?
ImageIcon tempIcon = new ImageIcon(Toolkit.getDefaultToolkit().getImage("images/icon.gif"));
f.setIconImage(tempIcon.getImage());where f is a JPanel.
The above code does not work?! I just get the black surround to the gif as before!>?

[need help with animated gif - shows up fuzzy on IE]

Hi,
I created an animated gif in photoshop cs3 with combination of text and images in Mac. For some reason, the text on the banner looks fuzzy on Internet Explorer. Do any of you know what is wrong with the banner? Can anyone help me on this?
Thanks

How does it look in Firefox on Windows? By only testing one browser on Windows, you cannot determine if it is a matter of the browser or the overall settings for the computer.
Do you have a page to share so that we can see the fuzziness or can you post the GIF file here?

Help with Transparency Flattener!

I'm working with an Indesign file that has Illustrator links, which contain gradient meshes that use transparency. When I export my Indesign file, the transparency flattener does something very strange to the gradient mesh: it displays the vector lines of the mesh as dark grey lines.
I've found a way around this problem, but it is not ideal. If I export the file as Acrobat 4, I can change the transparancy flattener settings, and eliminate the issue. However, if I use Acrobat 4, I also lose the ability to add hyperlinks in the document (of which I have a number) Why is that that if you use a higher version of acrobat (5 or above) you suddenly lose the ability to manage the transparancy flattener? Why would older versions of the product allow more freedom and control?
Any help would be greatly appreciated. Below are screeshots of what it looks like in illustrator, and then flattened but the default flatteners of acrobat 5 and above. Really, I just want to be able to achieve a customized flattener that doesn't contain those dark lines, but not have to use actobat 4 to do it.
Thanks!
jason

Hi Steve—
Your questions have half solved my problem for me!
I'm using the latest version of Indesign (7.5) and Illustrator (15.1.0)
I'm exporting using the High Quality Print setting (I know, a bit strange to use this setting AND want hyperlinks, but the PDF is intended for web distribution to people who might decide to print it) and when I choose anything above acrobat 4 in the compatibility drop down (5, 6, 7...) then the transparency flattener is greyed out in the advanced tab, with medium set as the default. If i want to choose my own flattener settings, I have to go with PDF 4, at which point I lose hyperlinks. I've also tried exporting choosing Adobe PDF (Interactive) from the initial menu, but that results in the same lines in the gradient mesh.
However, it turns out this issue is only happening when viewing the pdf in apple's preview app. It actually looks fine in acrobat. However, seeing as how Preview is the default app for viewing PDFs on a mac, I'm concerned that a bulk of our audience will be seeing it this way.
I know this likely puts things out of the realm of adobe, but if you have any wisdom to impart, I'd appreciate it. Attached is what the file looks like viewed acrobat (above) and preview (below).
thanks!
jason

Help with gradient and 'ghost effect'

Hello. I created this image many years ago and I have forgotten how I did it.
I now want to create the same effect with this image ..
The brown is #a03506 - I have tried in vain to replicate what I did. Radial gradient? I just can't remember.
Can anyone help me please?
Regards - Paul

It's a little hard to tell what the original image looks like, but I'll give you some ideas of what you can do.
I'm assuming you want something like this:
If so, you need to turn the image into a layer.
Double click the thumbnail of the image in the Layers panel.
This opens the New Layer dialog box.
You don't have to do anything here. Just click OK. The image is now its own layer.
Click at the bottom of the Layers panel on the Add Layer Mask icon.
This adds a rectangle next to the image in the Layers panel. This rectangle is the layer mask. Anything you put in this rectangle will hide parts of the image.
Make sure the four "corners" of the layer mask are chosen, NOT the four corners of the image. This means that what you are about to do will affect only the image. (Don't worry about screwing up your image. Your working on the mask, not the image.)
Now go and choose the Gradient tool from the Tools panel.
Now, take the Gradient tool and position it over the image. For the ghost image I showed at the top of this post, I put the tool in the center and then dragged down to the bottom of the image. Look carefully and you can see the little line to the right of the door.
Release the mouse. The image should be ghosted.
Now, look at the Layers panel. See how the rectangle for the layer mask goes from white to black? That's because you drew a gradient on the mask. And anywhere there was black, you can't see the image and anywhere there is white you can. And there is change in opacity as the rectangle goes from white to black.
I like to teach people that the layer mask is like a dirty window. Where the window is clean, you can see through it to see the image. Where the window is black, you can't see the image. And anything in between lets you see a percentage of the image.
If you want a different effect, you can change the gradient shape. With the gradient tool still chosen, go to the top of the window and choose another gradient. For instance, radial. Then drag on the image making sure the layer mask is still chosen in the Layers panel.
This will change the appearance of the layer mask and the effect on the image.
You can use gradients or brushes or anything on the layer mask. Just make sure it is chosen and not the image or you'll be screwing up the image, not the mask.
Let us know if this is what you need.

Help with transparent background for the pop up menu!

Hello everyone,
I am working on a Web site which has a pop up menu created in Dreamweaver 8. The pop up is over a picture and I'm thinking about to make its background transparent. I'm not really a programmer to be able to do it manually but I'm familiar with JS. Would anybody be able to help me with this? I truly appreciate it.
I could find the code but don't know where to place it! The JS file is about 700 lines!!! I'm so confused...Below is the source file for the JS that you could download...
http://www.arxcustomhomes.com/mm_menu.js
Thanks so much.
Mojan

Sure.
http://www.arxcustomhomes.com
Thanks a lot.
Mojan

Help with transparency

At
http://www.aartifacts.com/Unleashed/index1.htm,
the stars in menu, the client wants them replacing the bullet
points. I don't know how to do that without a sold canvas color.
Can someone tell me how to achieve the star without having any
canvas color?
Thanks,
Dave

Create your star graphic with the purple canvas color, then
export it as a GIF. While in the export screen make the purple
color transparent by selecting it with the eye dropper tool. Finish
the export and you should be all set!

Help with transparency in logo

Hi all,
My company logo is an ai file (I'm using Illustrator CS4). The original logo is made up of shapes that form block letters, with white paths on top of these shapes blocking out the excess color in order to form the letters. I need to make these white paths transparent so I don't have to put a white box around the whole logo in the ai or eps version (I know when exporting to PS I can make those white paths transparent and save as a gif or tif, but I'm trying to figure out how to do this in vector). When I group all the white areas and set to no color it removes the white background, but then the red shapes that it's covering up below come through. What am I missing? Thanks so much

Without actually seeing the artwork construction, best guess is all I've got....
Select everything, Object > Expand (Or Expand Appearance, then Expand)
Pathfinder Panel > Merge
Select the white objects, delete.

Problems/help with animated GIF exports

I am an experienced Photoshop user. I recently upgraded to CS5 (Windows) and have been attempting to produce animated gif files.
After reading a few tutorials on the topic, I have been able to:
Create a PSD with a few jpg images as layers;
Move the layers to the animation window;
Set the cycle times and optimize the animation window; and,
Use the Save for Web Devices dialog to create the GIF file.
Everything appears to be normal throughout this process. However, the exported GIF file appears as a dark gray frame when I open it in IE, or upload it to my image hosting site.
Anybody else experiencing this type of problem?
Thanks

No, my Photoshop CS5 saves animated GIFs just fine, and I did just what you said. For example (you have to click on an image here to see it animate):
Can you post your image here? Maybe it could be a problem with your browser not animating the image properly? What version of IE do you use?
-Noel

Help with animated gif messages

I can't seem to get animated GIFS with music as a SMS or a MMS to play. They are sent from people with phones like the Razor, LG, Envy etc. on the same network as mine ( Verizon ). When I get the message it will show the GIF for about 1 second then it dissapears, then the music plays. It will also give me the option to open the attachments or slides but the GIFS don't open . I can get Video messages from anyone and the videos plays fine. In the past when I opened one of these messages it would kill the audio on my phone and I would have to do a hard reboot for my phone to work even though I could still receive SMS and MMS messages, just the audio on the phone died. I was told the new OS 4.5 would correct this. The only thing it fixed was now if I get a animated GIF message it still does not play but my phone does work and I don't have to reboot. Is there a setting I need to change or is this not supported? I have 2 Curves 8330 OS 4.5.0.77 BIS on Verizon with the unlimted BB plan.
Thanks,
Leo
Solved!
Go to Solution.

GIF file format is not supported by Blackberry. Check the details of the supported file formats by BlackBerry.
tanzim
If your query is resolved then please click on “Accept as Solution”
Click on the LIKE on the bottom right if the post deserves credit

Help with animated gif please!

Can you embed an animated gif into emails as a signature? i
have tried it in entourage and outlook, but the gif seems to stick
on the first frame. The animation works fine if viewed in a browser
etc. I have also made the email html format.
any ideas?

Open your browser and browse to and select the animated GIF
image. Do you
see the animation? If not, then you have not properly
exported your GIF as
an animated one. What graphics program are you using?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"PZE" <[email protected]> wrote in message
news:eiiu8c$pdm$[email protected]..
> You made an animated GIF in Fireworks, yes? yes
> It works? Animates as you wish? yes
> Then you insert it in DW and you see the image, yes?
no.no.no
> Static in DW (DW will NOT display the animation) but
when you preview the
> page
> in a browser it
> doesn't animate as expected? no, unfortunately not, or
else there would
> be no
> problem
>
> perhaps I am saving or exporting incorrectly. for the
animation previews
> clearly in fireworks, but then I dont get anything in
dreamweaver, neither
> static image on work page or animation in preview
> Please, I would appreciate a little clarity here for
this site has to be
> up
> tonight
> thanks for any help and explanations
>

Need help exporting transparent gifs for flash - rough edges

Hello,
I have a flash header i am building for a website. The layers i am exporting for web have a rough white edge (gif.s - save for web). Basically I am trying to transition the flower group to another color saved from a layer in Photoshop.
Would a path help? The image in the library is set to allow smoothing.
Here is a link to a screen shot in a new window.
http://www.kineticcreativeco.com/forums/index.html

gif has no »soft« transparencies if I understand correctly; are psd or png-24 possible to use for you?

Help with MI:4 Ghost Protocol

So I purchased the Ghost Protocol BD + DVD + Digital Copy online from BestBuy.com. There is no digital copy, there is the BD, DVD and a special features BD. Where is my digital copy, am I missing something? I have a long plane ride coming up and that is one of the reasons I bought this. I have no interest in the "special features" BD.
Thanks all.
Solved!
Go to Solution.

On my copy there is no disc for the digital copy. You download it through iTunes with the code provided in the case or through the Ultraviolet service.

Please help with transparancy fade.

Hello, I have a script that I am using but cannot figure out how to make the bottom reflection fade to transparancy. The image on the left is what comes out from the script & the image on the right shows how I want the reflection to fade into transparancy.
Any and all help would be greatly appreciated.
Thanks!
P.S. I'm a Photoshop n00b so please try to be simple in the instructions.
EDIT: I forgot to mention that the image needs to remain at it's original 60px × 224px, the fade to transparency cannot change the image size.

I would forget the script. Since you have little PS experience here is a simple way that might work for you.
Take image and click on marque tool and make a selection from the guy's foot to bottom of picture. You will have a dotted line that marches like ants.
Next click on gradient tool, or toggle it from paint bucket tool. In upper left corner click on 2nd box's down arrow to open gradient picker. Choose second one that says "Forground to transparency".
Choose white as forground color.
Take your cursor and drag it from top of box to bottom. You should fade from white to transparency. Vary opacity for effect you want.
Work on a copy of original, or at least use "save as" after the above steps, and enter new name so original is preserved and can be recalled if you don't like result.

Help with transparent gif "ghosting"?

Similar Messages

Maybe you are looking for