
简介:这是个非常简单的例子,你可以从中学到运用TIMELINE的功能去制作一个动画的效果。

第一步:打开一个教程文件tutorial01start.liv
如果TMELINE不在工具栏,你可以用CTRL+T打开TIMELINE的工具栏,你可以见到一个叫“Red Ellipse”的物体显示在TMELINE里。

第二步:制作keyframes
单击"Red Ellipse"左边的三角按钮, 你会见到另三个三角出现在TIMELINE里,分别是Transform, Object 、Layer 1和Attributes,。击Transform的三角.在Stopwatch 里的Position、Rotation 和Scale图标的右边打勾。
注意:这是为动画做keyframes 的头三个步骤。

第三步:制作动画路线
把CTM(TIMELINE的时间标尺)移动到10f ,把red ellipse 移动到右边一定的距离,LM会自动增加10个keyframe ,"in-between“这一幀已经记录了你从开始到结束的keyframe, 你可以见到一个个小蓝点在red ellipse经过的位置,这是red ellipse 运动的路径,(View > Preview Motion Path)可以帮助你知道物体的下一步到什么地方。
注意:如果你这时候按PLAY键,你可以看见red ellipse在移动

第四步:改变物体的运动周期
把CTM移动到1S ,把red ellipse 沿着边缘移动到
如图的位置,你还可以按着red ellipse一个角的句柄拖拉改变red ellipse的尺寸。
注意: 右上角的句柄比较特别,是可以使物体旋转的,每个句柄都有特别的功能,使用之后你就有体会了。

第五步:在Transform控制面板里把red ellipse旋转360度。
在第三步里你已经知道当你把物体旋转和改变尺寸LM会自动为物体的生成keyframes。这时候你可以按PLAY看见物体在运动

第六步:改变Keyframe的特性
你可以改变物体移动路径的特性,是圆滑的还是直线的。方法是:把CTM移动到10f,在Position按MOUSE右键弹出菜单,有五个选项,你可以选一个……

第七步:着是选择LINEARE的效果,看见不同的地方了吗?小蓝点是直线的。
按这里预览效果

这是选AUTOBEZIER之后的效果,跟FLASH是有点区别吧!

第八步:在TIMELINE里改变Keyframe的位置
能看懂左图的示范吗?就是把两个Keyframe对换位置,得到的变化是本来从小到大的物体的过程,现在是由大到小了。
注意:路径是不变的,只是物体自身的变化换了下而已。

第八步:把物体的在变化过程中改变颜色。
击LAYER1的三角,会出现COLOR的选项,你可以在你想改变颜色的CTM位置击MOUSE的右键,选择你想改变的颜色,每一个CTM位置可以一种颜色,你可以按PLAY预览你的作品了。
按这里看成品效果
看完第一篇对LM有个了解吗?它的确有强的地方,用过FLASH的人几知道,FLASH在一个MOTION的过程只能变一次颜色,LM就灵活多了!