Edge Animate is a new tool developed by Adobe in September 2012 which is designed to create animated, interactive content for the Web.
Motion paths feature allows us to create the movement of objects along a curved trajectory, which is defined by the user. Let me remind you that the previous version of Edge Animate allowed to create only straight-line movements. To control element’s movements with the help of Motion paths, you need to select the element on Stage, then click Motion Paths in the Contextual Property panel under the Position and Size sub panel.
To set motion paths as the default method of movement for new elements, tick “Animate with Motion Paths” from the Layout Defaults.
Now create a transition using keyframes or the Pin. As you can see, there appeared a line between two anchor points.
Click anywhere on the line to create a new point on the path, which will have handles as any Bezier curve. By dragging this point and controlling the handles, we can control the curvature of the path.
You can read full version of this overview on Designmodo.com