Post Reply 

How do I put multiple animated .gif files on top of an unmoving jpeg image?

Aug 2, 2013, 02:35
Post: #1
How do I put multiple animated .gif files on top of an unmoving jpeg image?
I have a not-moving .jpeg image and I want to put 5 different animated .gif images on top of that .jpeg image background but I don't want those 5 .gif images to stop moving.

This is what I'm talking about:

[Image: tumblr_mqs3ydhg8g1scncwdo1_500.gif]
[Image: tumblr_mqvaiiJVkY1scncwdo1_500.gif]
[Image: tumblr_mqv28zrYqO1s4rgceo1_500.gif]
[Image: tumblr_mqv1ztoLLL1s4rgceo1_500.gif]

I want to learn how to make .gif images like these using GIMP 2.8.6
Can anybody here post a tutorial about it?

My Tumblr page
[Image: ogsQgq1.jpg]
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 3, 2013, 03:28
Post: #2
RE: How do I put multiple animated .gif files on top of an unmoving jpeg image?
(Aug 2, 2013 07:16)ofnuts Wrote:  Well you have to blend the frames from each animation into one single frame layer, and repeat this for as many frames as you have. There are scripts to help you do this, but you have to wonder about technicalities such as:

- the time compatibility: are all the animations of the same length and played at the same rate?
- the color compatibility: the final image can only contain 256 distinct colors across all the frames (plus the background). So many colors will be lost...

Where can I find and download these scripts?

My Tumblr page
[Image: ogsQgq1.jpg]
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 3, 2013, 05:59
Post: #3
RE: How do I put multiple animated .gif files on top of an unmoving jpeg image?
GImp have a blend filter built in.
See here:
http://docs.gimp.org/en/filters-animation.html

Also, you can repeat the animation forever on the save as options when you save as a gif.
under the "Animated Gif options"
pick "[]Loop Forever"
see here( scroll to "1.2.1. Export Image as GIF" ) :
http://docs.gimp.org/en/gimp-images-out.html

I would try googling "gimp tutorial cinimagraph" to see if you can find a tutorial on how the process is done. I haven't found one but its fairly simple.

for the background, duplicate the layers with the background, and animate just the parts you want to move, make sure each layer is complete(no transparency, as the animation doesn't convert transparent pixels. You may see white space where there is transparency)

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Aug 3, 2013, 20:26
Post: #4
RE: How do I put multiple animated .gif files on top of an unmoving jpeg image?
I just wrote a very long and detailed post on how to do this, but then Firefox decided to crash, and I don't feel like typing it again. Here's where I answered something similar to what you're asking: http://animstack.tumblr.com/post/3696897...ground-how . You'd have to download Animstack and learn the basics of it first.
Find all posts by this user
Quote this message in a reply
Aug 3, 2013, 22:31
Post: #5
RE: How do I put multiple animated .gif files on top of an unmoving jpeg image?
@Lwamfhmartiboxdotty9:
There are several options depending on the intended use of such an image.
For example;
If you are making this for a web page, then you would be further ahead to store the Jpeg background in the html and use css script in your page to place the GIF image. This would have the effect of preserving the color quality of the Jpeg background and loading much faster.

Code:
<span style="position: relative; top:260px; left:160px;">
<img src="myimage1.gif">
</span>

Otherwise if it MUST be a single image then you are stuck with one or formats that will give you very large file sizes. As ofnuts said, GIF has the limitation of 256 colors. I would use APNG instead but only a few browsers support animated PNG. To test your browser see if there is a bouncing ball on this page --> http://en.wikipedia.org/wiki/Apng

GIMP can produce both GIF and APNG. The APNG file will be huge because you are recording all those colors.

But in the end, the real question is how is this image to be presented?
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Resizing an image down without losing quality AsdAsd 1 43 Yesterday 12:34
Last Post: paynekj
  delete image benhur 1 85 Yesterday 12:34
Last Post: paynekj
  Change Print screen Image Settings dddemauro26 1 246 Sep 24, 2018 08:48
Last Post: paynekj
  Error Message "¬†gimp-image-set-resolution¬†" quand 2 290 Sep 8, 2018 19:35
Last Post: quand
Exclamation URGENT! How do I restore layers or a previously saved version of a saved xcf image? Txsweetcheeks1981 3 4,422 Aug 24, 2018 14:15
Last Post: paynekj

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS