A new plugin was implemented within GAP that will allow you to morph between two images like so:



The plugin has very little documentation right now, is not always real stable, and no tutorials on it (at least none that I could find). So everything I’m showing you today is based on my ”tinkering”. Please don’t ask me to explain the various tools....I probably can’t answer your questions! :w: I just don’t know.

At any rate let’s begin. I'm using GAP version 2.1.0 (which is not the most recent version, but it works!) For the sake of following along, please download/use these two images:



Before you begin, you must first, have GAP. Well, duh, you say. May sound simple, but you don't know how many questions I get from people telling me they can't find a certain menu. YOU MUST HAVE GAP! If you don't, you won't have the Video menu. Simple as that.

Additionally, you must know how to work with/create animations in GAP/GIMP. This includes color optimization/indexing, modifying frames to change timing, etc. I WILL NOT cover those topics here. If you need assistance with those steps, you can check out tutorials at GIMPtalk.com or elsewhere.

Here we go!!!

[*]Open up both images in ONE GIMP project. Doesn’t really matter which one is the background layer.
[*]Add an Alpha Channel to the background layer
[*]Go to the Video | Morph menu (If it’s grayed out, you didn’t add the Alpha Channel)

The following window will appear:



Take a minute to become familiar with the layout. I’ll explain what I know and what I want you to know to accomplish this task, but I can’t answer anything else. I just don’t know much about this tool.

[*]Letter A is the Source Window. This is the image we want to begin with. It doesn’t matter which image you start with. I’m using the blond. (Hey, I like blondes!)
[*]Letter B is the Destination Window. This is the image we’ll be morphing to. (I like brunettes too! I’m starting to see a trend here!! :w:)

If you want to switch A and B, you can do it through the pulldowns or the SWAP button in the bottom, right-hand corner of the window, will do the trick as well.

[*]Letter C adds a number of points randomly along the edge of your images to hold the edge in place to keep them from doing strange things. You may have to experiment with this a bit to see if it's necessary or not. The number of points added is shown in the "ShapePoints" box to the left of it. You can change the number as needed. Do this step first as I've heard any control points you add before clicking this button will be deleted.(Thanks Rimshot for pointing this out to me!!!)
[*]Letter D is the number of steps it will take to go from A to B. I’ve chosen 15 for this exercise. You can experiment with this.
[*]Letter E will allow you to change the color of the control points, just in case the default colors are difficult to see against your working images. I’ll explain control points in a minute. Be advised, I don’t know if it’s just my machine, but everytime I click to change the color, the morph tool crashes.
[*]Letter F controls how what you’re doing to a particular control point. When you placing control points, you’ll be in Set mode. I’m not sure what the purpose of the Move mode is, as I just click on a control point and drag it to a new location. Of course, Delete mode lets you delete a control point you click on.
[*]Letter G is the two types of morphing functions. I don’t know how they differ, but we’ll be using the Morph button, not Warp. I’m sure we’ll discover later how these functions work.
[*]Letter H I’ve got it checked and I don’t know why, but that’s what worked for me. Forgive me on this step.

Now, let’s talk briefly about control points.

Control points are basically the points we are going to control. I know, I know....you’re not allowed to define something using the word(s) you’re defining (my 6th grade teacher has just turned over in her grave!) But, that’s what they are. With a click of a mouse, I’m going to put a point on the image in the ”A Window (Source)” and one will automatically be placed for me in the ”B Window (Destinatation)” (Notice the active point is yellow. At least, in this instance). I can fine tune the one in the A Window by clicking/dragging it to the desired location. Now, I can jump over to the B Window, click/drag the point to the desired location.

You may be asking yourself, ”What do you mean by desired location?” Good question, as I stated the points we place are what we’re telling the computer to control. In the example below, you’ll see a highlighted point in the corner to the blondes’ lips. (Aren’t her lips pretty?!) Oops, sorry, back on topic..... The corresponding point in Window B is not on her lip. We want to click and drag Window B’s corresponding point to a similar location on the face. We want the lips of A to morph into the lips of B.



Easy enough.


Now, add as many control points that you feel is necessary to make the transformation. By the way, the number of control points does NOT correspond to the number of frames your output file will have. Control points only tell the Morph tool how to operate. I believe I had in excess of 50 points for this exercise.

Here’s what my final Morph window looked like before I hit ok:



Now, hit the OK button and wait for the magic.

Now, do all the fun things we do in preparing an animated gif: optimize, index colors (if needed), change frame rates, etc. By the way, I saved mine as a gif and reopened it and set the final layers time to 2000 ms (2 secs), so it would have a nice little pause at the end.

This is my result:



I’ve shown you mine. Now, you show me yours!!!

Enjoy and Happy GIMPing!

Art

I'm not sure if I missed it in your tut,but I found that if you hit the "shape" button,it holds the sides of the pic and keeps it from warping in like the left side of your morphed pic.

Are you know something. You will stop all users using any other (than gimp) image retouching/editting/manipulating software if you continue to provide such content. I consider it a gift for the update.

Thank you so much for your time and effort.
It is indeed very useful. btw I think it could be more perfect if it included more points. wha you think ?
regards

Rimshot, thanks for the tip. I did not know that! I was wondering what needed to be done to keep the sides from moving. I'll incorporate that into it when I get a chance.

Ali, thanks for the compliments. First we take over Photoshop, then the world! :w:

The manipulation would look better with more points, but I just wanted to get it posted! :l:

Art

Did you notice the printable version of your current tutorial ?
It seems great to me although I have not yet printed it.

http://www.gimptalk.com/forum/article/Morphing-Images-4391.html

btw which version of gimp are you using art ?

regards

Yeah, it looks good to me also. I'll have to get some more ink for my printer and check it out. Also, I'm using version 2.2.9.

Art

No problem bud.It's the least I could do.You guys make GIMP worth using and I thank you for that. :h:


BTW,Use the shape button before you start laying points,otherwise it will make all your points dissappear!

One question:
What version are you using for the tut?

I don't recall newt. I have GIMP on two different machines and the one I created the tutorial on doesn't seem to agree with the most recent version of GIMP. The GAP version might not be the most recent, but it should be pretty close. Are you having problems?

art

No I was just thinking it would help to know if anyone was trying it, and was having problems.
So many different versions out now + windows, better to know if a version will work, before trying it :w:

Amamzing ! :
Can wait till I can hadle that !
Anyway off to find information about GAP xD

Good point, newt. I'll update tomorrow.

Dado, in time!

I've updated the tutorial with the change suggested by Rimshot. Thanks, buddy! Newt, I've added the GAP version I've used. I believe the results are much better.

Art

This is my go... Needs a bit more work, (and probably better pictures,) but what do you think for a first time attempt?

Is there any way to do it between multiple layers?

I have a mini banner I am trying to make, but it keeps screwing up, here's the best I can get out of it so far:



What am I doing wrong?

Try this tutorial instead: http://www.gimptalk.com/forum/topic/A-Different-Approach-To-Fading-Between-Images-4392-1.html

I use only two userbars, but you should be able to get the gist of it. I suggest you follow my steps exactly first, just so you can understand the process first. Then try your own banner images.

Art

Allrght, I shall try that one out then, and thanks, good tutorial, btw.

Nice one FP!!
Well here's my try, looks more or less the same as yours,
I'm gonna try it with some other pictures as well.

Well, here's something I made with the help of the morph tool. Not quite there yet, but I think I can make it look pretty cool!

http://www.gimptalk.com/forum/topic/Animated-Etch-a-sketch-4598-1.html

OK! What am I doing wrong? I have the very latest GTK, GIMP and GAP (Did a complete download and reinstall 10 minutes ago) . I have the Video menu, but Morph does not exist anywhere in there. I am running on Windows XP :s: but I can't help that. I hate using external programs to do what GIMP can do.

Greg

WOOOW! Now I have to install GAP! :l:

Unfortunately, Greg, I have no clue. This is not a problem I've heard of before. Maybe check with gimp.org. Sorry.

Nice tutorial!



I took two pictures of my friend and morphed them. I had to majorly resize it, so I'm sorry if the quality isn't the best...

I thought I had posted this, but reinstalling gap solved my problem. Here is my first image.



I have it morphing forward and back. For some reason there is a dark edge on the left side.
I will redo the morph to fix it.

Thanx to all!

Greg

Edit: I don't know why there are white lines in it. They are not in my morphed image. They just appeared now
that I put it on the web.

really cool heres my favorite monkey