Shape Morphing

Basics

In addition to shape animation, Vectorian Giotto supports shape morphing: animated morphing of one object into another. In the following movie, a rectangle is transformed into an ellipse. Morphing is a special effect in animation that transforms one shape into another. This transformation is done gradually (in a series of steps) and seamlessly. Certain chosen points of the first shape are moved to the position of corresponding points in the second shape.

In this movie, a series of letters is transformed, one into another. Notice that some letters have “holes” inside, and that these holes are automatically created in the transition phase.

Creating Morph

Morphing in Giotto is possible only between shapes in the same layer. In order to morph successfully you need at least two key frames. One key frame will be starting point and other key frame will serve as an ending point for morph. We will demonstrate morphing between a rectangle and an oval.
On the first key frame (by default it is frame number 1): Draw a rectangle in the top left corner of the Stage with blue interior and black solid outline. Also, draw an oval in the bottom right corner of the Stage with yellow interior and red dotted outline. Your Stage should look like this:
shape morphing
Now insert second key frame (for example make 24th frame a key frame). Choose Window/Morph Shapes from menu bar. This command will open Morph Shapes window inside main Giotto window. Now let’s look at the Morph Shapes window for a moment.
shape morphing
Notice 4 combo boxes from which you can choose important parameters for morphing. First choose on which layer morphing should be performed. This choice will affect next choice – which key frames will provide shapes for morphing. After you have chosen keyframes (in our example Keyframes #1 to 24), choose First shape and Target shape. Having all parameters set you can now preview morph (by clicking Preview morph button) and see how First shape will morph into Target shape. On Preview Morph window you can click Play button to see complete morphing process or move slider with left mouse button pressed to see morphing frame-by-frame. When you are satisfied with results, click Create morph button on Morph Shapes window.

Modifying and Removing Morph

After creating the morph, you can modify it by clicking Modify morph button and then modifying any shape that is included in the morph by changing its appearance or position. Also, you can remove morph by clicking Remove morph button. If you have done something else after creating the morph, you can still modify it or remove it. Just left-click on the timeline starting frame for the morph and select first shape from combo box or by clicking Pick shapes and selecting first and second shape for morph. Options for modifying and removing morph are available again.
shape morphing