[doomed1]

this is a tut i made for my GIMP community. its for inserting a small gif into a larger image without using GAP. i hope its useful



First, start with your .gif image and unoptimize as shown in the picture above.



Next, change the image mode to and RBG image from an indexed image





Now, scale the canvas size of the image and make your background, duplicate it for each and every one of the frames, and distribute it behind each frame. It should look like this:





Add text and any other animation effects you may want and do the same as with the background. You may also want to fine tune the frames of the animation so it blends better with the BG. As a final step with the layers, merge each frame with its corresponding text, background, extra animation, etc.



Now optimize for gif and refer back to the original animation for how long each frame should be. Check playback a few times to be sure that the animation runs smoothly.

Now save as a .gif and u have yourself your own animated picture!

[BR7]

I think Sean has a tutorial on this already but thanks for taking the time to posthttp://www.gimptalk....p?a=v&t=309&f=8
_______________________________________
EDIT:
Sorry I didnt read good enough I didnt see with out gap nice tut

[Sean-Michael]

This is a great tutorial... The one I have made is for the GAP and I think that some will really appreaite you for taking the time to make this because some people find the GAP a really hard plugin to use!... I think that some operating systems users will really like this because I dont think the GAP is available to them!

Great Work! Thanks for shareing! What was the group that you made this for origionally?

[kane]

Now, scale the canvas size of the image and make your background, duplicate it for each and every one of the frames, and distribute it behind each frame. It should look like this:

i got lost on the duplicate and distribute to each frame part, exactly how do you do that?

[for-aken]

ya same with me i got lost at that step

[XyllyX]

Quote

ya same with me i got lost at that step

You know how to work with layers, right? You duplicate the layer, then with each duplicate, move it in the layer stack so that it alternates with each fram e of the gif. At the bottom of the layers dialoge are several icons, if you hover your mouse over each one, it tells you what it does. One creates new layers. The next two move the selected layer up or down the layer stack (select a layer by clicking on it), the next one duplictes layers, the one after that is for anchoring floating layers, and the last one deletes layers.

[Icegoten]

This is more of making a image with a gif isn't it? I was trying to make an animated Userbar with animated sprites but it said that you had to make the background then canvas size it and it wasn't the same size as the userbar.

Also when i put each thing behind the background the background was blinking between images.

[Zaos]

I, for one, Had a good result with this tutorial, I added a GIF to an ichigo signature my Friend sent me from his PB, here it is :)



all credit for the actual sig goes to My friend, and the gif was found at Photobucket, the GIF sig is my doing however :)

And here is one using all of my own Works, (Animation excluded, found at Photobucket)

[speedy]

It is basically the same concept I used to make this image here.

[MJW]

i have a question how did you make your border where it says gimp at the top left

[The_Peacemaker]

When I did mine the background and animation alternately flash! ex) Background, Frame 1, Background, Frame 2 etc. Can someone help me? :|


EDIT: Nevermind I just forgot to merge layers lol! :lol: Result in meh siggy!

[GeeGee]

kl thx i no dis will b useful 4 me and many others thx again :D

[Phrozen]

i know the background kinda sucks, i brush spammed. but it was a great tutorial, ill use animations more often

[tennis]

Could you please explain to me how you took the GIF image, and disected it to get the different layer pictures? I was lost there. I know how layers work and all, I just don't understand what you did to copy it in. When I copy/pasted my GIF I wasn't able to get it to split into the layers. All I got was one pic...

[SailorSenshi89]

Great tut! Here is my result, although it could have been better...



And another one that I like a whole lot more:

[Zalen]

^
|
My result

Epic phail e.e

[2-ton]

So I'm a bit late to this topic, but I still decided to try this tut, and it was quite tedious...but I did it, and it worked! Almost! I was able to make the edges of my gif transparent in order to slap it onto the background without a big square showing, but when I saved the whole thing, background and all, as a gif, the transparent part of the background was black. What did I miss? I don't recall an option to not tick off save background as in png? I will post the pic so someone might be better able to help...as you can see, the background on the inserted gif is transparent, but the background of the 'background' is not but should be.


Urm, btw, I um, forgot :oops: to save as xcf before saving as gif, so if there is a way to remove the black from the background but not inside the lettering after the fact, that info would be appreciated.

Edit.....ok, figured out how to get transparency but still don't know why it wasn't transparent in the first place when that is how I made it! Now another problem has cropped up...how to get rid of the disappearing words! I want the background to be static, and I thought I had every frame a background with the gif merged. So, help still needed!

[saulgoode]

2-ton said:

Edit.....ok, figured out how to get transparency but still don't know why it wasn't transparent in the first place when that is how I made it!

My guess is that you had a black background layer before you unoptimized your GIF.

2-ton said:

Now another problem has cropped up...how to get rid of the disappearing words! I want the background to be static, and I thought I had every frame a background with the gif merged. So, help still needed!

I don't understand this.

[2-ton]

I don't get it either!!! I swear the background words were blinking off once an animation rotation...really!!! Maybe it's just photobucket itself that was showing it that way because I see that here it's just fine. Oh well, live and learn. All is well that ends well. This is an interesting effect, but a pain in the patootie when there are a lot of layers to deal with. Also, what is the reason that I can't use blur on the background layer? I was trying to make a fake drop shadow of the globe by making a black circle on the background and moving it a bit then blurring it...and I was going to use blur on the white outline of the lettering...but the option was greyed out.

[saulgoode]

2-ton said:

This is an interesting effect, but a pain in the patootie when there are a lot of layers to deal with.

I wrote some script functions which could be used to facilitate things. Its use is described by Ccbarr in this post.

Quote

Also, what is the reason that I can't use blur on the background layer? I was trying to make a fake drop shadow of the globe by making a black circle on the background and moving it a bit then blurring it...and I was going to use blur on the white outline of the lettering...but the option was greyed out.

My guess is that your image was in Indexed mode (being a GIF). If you convert it to RGB Mode, you should be able to add blur.