How combine a jpeg image & animated gif image & save it as GIF ?

i have an jpeg image, & also aminated gif image, how do i place the animated gif image over (in the center of the image) a jpeg image & save it as gif file ??

First thing you need to do is stop thinking in terms of file formats once the files are in photoshop they are all the same. The exception being vector vs raster. But in this instance the process is rteally the same so 6 on one hand a half a dozen on the other. Or as some would say Tomatoe, tomahtoe(mispelled on purpose).
The jpeg I would assume is the background image and the gif image is the fore ground object. Open the jpeg, and then place the gif file. As long as the fore ground object has transparency, your job is pretty much done. If not, then it will be up to you to mask what you want to keep vs what you don't and apply that selection to the foregrounds layer as a mask.
Google the net or skim the users manual for the keywords - mask, selections, quickmask, pen tool, paths. Each of these can in one way or another take care of your issue.
It would be worth your time to also go through the numerous videos about photoshop and see how its done.
Either go to adobe tv,
Itunes podcasts
or one of the following web sites:
http://kelbytv.com/
http://creativesuitepodcast.com/

Similar Messages

How to I make my animated vector images better quality when exporting to a SWF file?

I created an interactive PDF and SWF file. My animation only works on the SWF file, but the vector image is low res. On the PDF it doesn't animate (which I know,) but it's high res. However, the SWF file animated, but looks low res. Thoughts?

Changing text to an image should never be considered since there is no content for the SEO spiders and the images will slow your page download time to a crawl.
This page shows web safe fonts and also how you need to use hosted fonts if you want something different...
http://www.iwebformusicians.com/iWeb/Fonts-Colors.html
The above method uses an HTML snippet and, since this is fairly cumbersome, is only suitable for adding features like special headings. It does allow you to add text shadow using CSS rather than all these wasteful PNG images.
To use hosted fonts on a whole site you would need to add CSS styles in the head of the HTML doc for every page of your site. But its not low tech and, if you could do this, you wouldn't be using iWeb!

How to setup jpeg file as background image for all site pages and resolution stay same?

I have uploaded my new site to http://wwwtjhtestdec2012.businesscatalyst.com
I have background image set the same on all site pages but image is incorrectly zoomed way in on some pages (like Home page for example).
The Donate Page shows the correct resolution which I want displayed on all site pages.
How do I set all other site pages to match background image resolution of the Donate Page?
I am not sure what I am doing wrong that is changing this, or if it's possibly a bug?
I want the background image to be full screen on all site pages please advise how to resolve.
I would appreciate the assistance!
Thank you kindly!
Tammy

I have re-uploaded my site to http://wwwtjhtestdec2012.businesscatalyst.com.
If I set the Master page to Tile vertically that is only way I can get full screen background image of vegetables (without distortion).
Then however another issue occurs....
On Home Page of site I set same property to Tile and the background is better (no visible line where tiles meet---above the navigation tool bar--that is what I want for all pages associated to Master.
So logically, I tried setting a 2nd associated site page to same master, to Tile but on Statement of Faith Page, notice the horizontal line where tiles meet, above my navigation bar on that site page?
Why does Muse not handle both site pages associated to the same master identically?
Any of the other options besides Tile or Tile vertically cause the background to not fill entire screen.
Ideas?

How to use an animated .GIF image as the texture in Cp4 ?

Hello all
I wish to create an animated banner and use it as the texture in Captivate 4.
As I know texture supports only image formats( JPEG, PNG, GIF,etc). So, I have created a small animation in Photoshop and saved in GIF format and used it as the texture. But when I preview the movie it is displayed as an image but not the animation.
Is there any solution for this problem?
Kind regards,
Kartik Pullela

1. Instal this package: http://nugetmusthaves.com/Package/WpfAnimatedGif2. Use the code below:
<Window x:Class="WpfAnimatedGif.Demo.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:gif="http://wpfanimatedgif.codeplex.com"Title="MainWindow"Height="350"Width="525"><Grid><Image gif:ImageBehavior.AnimatedSource="Images/animated.gif"/></Grid>I found this on: http://wpfanimatedgif.codeplex.com/, and this is the useful solution because <MediaElement /> doesn't show the .gif image, and that's pretty strange.

Animated GIF image gets distorted while playing.

Hi,
I have some animated gif images which I need to show in a jLabel and a jTextPane. But some of these images are getting distorted while playing in the two components, though these images are playing properly in Internet Explorer. I am using the methods insertIcon() of jTextPane and setIcon() of jLabel to add or set the gif images in the two components. Can you please suggest any suitable idea of how I can get rid of this distortion? Thanks in advance.

In the code below is a self contained JComponent that paints a series of BufferedImages as an animation. You can pause the animation, and you specify the delay. It also has two static methods for loading all the frames from a File or a URL.
Feel free to add functionality to it, like the ability to display text or manipulate the animation. You may wan't the class to extend JLabel instead of JComponent. Just explore around with the painting. If you have any questions, then feel free to post.
The downside to working with an array of BufferedImages, though, is that they consume more memory then a single Toolkit gif image.
import javax.swing.JComponent;
import java.awt.image.BufferedImage;
import java.awt.Graphics;
import javax.imageio.ImageIO;
import javax.imageio.ImageReader;
import javax.imageio.stream.ImageInputStream;
public class JAnimationLabel extends JComponent {
    /**The default animation delay. 100 milliseconds*/
    public static final int DEFAULT_DELAY = 100;
    private BufferedImage[] images;
    private int currentIndex;
    private int delay;
    private boolean paused;
    private boolean exited;
    private final Object lock = new Object();
    //the maximum image width and height in the image array
    private int maxWidth;
    private int maxHeight;
    public JAnimationLabel(BufferedImage[] animation) {
        if(animation == null)
            throw new NullPointerException("null animation!");
        for(BufferedImage frame : animation)
            if(frame == null)
                throw new NullPointerException("null frame in animation!");
        images = animation;
        delay = DEFAULT_DELAY;
        paused = false;
        for(BufferedImage frame : animation) {
            maxWidth = Math.max(maxWidth,frame.getWidth());
            maxHeight = Math.max(maxHeight,frame.getHeight());
        setPreferredSize(new java.awt.Dimension(maxWidth,maxHeight));
    //This method is called when a component is connected to a native
    //resource. It is an indication that we can now start painting.
    public void addNotify() {
        super.addNotify();
        //Make anonymous thread run animation loop. Alternative
        //would be to make the AnimationLabel class extend Runnable,
        //but this would allow innapropriate use.
        exited = false;
        Thread runner = new Thread(new Runnable() {
            public void run() {
                runAnimation();
        runner.setDaemon(true);
        runner.start();
    public void removeNotify() {
        exited = true;
        super.removeNotify();
    /**Returns the animation delay in milliseconds.*/
    public int getDelay() {return delay;}
    /**Sets the animation delay between two
     * consecutive frames in milliseconds.*/
    public void setDelay(int delay) {this.delay = delay;}
    /**Returns whether the animation is currently paused.*/
    public boolean isPaused() {
        return exited?true:paused;}
    /**Makes the animation paused or resumes the painting.*/
    public void setPaused(boolean paused) {
        synchronized(lock) {
            this.paused = paused;
            lock.notify();
    private void runAnimation() {
        while(!exited) {
            repaint();
            if(delay > 0) {
                try{Thread.sleep(delay);}
                catch(InterruptedException e) {
                    System.err.println("Animation Sleep interupted");
            synchronized(lock) {
                while(paused) {
                    try{lock.wait();}
                    catch(InterruptedException e) {}
    public void paintComponent(Graphics g) {
        if(g == null) return;
        java.awt.Rectangle bounds = g.getClipBounds();
        //center image on label
        int x = (getWidth()-maxWidth)/2;
        int y = (getHeight()-maxHeight)/2;
        g.drawImage(images[currentIndex], x, y,this);
        if(bounds.x == 0 && bounds.y == 0 &&
           bounds.width == getWidth() && bounds.height == getHeight()) {
             //increment frame for the next time around if the bounds on
             //the graphics object represents a full repaint
             currentIndex = (currentIndex+1)%images.length;
        }else {
            //if partial repaint then we do not need to
            //increment to the the next frame
}

Problem at displaying animated gif images !!!!!!!!!!!!

hello everyone......i am trying to display an animated gif image..............so till far i have no issues on this....
but i face problem when :
i have created a class called SimpleGame which extends JPanel....
public class SimpleGame extends JPanel
//code
public void paintComponent(Graphics g)
//code to draw image
}now i have written another class with main method
public class MyGame extends SimpleGame
public MyGame()
        JFrame frame=new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(800, 600);
        frame.setUndecorated(true);
        frame.setLocationRelativeTo(null);
        frame.getContentPane().add(this);
        frame.setVisible(true);
        this.repaint();
}so image gets displayed but only one frame of animated image......image that is displayed is static.....since it is a animated gif,,,,,so some how animation is not rendered......only one frame is displayed......
why is it happening ??
if i try to display animated image from a single class i mean my paintComponent method and main method is at same class then i do not face problem.....
but if my paint method is in another class and i am using that method from another class then animation does not get rendered.........
any help !!!!! please...........

class SimpleGame extends JPanel
Image img=new ImageIcon("y.gif");
public void paintComponent(Graphics g)
g.drawImage(img,150,150,this);
}main class//
class MyGame extends SimpleGame
public MyGame()
        JFrame frame=new JFrame();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(800, 600);
        frame.setUndecorated(true);
        frame.setLocationRelativeTo(null);
        frame.getContentPane().add(this);
        frame.setVisible(true);
        this.repaint();
public static void main(String[] args)
new MyGame();
}my image gets displayed.......but only single frame of a animated image....animation is not happening..........

Animated GIF Image on a JPanel.

How can I display an animated GIF image on a JPanel? It should animate after displaying.
Regards

I think this code should display an animated GIF image on a JPanel.
-Mani
import javax.swing.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.*;
public class Animation {
public static void main(String args[]) {
JLabel imageLabel = new JLabel();
JLabel headerLabel = new JLabel();
JFrame frame = new JFrame("JFrame Animation");
JPanel jPanel = new JPanel();
//Add a window listner for close button
frame.addWindowListener(new WindowAdapter() {
public void windowClosing(WindowEvent e) {
System.exit(0);
// add the header label
headerLabel.setFont(new java.awt.Font("Comic Sans MS", Font.BOLD, 16));
headerLabel.setText("Animated Image!");
jPanel.add(headerLabel, java.awt.BorderLayout.NORTH);
//frame.getContentPane().add(headerLabel, java.awt.BorderLayout.NORTH);
// add the image label
ImageIcon ii = new ImageIcon("d:/dog.gif");
imageLabel.setIcon(ii);
jPanel.add(imageLabel, BorderLayout.CENTER);
frame.getContentPane().add(jPanel, java.awt.BorderLayout.CENTER);
frame.pack();
frame.setVisible(true);
}

Loss transparency in an animated GIF image when resizing

Hi Friends,
I have to write a program to resize GIF, JPEG , and PNG images. I wrote and it works but when i resize a GIF file it loses its transparency and give a black color for transparent area.
I used a GifDecoder found at www.fmsware.com/stuff/GifDecoder.java
and a gif encoder found at jmge.net/java/gifenc/Gif89a090b.zip.
i don't know where the problem is .
i have some small problems in here.
How can i preserve the transparency of GIF image?
How can i set a transparent color in Graphic2D object? smtimes it may help me. or error may be in the encoder.
Help me guys.
Thanks and regards,
Manjula

Java comes with gif encoder/decoders.
Gifs are indexed images. This means that, for example, each pixel is an 8 bit value that is used to look up the correct 24 bit value in the index table. Gifs handle transparency by allowing one particular pixel value to be nominated as transparent.
If you just rescale the image then you will likely cause pixels with the magic "transparent" value to change their value and become normal pixels. Alternately pixels that are not transparent may have their values changed such that they are transparent.
Possibly the easyist solution to to force the image into a full RGBA image. Scale this then perform post processing on the image. I.e convert it back into an indexed image, looking at the values of the alpha channel (prior to making it indexed and if they are high enough then modify the corresponding pixel in the indexed image to have the magic transparent value. Then use Metadata passed to your Image writer to indicate which value is transparent.
matfud

How to do a link with an image .gif

Hi,
in proprieties menu of a gif image, I checked the export for
sharing execution box, and add an URL for google.com to see when
i'll click on the image if it work! (That image is appearing only
at the end of the flash animation). And everything stops when it's
time for the image to appear. (after pushing F12). So no clickable
zone... I hope u understand!!!
But otherwize, how can I make an image to open a web page
when we clic on?
Thx in advance,
Dave

I found the answer on the forum and it's on(press){ getURL("
http://www.mysite.com/anotherpage.htm/","_self")
tkx

Where can I find video training to make animated GIF images?

I would like to get more info on how to make animated GIF images with my Photoshop for my WordPress blog here http://www.getfreewordpressthemesnow.com

Hello Bill,
you could have a look at http://helpx.adobe.com/photoshop/using/creating-frame-animations.html >>> ... till save the animation
and at the end: Adobe also recommends >>> http://helpx.adobe.com/photoshop/using/saving-files-graphics-formats.html#save_in_gif_form at
If the German language is no problem for you, you could use http://praxistipps.chip.de/photoshop-animiertes-gif-erstellen_1485
Hans-Günter

How do you get .gif images to move?

I know when you take pictures in photo booth you can export it to your iChat account to make it a little animation. But how do i get the .gif images i dragged & dropped from the web to move? I open Preview to view the .gif but it just gives me all the frames of the picture and not really an animation. Can anyone help me make them move?

I presume you want to have an animated buddy icon?
In case you have leopard installed;
1. Select the 4 photo (burst) button in Photo Booth.
2. Look: 1.straight into the camera and after the flash look 2.left, 3.right an up.
3. Select the miniature in the photo booth picture bar, if you like it: click on the iChat icon.
4. Open iChat>preferences>general>tick the box "show animated buddy icons".
You have an animated buddy icon and you can see your buddy's animations as well, in case they have one.

How do I put an animated gif in (on) a jpeg?

Imagine the dog is an animated gif made from an MP4 video in PS CS5. I want to put the dog in the black box with text which is a jpeg. I want the dog to still be animated.
1 image, animated dog on black jpeg with text. Can that be done? Ive been banging away at it like a monkey with a baseball bat, no luck.
Thank you

I went through and actually created this using an MP4 video. I didn't have CS5 accessable, so I used CS6, but it should work the same. I've made a few modification Here is the process:
Now you can save for web as a GIF. The length of your video may be causing crashes. GIFs should be very short in duration.

How to make a Colorful Gif Image for Holi

How to make a colorful Gif Image for Happy Holi 2014

Okay, I know this doesn't answer your question, but don't get me wrong. A logo is meant to be the way it was designed - upright, no flipping/ swiveling animation. Why exactly do you want to let your logo turn around?
If its to grab attention, why dont you consider animating the area on which your logo sits (header)? Or maybe add nice transitive slideshows on your main content area to add more interactivity?

How to set gif image as wallpaper in Nokia s60v3 m...

Hi, I am using N79 and i want set gif image as wallpaper.when i am trying to set a gif image as wallpaper no animation is coming on standby screen
How to set gif wallpaper on standby screen with animation

Not sure but you may have to install this application
http://www.mobidhoom.com/anim-sprite-lite-v233s60v3/
Try and give your feedback..
--------------------------------------------------------------------------------------------------------------------------------------------------------If you find this helpful, pl. hit the White Star in Green Box...

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

How combine a jpeg image & animated gif image & save it as GIF ?

Similar Messages

Maybe you are looking for