Gif problem

[Nico]

Hello !

I'm trying to make some gif and I have a problem.
The smoke is moving (it's what I want) but it "flash on and off". 

My gif :

https://www.zupimages.net/up/21/11/7w9k.gif

Can you help me ?

Thank you in advance for your help and sorry for my bad english.

[rich2005]

The animation is flashing because every alternate frame (layer) is a different shading. This comparing two adjacent layers..

   

One solution is delete every other layer, maybe 34 -32 -30 ---all the way down, leaving 17 layers. Use those to re-export the gif.  If you want to adjust those 17 layers, maybe using brightness -contrast 17 layers is not very many. Enable RGB mode Image -> Mode -> RGB Adjust one layer, then onto the next layer and use Filters -> Repeat Last to keep everything the same.

   

Otherwise, you need a total remake, Where did the cloud animation come from ? How did you make the animation ?

[Nico]

Thank you so much for you help !

I did what you told me and it's pretty good.

My cloud animation comes from google, this one : https://zupimages.net/up/21/11/6fm6.gif

Okey, I can try to explain how I made my animation but I'm french so sorry in advance for my vocabulary.

- I extract the images from my cloud animation with that site : https://extractgif.imageonline.co/index-fr.php
- I open my png in gimp
- I open my images from my cloud animation with "open as layer"
- I low their opacity (20)
- Filters > Animation > Mix (In french it's "mélanger", I don't find the term for the english version of gimp).

Then, with your tip, I delete like you said. It's work but I don't know is I do things properly.

I hope I was clear !

[rich2005]

All sorts of ways, The way you describe is one way. Two plug-ins that might help with future projects.

A big plugin with all sorts of filters gimp_gmic_qt I do not know which OS you use but there is a Windows installer from http://www.gmic.eu That will adjust all the animation layers without splitting up the gif. Convert to RGB mode first.
Then for merging animations or adding overlays & back grounds: ofn-interleave-layers.zip (date 2020-04-25) Unzip, and read the documentation.

Just to give some idea of use, a quick video 3' 30'' https://youtu.be/zIsF1_jh3II

[Nico]

Thank you very very much for your help and for this video ! It will be very useful ! Thanks !


And, I have another question about gifs if I'm not bothering you.


I have this image which comes from google : https://i.imgur.com/NN56Y6B.gif
And I found the sparks, google too : https://i.imgur.com/K453aFC.gif

I would like deleted the black background and fill with transparency, in order to use it for a gif like on the first image with Cole Sprouse. If I can't change the background, the black colour darken my final gif. I don't know if I'm clear.

I keep thinking about this problem, maybe I can find the solution. (maybe using G'mic ?)

Thank again for you help, it's very precious !

---

[rich2005]

Apologies, I forgot to add the link to the plugin http://sourceforge.net/projects/gimp-too...s/scripts/  Look for ofn-interleave-layers.zip (date 2020-04-25) Unzip, and read the documentation.

The sparks animation has been optimized. Optimize it Filters -> Animation -> Optimize and then crop and resize to a suitable size for an animation. Set the colour mode to RGB Image -> Mode -> RGB

Now apply the attached script c2a-all-layers.scm (unzip it, goes in your user profile scripts folder) with the colour set to black.

Open the portrait and scale to the same size as the sparks animation.

Back to the sparks animation and use the Interleave Layers plug-in this time in "sprite mode" with the portrait as 'Layer'

Again a 2' 30'' example using the attached script and ofnuts plugin. https://youtu.be/TqGmzQizsrs

[Nico]

OMG Thank you so much ! It's working perfectly !
I need to improve but it's much better than beginning ! Those videos are very useful.
I have no more question for the moment, thank you, really !

[Nico]

Hello everyone,

I have another question about gif so I'm going to use my own subject for it.

I would like put some gif on a png, in a specific location, not on the whole image. I have that png : https://zupimages.net/up/21/45/9fj3.png and I would like sparks over the word "firework". Like that image that I found on google image : https://zupimages.net/up/21/45/pp5k.gif
If you look at the word "firefly" you can see some "sparks" (at the end of the gif, you have to wait a little moment) and I would like the same effect.

I have that gif but I don't know how to use it. https://zupimages.net/up/21/45/w21q.gif

I can't remove the background so I don't know how to do this.

Thanks for your help !

[PixLab]

(11-14-2021, 08:49 PM)Nico Wrote: I can't remove the background so I don't know how to do this.

Thanks for your help !

You don't have to remove the background (the black part) to put the sparks over a layer
Put each layer of the sparks above EACH layer of your original gif, then the black (all sparks's layers) put them in one of these mode

   

Then merge each sparkles layer down with the one below from the original to keep your timing

-------------------
EDIT
-------------------
OK, my bad, I did not downloaded the original gif which has transparencies, so it won't work as expected
Only the background layer is fully opaque, thus you do need to duplicate the BG layer and put it under EACH smoke layer, then merge these layer down to make each smoke layer opaque...

Good news you don't have to do it 120 times manually ➤ download this ➤ http://chiselapp.com/user/saulgoode/repo...combine-bg put it in your script folder
Then restart GIMP (or Filters ➤ Script-fu ➤ Refresh scripts )

Then on your original gif Filters ➤ Animation ➤ Combine background
Now you can put each sparkles layer from the flame sparkle gif above each layer of the original (now opaque) in one of the mode cited above (these mode made 50% (or more) gray to black ➤ transparent)
Then merge each sparkles layer down with the one just below from the original to keep your timing

[Ofnuts]

Using my ofn-interleave-layers script:

1. The GIF image is optimized, so first unoptimize it (Filter > Animation > Unoptimize)
   
2. Crop a 200-pix wide image in that GIF (around the middle seems best). Don't forget to set "Delete cropped pixels" in the Crop tool options
   
3. Set the image to 320 pixels high: Image > Canvas size, with Resize all layers, Fill with transparency. In the preview, drag the image to the bottom (we want the image to be extended at the top)
   
4. Set the image mode to RGB (Image > Mode > RGB)
   
5. If not done already, oOpen the PNG image as another image in Gimp, and go back to the resized animation image
   
6. If you have installed the script above: Image > Interleave layers > Single layer under stack
   • In the Layer choice, you'll find your PNG image (possibly at the bottom, below all the GIF frames)
     
   • Decrease opacity a bit (70% in exmaple)
     
   • Set Mode to Lighten only
     
   • Set Merge to Yes
     
7. Run the script, this will create a new image
   
8. You can use the Filters > Animation > Playback to test it. If you don't like it, discard that image and try other settings using the image from step 4.
   

Result below truncated to the first 25 frames to fit the upload limit. Result isn't that different fro the same with 120 frames.