Adding a animated Gif

I have been trying to install a animated gif into my page in fireworks and it keeps on animating the entire page, can some please explain how to do this so the gif runs independently. I have tried putting it in a seperate layer and a slice and it still doesn't work. Thanks..

Linda, That worked but there is one other problem. Now the page is not animated but the whole slice area is. So what you see is my transparent animated gif
flashing along with the white background of the sliced area. Any ideas?
Thanks, John

Similar Messages

Disabled JMenuItem doesn show animated gif

Hi there
I would like to have a popup menu with actions that are enabled after they have finished with some background task taking some time. Basically this works fine for the enabling action on a shown popup. However, adding an animated gif as the icon or disabled icon does not show it in disabled state. In enabled state it works perfect. Please have a try with the sample code. You should see the disabled item for 2 secs and the icon is not showing up. After being enabled, it does. Invoking the menu again shows the animated gif in its last state left, but not moving any more.
I guess, repaints are not done appropriately in disabled state... Any ideas how to solve that would be highly appreciated :-)
Actually I used the icon at http://mentalized.net/activity-indicators/indicators/pascal_germroth/indicator.white.gif
Cheers
Daniel
public class Main
public static void main(String[] args)
    final JFrame frame = new JFrame();
    frame.addMouseListener(new MouseAdapter()
      public void mousePressed(final MouseEvent e)
        final JPopupMenu popup = new JPopupMenu();
        popup.add(new JMenuItem("Open..."));
        popup.add(new JMenuItem("Close"));
        final JMenuItem action = new JMenuItem("Long loading until enabled");
        action.setIcon(new ImageIcon("C:/spinner.gif"));
        action.setDisabledIcon(new ImageIcon("C:/spinner.gif"));
        popup.add(action).setEnabled(false);
        popup.show(e.getComponent(), e.getX(), e.getY());
        SwingUtilities.invokeLater(new Runnable()
          public void run()
            try
              Thread.sleep(2000);
              action.setEnabled(true);
            catch (InterruptedException e1)
    frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    frame.setSize(300, 200);
    frame.setVisible(true);
}Edited by: daniel.frey on Apr 22, 2009 7:50 AM

The problem is that you are causing the EDT to sleep, which means the GUI can't repaint itself. Read the section from the Swing tutorial on Concurrency to understand what is happening.

Why animated gif not working in webpage designed in fireworks?

Hi,
I have 2 questions. Pl. consider me a novice in this field, started just 2 days ago.
1. I have designed a website page in fireworks cs5, I have added an animated gif in the page and when I preview in browser or export the webpage.png the animated gif's background color is only shown and no animation takes place. Where as when I run the gif file only in web browser it shows animation. Why the animation doesn't show in the website. However, when i change the selection to "animated gif websnap128" at the bottom of the screen, then every element of the whole webpage alongwith the animated gif start doing animation, that is everyelement changes (animate) from state 1 to state 2 contineously.
other question is in new thread.
thanks for your help.

The animation needs to be in a seperate slice.

Animated gif background - Won't animate!

I have a website which my partner and I have created. I'm really happy with what we have achieved EXCEPT I am trying to add an animated star gif background which is stationary even when I've published it. I've searched so many places for the solution that I'm now thoroughly confused as to if this is possible.
The website is http://www.billieanthony.co.uk and I have added the animated gif to the welcome page only (black/blue stars) to see if it works (which to me doesn't). I added the gif via the page inspector layout section. The other pages only have a static background.
Any comment gratefully received even if it's only to say it can't be done.
Many thanks
Kevin

Step one to enable the community to help debug what you're encountering would be to provide the URL for the page where the GIF is being used. My first guess would be there are effects applied to the image (i.e. inner glow, bevel, etc.) that require Muse to re-encode the image and Muse does not support encoding animated .gif. It only supports passing animated .gif files through unchanged. (And to get an image to pass through unchanged it needs to have no effects that require rasterization applied in Muse.)
Given you've stated the GIF file is 7.5Mb I have to question your choice of .gif. At 7.5Mb this single file will take ~8 seconds to download on the average US broadband connection and will be much slower for many broadband users and most cellular users. GIF is a reasonable choice for very small short animations used sparingly, but is seldom (if ever) a good choice for larger or longer animations. Better choices for those are to use a video or a tool like Edge Animate to create a HTML5/CSS3 animation. The end result will be vastly more user friendly in terms of page load performance.
A huge percentage of first time visitors to a webpage will cancel the page load rather than waiting 8+ seconds for the page load to complete.

Adding animated gif to a still image, how do I do this?

I used to know how to do it, but I've forgotten.
Example: The person who told me how to do it had taken an animated gif (butterfly) and placed it on her breast in a still photo of herself. I know that she used Image Ready and as I recall, she created the same number of frames of the still image as the animated butterfly and then she somehow merged the two together. Can someone help, is there a tutorial somewhere? I'm using 7.0 by the way.
Thanks,
Ray
P.S. I also remember that it had something to do with linking the layers so that you just needed to place the first frame in the sequence and link all the other layers to it, but I'm totally lost now!

I don't believe that PS 7.0 supports animation, 'least I don't know how to use this function if it does. That is why I remember using Image Ready to do it. In Image Ready you can use any animated gif file to do what I want, I just can't remember how I did it. I do remember that I had to take my background image and duplicate it to get the same number of frames as the animated gif file, but I don't remember how I merged the two together. It had something to do with placing the first frame of the animated gif where I wanted it on my background and then using the link tool in the layer box to link them together, that way I didn't have to place each individual frame of the animation on to the background and avoid an alignment nightmare. I sure wish I would've taken notes!
Thank you for your suggestions.
Ray

How can I make a transparent animated gif?

I'm using CS2. I have an animated gif that I want to take the black background out of so that the animated part of it is all that remains.
Here is a link to the image:
http://img.photobucket.com/albums/v97/tragicmike/random/Tesseract.gif
I basically want to remove all of the black background from the image so that the animated tesseract is all that remains. I know how to open the gif to expose the layers using ImaegeReady, then edit them in PhotoShop. But when I made the black areas of each layer transparent (by selecting the RGB channel, inverting the selection, and hitting delete), saved a copy, and tried viewing it, it seems to just display all of the transparent layers constantly instead of cycling through them.
Can someone please help me figure out how to make an animated gif with a transparent background? If I lose some of the black areas of the animated part (since they seem to get deleted when I remove all of the black background) it's no big deal. I just need to know how to do this so that it plays correctly.
Thank you!!!
Mike

>
"I have to wonder why the black background was included on every frame of the moving shape."
 
 Well, George...the only reason I can think of is because it's an animated GIF, and GIFs only support one layer.
 
 Whatever application it was created in should have been able to render it out with a transparent BG. But I suppose the creator had his/her reasons for going with the black BG.
 
 (Full disclosure: I ran across
<s>that same</s> a similar animation back in December, and the version I grabbed only had the black showing through the inside of the tesseract. I opened it in ImageReady and

added
 a black BG so the edges didn't look jaggedy.)
 
 
<a href="http://www.pixentral.com/show.php?picture=1FgHXbj4UpXYtUVrbeah7sbqQXDR40" /></a>
<img alt="Picture hosted by Pixentral" src="http://www.pixentral.com/hosted/1FgHXbj4UpXYtUVrbeah7sbqQXDR40_thumb.gif" border="0" />

Animated GIF transparency in Muse

I am using Adobe Muse CC 2014 and am interested in placing either a transparent animated .GIF image or an Adobe Edge Animate CC 2104 transparent .OAM image on top of
an image in the <body> section. Placing the Adobe Edge Animate .oam image results in a NON-TRANSPARENT background, even though the same background when
creating/saving/viewing the .html image in Adobe Edge Animate displays as transparent.
I created an animation with a transparent background in both Adobe Photoshop CC 2104 and Fireworks CS6, saving the file as an animated .gif. In both applications, the
background is again, transparent. Placing either of those animated .gif images on top of a <body> background image (.jpg) results in a white stroke/outline around the
non-transparent part of the animated .gif.
All help would be greatly appreciated for enabling either an Adobe Edge Animate .oam image with a transparent background, or an animated .gif file with a transparent
background to be placed on top of a <body> image in Adobe Muse WITHOUT a stroke/outline of any color. Either the steps to make this happen OR a temporary
workaround would be terrific!
NOTE: The stroke of the image has been set to NONE in Adobe Muse to remove this option as a variable.
Thanks,
Prefix

I appreciate your reply. The problem, in this case, did not lie with Photoshop or Fireworks - both of which were used in the creation of the animated images. In both
applications, adding a darker background (just for testing purposes) shows no white outline. As it turned out, the problem was due to the nature of saving (in this case)
a .gif from either a .png file (native to Fireworks), or from a .psd file (Photoshop, of course). The .gif supports transparency, but only at greater than 50%. Anything at 50% or
less (as would occur with anti-aliasing or feathering, for example) will resolve to white. Since there was feathering (and anti-aliasing) for both the transparent characters
as well as the outer edge of the sphere, saving the file as an animated .gif caused the white outline to appear.
The GOOD news is that there is a solution to the problem. I created a file with the animated images 3X larger than the final size. When the image was reduced
in Adobe Muse to the desired size, the white outlines disappeared, leaving me with what I intended as an image from the beginning.
Thanks all who replied and ultimately helped to determine first the cause of the white outlines, and then a way to "fix" the problem.
All of your help is greatly appreciated.
Prefix

Animated Gif Image does not render correctly on screen

I have added animated gif image to the scene it does not render correctely.it shakes on the screen. plz give me any suggestion
i use following code
Image logo= new Image(getClass().getResourceAsStream("images/image.gif"));
logoLabel.setGraphic(new ImageView(logo));

Hello user,
I think gif are rendered smoothly.
Are you sure you are not making many object of same images everytime?
Thanks.
Narayan

Animated GIF is running to fast

I have an animated GIF in my Java app, and it seems to be running really fast for some reason. When the GIF is just placed in an HTML page to view it runs at the normal speed.
Any help?
Thanks.

I know the topic is a little bit old, but I am seeing this issue as well. Since no answer was ever posted, I thought I would bring it up again. I have several animated gifs that play normally in a web browser, but when I try to display them in Java, they play extremly fast. I am just adding an ImageIcon, the animated gif, to a JLabel and setting the ImageIcons ImageObserver to the label. This technique worked in 1.3 but appears to be broken in the 1.4 releases. I have 1.4.1_02 installed right now.

Animated gif only plays one time??

An animated gif created in Photoshop and exported with 'loop forever' output only loops once on my home page. I have not resized, cropped it or added any effects but as it plays once Muse can't have rasterized it.
I am using adobe muse cc 7.1 build 329, OSX 10.9
the lilly in the top left gif image should animate continuously. - jimmymcgilchrist.comhttp://www.jimmymcgilchrist.com/index.html
any assistance appreciated.
Jimmy

Hi DrStrik9,
Thanks, I just tried it directly in the browser and it works fine. When previewing in the finder window on my desktop it works fine as well.
I have had animated gifs working fine previously on the same muse site as a browser fill and as buttons.
Nothing has changed about the way I make the animation but these are some variables that have changed:
- update Operating System from OSX 10.8 to 10.9
- udate to current muse version
- switch from Godaddy - wordpress hosting to Adobe Business Catalyst
- upload via 'publish' within muse rather than via 'upload to FTP host' within muse.
Thanks,
Jimmy

How do you create an animated GIF in Premiere Pro?

I tried using Premier Pro to edit an animated GIF, but apparently that feature is no longer available? Is there another program that will work? Help Please....
Matt Perry
Edited by: Kevin Monahan
Reason: more searchable title

So, Kevin ... question to Adobe ... considering the ability to export a .gif is pretty important (.gif is one of the most popular formats on the planet), is Adobe willing to allow us Mac users to activate Premiere Pro on a 3rd (Windows) computer? I have an iMac (primary work computer), a MacBook Pro (my mobile backup) with Premiere installed. Now, because Premiere Pro on Mac does not support .gif, I have to have a 3rd computer (Windows). An unfortunate reality.
What can Adobe do for us users?
Thank you.
P.S.: Of course, it would be nice if Adobe just added the ability to export to .gif in Premiere Pro for OS X.

Animated GIF problems

I've recently implemented an extension of IconView to animate gifs correctly in editor panes. I am just haveing two problems with it that I can't figure out.
Firstly, when an animated gif is added it animates fine. The next time the same gif is added, it doesn't animate, just shows the last image of the animation. I assume that something is trying to be clever by caching the image somewhere, is there any way around this?
Secondly some of the gifs do not animate very well. I believe that they may be using transparency to leave the contents of previous frames behind, but I guess that java does not support this. Any thoughts on how I could solve this?
Here is the simple code for my view:
class AnimatedIconView extends IconView implements ImageObserver
     private Container container = null;
     private Rectangle bounds = null;
     public AnimatedIconView(Element e)
          super(e);
          Icon icon = StyleConstants.getIcon(getAttributes());
          if (icon instanceof ImageIcon)
               ((ImageIcon)icon).setImageObserver(this);
     public void setParent(View parent)
          super.setParent(parent);
          container=getContainer();
     public void paint(Graphics g, Shape s)
          super.paint(g,s);
          bounds=s.getBounds();
     public boolean imageUpdate(Image img,int infoflags,int x,int y,int width,int height)
          if (((infoflags & ImageObserver.FRAMEBITS)>0)&&(container!=null)&&(bounds!=null))
               container.repaint((int)bounds.getX(),(int)bounds.getY(),(int)bounds.getWidth(),(int)bounds.getHeight());
          return true;
}Dave

I just can point you the bug which is probably related to your problem:
http://developer.java.sun.com/developer/bugParade/bugs/4725530.html

Animated Gif - Aligning Multiple layers

Hi All
I am creating a rotating animated gif in PS. Now I have about 37 layers, where I increment the angle of each layer with 10 degress relative to the previous one. But even when aligning all my layers with the aligning tools the layers still not align...How can I align them perfectly? See what I mean on the image below here:
NOTE: If the gif here does not animate, see this link:
You can see it is off-center

DexterDave wrote:
@JJMack. I am not sure how to rotate the layer without the older frame copying the new rotated position...that is why I used copies of layers
You do copy the layer and rotate. The layer needs to be perfectly aligned to the center of a is square 1:1 aspect ratio canvas. Guide lines were added 50% Horizontal and Vertically three were added a 49%, 50% and 51%. Then using the elliptical tool set to path mode a circle path was drawn by holding down the Alt key so the path would be from the center and holding the shift key down so the ellipse would be constrain to a circle. You click at the 50% 50% crossed guide line which the mouse pointer snaps to and you drag out the first otter circle. You then set the path mode to subtract and drag out the inner circle. Your path is now a ring. Then switch you the rectangle tool and subtract a rectangle path using the 49% and 51% guide lines. Your Path is now two arcs. Create two filled Shape layers the colors in the ring delete 1/2 of the layer so you have two colored arcs. Rastersize the two and merge the two layers int one. You now have you arcs aligned from the center. Next the action its simple dupe the layer rotate the layer 10 degrees select previous layer turn off visibility select layer forward. Play this action till you the required 36 ring layers. Create a frame animation have Photoshop make frames from the layers using the frame animation palette's fly-out option. Delete the first IK frames and turn on the IK layer visibility in what in now the first frame. It will turn on in all frames. You the save for web the animated gif. PSD file http://mouseprints.net/old/dpr/ik.psd also tried using a smart object ring layer to loose less quality rotating the layer however there seem to be movement in the rotation. Photoshop may be having a problem dealing wit the transparency in the layer and the break in the circle. http://mouseprints.net/old/dpr/ikso.psd so then I put all the ring layers into a group and masked the group with a vector mask. http://mouseprints.net/old/dpr/iksomask.psd the best tool you have when using Photoshop is the gray matter between your ears let it do its thing it may even surprise you sometimes.

Animated gif resizing problem

Im trying to achieve the following: showing an animated gif that resizes to fill the area of a canvas. I tried the easy way: adding a label and setting the icon for that label, but when trying to resize the image it doesnt show (see code below). Is there any particular way of resizing an animated gif? can the labe-icon approach be used with animated gif that must be resized?
Thanks a lot in advance.
import java.awt.Color;
import java.awt.Dimension;
import java.awt.Image;
import javax.swing.ImageIcon;
public class TestFrame extends javax.swing.JFrame {
/** Creates new form TestFrame */
public TestFrame() {
initComponents();
Image image = this.getToolkit().getImage("C:\\multivideo\\img\\39.gif");
Dimension dim = jLabel1.getPreferredSize();
image = image.getScaledInstance(dim.width, dim.height, Image.SCALE_SMOOTH);
ImageIcon i = new ImageIcon(image);
jLabel1.setIcon(i);
jLabel1.setBackground(Color.BLUE);
pack();
/** This method is called from within the constructor to
* initialize the form.
private void initComponents()
jLabel1 = new javax.swing.JLabel();
setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE);
jLabel1.setHorizontalAlignment(javax.swing.SwingConstants.CENTER);
jLabel1.setIcon(new javax.swing.ImageIcon("C:\\multivideo\\img\\40.gif"));
jLabel1.setMaximumSize(new java.awt.Dimension(1436, 86));
jLabel1.setMinimumSize(new java.awt.Dimension(1436, 86));
jLabel1.setPreferredSize(new java.awt.Dimension(1436, 86));
getContentPane().add(jLabel1, java.awt.BorderLayout.CENTER);
pack();
* @param args the command line arguments
public static void main(String args[]) {
java.awt.EventQueue.invokeLater(new Runnable() {
public void run() {
new TestFrame().setVisible(true);
private javax.swing.JLabel jLabel1;
}

I don't think getScaledInstance is smart enough to return a scaled image.
You could try doing your own scaling:
import java.awt.*;
import java.awt.geom.*;
import java.net.*;
import javax.swing.*;
public class Animated extends JComponent {
    private Image image;
    private double scale;
    public Animated(URL url, double scale) {
        image = new ImageIcon(url).getImage();
        this.scale = scale;
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Insets insets = getInsets();
        Graphics2D g2 = (Graphics2D) g.create();
        g2.translate(insets.left, insets.top);
        g2.scale(scale, scale);
        g2.drawImage(image, 0, 0, this);
        g2.dispose();
    public Dimension getPreferredSize() {
        Insets insets = getInsets();
        int w = insets.left + insets.right + (int)(scale*image.getWidth(null));
        int h = insets.top + insets.bottom + (int)(scale*image.getHeight(null));
        return new Dimension(w,h);
    public static void main(String[] args) throws MalformedURLException {
        URL url = new URL("http://members.aol.com/royalef/sunglass.gif");
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new Animated(url, 2), BorderLayout.NORTH);
        f.getContentPane().add(new Animated(url, 1), BorderLayout.SOUTH);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}Or you could explicitly extract the images from the animated gif and
resize them individually. The sample code here does the extraction:
http://forum.java.sun.com/thread.jspa?forumID=20&threadID=500348

Animated GIF as a rollover?

I need to have an animated GIF be the rollover image for a button. However, when I insert the 'up' image for the button, and naming the aminated GIF as the "over" part, it doesn't play it as an animation since an animated GIF must be added as an animation, not as an image. Is there a way to do this?

Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.

Adding a animated Gif

Similar Messages

Maybe you are looking for