Wish there was a tut that covers what you did.
1) First create one Advanced Outline (AO) with the shape you want to achieve. For that insert as many Widthpoints as needed using right button mouse click over one widthpoint and selecting "Insert Item Smart" when needed. Tweak widhtpoint position and width using the mouse.
2) Inset one extra widthpoint near the start of the animation. Right clicking it, select Set side type to "Rounded" for the side the withpoint is going to move to.
3) In animation mode make "Off" the rest of widthpoints that are placed after the inserted widthpoint. This would make the outline invisible form the inserted to the end.
4) Animate the inserted widhtpoint position to be on intervals of time coincide with the position of the widhtpoints that are off. Do the same with the width of the inserted widthpoint.
5) Just a frame before the inserted widhtpoint passes the position of one of the "off" withpoints, make that "off" withpoint "off" again and one frame past make it "on". This would allow to keep the correct width once the moving widthpoint travels.
6) Once done the basic animation tweak the traveler widthpoint's width to match the final width when needed. The interpolated width doesn't coincide with the final width during travel. Repeat this as many times as needed.
I hope it helps.
needs your help!
Developers, packagers, bug testers, translators, artists, web developers, wiki writers... you can