Flash cs4教程：CS4新特性之全新的动画理念

无墨 · 发表于 2009-5-20 04:51:56

进入Flash cs4后可能需要我对动画有一个全新的认识，我们都清楚，要实现动画一定要有关键帧，在关键帧中对象或对象的属性发生变化就形成了动画效果。对于关键帧，在FLcs4中应该有不同的认识。正如上面所说，实现动画需在关键帧中改变对象或对象的属性。在新版本中就是两个概念了，改变对象，比如在关键帧中出现新的对象，这种关键帧就叫关键帧，如同以前版本一样。在关键帧中改变对象的属性，比如位置的变化等，这种关键帧叫属性关键帧。属性关键帧是 cs4 新出现的概念。 
 
动画除了关键帧外，还可能用到一个叫补间的东西，我说我对补间很熟悉，“我骄傲”。但在新版本中，对补间也有不同的认识，我们在时间轴上点击右键，从菜单中可以看到已经不再象从前那样，只有创建补间动画和创建补间形状两项，而是增加了创建传统补间一项，这一点就可以说明已经不同了
。
好吧，下面来做一个补间动画，通过实例来熟悉这些技术是最好的方法。
 
打开你新安装的Flash cs4，在屏幕上画一个小球，我们的动画是让小球在屏幕上移动一定的距离。
 
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832315.jpg">
 
接下来，创建补间动画，注意这与以前的版本不太一样。
 
首先在第50帧插入帧，然后在1到50帧间任一帧上右击，这时会弹出下面的对话框：
 
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832667.jpg">
 
这是因为我刚才在舞台直接画的图形，而不是将图形做成元件放到舞台上的，所以无法创建补间。“我骄傲”。我认为这个提示符合人性化的要求，不象以前的版本，不给你提示，明知无法实现补间效果，还是把补间给你建起再说。你说他不负责任，他说：“我告诉了你的啊，你没看见那补间是虚线表示的吗？”你说：“ 晕，我是菜鸟，我咋知道虚线就没效果呢？”。

无墨 · 发表于 2009-5-20 04:52:39

好吧，我确定吧，这样小球被转换为元件了，此时补间就创好了。下面点击第25帧，然后将小球移到舞台的中间，这时你一定会有两个发现，一是在第25帧上已自动插入关键帧，这个关键帧就是属性关键帧，它是小球对象的x属性发生了改变。第二个发现是舞台上在第1帧小球的位置和第50帧小球的位置间有了一条路径线，我们等一下再来玩这条线。接下在第50帧点一下，将小球移到舞台的右边，这将会发生与在第25帧时相同的事情。那为什么不直接做第50帧上的事情呢？第25帧上做的事情不是多此一举吗？是的，的确如此，这次我为你骄傲。我在第25 帧做一下，不是为了能让你更好地理解新的补间创建方式吗？“我骄傲”
 
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832101.jpg">
 
下面将播入头移到第1帧，回车，小球从左边称到了右边，补间动画做成了。始终还是看到舞台上有那一根线，线上还有一些点，有兴趣的话你可以数一下有多少个点，我不想数，因为我知道它一共有50个点，原因很简单，因为一个点代表一帧。总想摆弄摆弄它，试试看，用选择工具，将线条拉成弧形，然后将播放点移到第1帧，回车，小球居然是沿着线条运动的，有点意思了，这不就是引导线了么？双击试试，鼠标变成移动图形，那就移吧，点中它，拖动，咦，整个路径和对象都移动到了另一个位置，方便。再用部分选取工具玩玩，它和调节其它线条一样。
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832568.jpg">
现在把路径调整成下面的形状：
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832285.jpg">

无墨 · 发表于 2009-5-20 04:53:40

观察一下这条路径，在第25帧前帧排得较密，即小球每帧移动的距离较短。第25帧后帧排得较稀。这实际就形成了缓动的效果。回车试试，小球出现由慢到快地运动。但有问题了，并不在任何情况下都需要缓动的，我只想让小球按这个路径运动，并不想要缓动效果。事实上也不主张用这种方式来产生缓动效果，缓动可以在动画编辑器中设置。那么这里该怎么办呢？请在路径上点右键，在弹出菜单中的“运动路径”子菜单中点击“将关键帧转换为浮动”：
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832106.jpg">
现在再看看路径已变成这样了，所有帧在整个路径中均匀分布：
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832527.jpg">
 
再回车，看看，现在小球是匀速运动。
 
下面看看时间轴会不会也发现点什么新的玩意儿。
 
在flash cs4中将补间看做一个整体，你甚至可以将它看成是1个帧。我们在时间轴的补间范围内，不是关键帧的地方点击右键，在弹出的菜单中可以看到“清除关键帧”的菜单项可用。这就可以说明补间范围是一个整体。清除关键帧菜单项还有子菜单，如下图：
 
<IMG alt="" src="http://www.jcwcn.com/uploadfile/article/uploadfile/200902/20090202095832986.jpg">
 
上面已经说到，在补间范围内的关键帧都是属性关键帧，子菜单是具体的属性，一个属性关键帧可以有多个属性。在上图中“清除关键帧”菜单项的下面的一个“查看关键帧”的菜单项，在那里你可以查看关键帧包含了那些属性。现在回到“清除关键帧”菜单项，点击“位置”，看看时间轴，第25 帧和第50帧的关键帧都被清除了。这也进一步说明补间范围是一个整体。因为在第25,50帧我们只移动了小球的位置，所以，当点击“位置”时，这两个属性关键帧都被清除了。 
 
好，现在点击“编辑”>”撤消设置补间动画属性”，关键帧又回来了。点击第25帧，用变形工具将小球旋转一定角度，这样在这个属性关键帧上应该就有位置和旋转两个属性了。测试一下，在补间范围内点右键，点击“清除关键帧”>“位置”，看看时间轴，第50帧的属性关键帧清除了，第25帧的属性关键帧却还在。这是因为只清除了位置属性，但25帧上的旋转属性并没有清除。将播放头放到第25帧上，可以看到小球位置没有变化，但旋转了一定的角度。 
 
这一节就介绍到这里，flash cs4的动画概念还有预存动画，动画编辑器等后面介绍。我骄傲。 
 
本节作业：做一个按路径运动的对象。

帐号		自动登录	找回密码
密码			注册

[FLASH] Flash cs4教程：CS4新特性之全新的动画理念

浏览过的版块

微信公众号

在线交流

合作伙伴