首先，是composition，代表时间总程，即整个网页的动画时间总程。它的右边是一个时间条，时间条是可以随意伸缩的，你可以随意拖动时间条的右端。注意下面粉色的时间条了吗？它不是“时间总程”，它仅代表当前对象的时间条，(现在，因为我只在画面中画了一个圆形，所以只有一个粉红色的对象时间条)每个对象都会有自己的时间条，在这个时间段里，你可以在各个时刻设置关键祯，然后在各个关键祯设置对象的动画效果。还是以图例中的粉色时间条为例，它实际上是我刚刚画的一个圆形，看看它左边的英文就会知道。这个圆形，目前有三组动画设置项，首先是transform变形项，包括五个具体变形控制：position位置；objiect opacity对象透明度；rotation旋转；skew倾斜；scale缩放。然后是object attributes对象属性项，目前也是五个具体控制：replace替换；outline width轮廓宽度；shape形状；shape fill/outline填充/轮廓；anchor point定位点。第三个是layer项，现在只有一个color控制。

　　有一点必须说明，刚才提到的各个动画控制项，并不是全部，针对不同的对象，或者当对象的具体情况有所不同，比如具有不同的效果层时，则对象的动画控制项会有所不同。例如，现在我只是画了一个圆形，并且只有一层，所以，也就只有一个layer 1，否则你会看到不止一个层控制项了。

　　我们不可能在一篇文章里讲明所有的具体控制的使用特点。你现在首先要搞清楚的是，任何对象，根据它的具体属性，将出现各个动画控制项，通过对其进行具体设置，就可以完成这个对象的动画效果。

　　明白了这个道理，剩下的就好办了。以第一个控制position为例，请观察一下position所在的那一行。左端是一个秒表图标，当它被按下时，表示这个控制已经启用了，现在，其它的秒表都没有按下，所以只有position控制启用。再看看右端的菱形，每个菱形表示一个关键祯，而红色的竖线代表现在你正在编辑的时间位置。开始时，并没有菱形出现，因为你还没有对其设置动画，而当左端的秒表被按下后，红色竖线所在的位置将出现一个菱形，然后，拖动红色竖线，到需要的位置，并给那个方框打上对勾，就是黑三角旁边的那个付选框，这时你就会得到新的菱形。在整个粉红色的对象动画时间条内，你到底需要多少个时间祯呢？这只能看你自己的需要了，时间祯太少，虽然livemotion会自动根据文件设定的动画播放频率，在各帧之间自动插入播放页，但如果动画较为复杂，关键祯少了，物体的运动精度当然会降低。不过，有时，时间祯的确没必要太多，比如，你想让一个对象旋转360度，那只需要一头一尾两个关键祯，第一个关键祯，设置旋转为0度，第二个关键祯，设置旋转为360度，这就完成了。livemotion会在两个关键祯之间，根据你设定好的文件动画播放速率，自动在两个关键祯之间插入各个动画页。

　　关键祯布置好后，你只需将红色竖线分别拖到各个关键祯的菱形上，然后对这个对象作动画编辑就是了。有一点你必须记住，只有已经被你启用的控制项，才会具备动画编辑的能力。也就是说，如果你启用了rotation旋转控制，然后在各个关键祯时间上对其旋转，则旋转将被纪录为动画，而这时作其它的操作，比如放大缩小，那你只是在更改这个对象本身，与动画无关，除非你事先启用了scale。实际上，不论你是否在某个关键祯时间上，只要某个控制的秒表图标被按下，那么，当你进行与之相应的编辑时，关键祯都将自动建立。具体讲，如果你将红色竖线拖到一个没有设定关键祯的位置，然后启用了缩放控制，这时，只要你对其进行缩放改变，将物体放大或者缩小，那么红色竖线所在的位置也会自动出现菱形。这等于说，所有被你进行了动画编辑的位置，都是关键祯位置，只有未编辑的时间位置，livemotion将自动创建动画页。

　　最后加一句，所有的对象，时间条不一定要等于时间总程的长度。其时间条的长短、位置(时间条本身也是可以拖动的，你一试便知)都可以根据自己的需要进行设置，总程只是控制整个动画的有效时间段，而所有超出总程的对象时间条部分，都将无效。另外，behaviors项，及其右边的方块图标，是livimotion的“行为”控制，关于行为，我们另写文章。