高手学习指南
PHP教程
第二章 FLASH入门动画 第十一节 残影技术
这一节我们来学习残影技术,也就是上面Flash电影中所展示的。大家不要以为实现这个效果很难,其实只需要简单的几步就可以做到。
首先,我们新建一个文件,按Ctrl-M选好电影的大小和背景颜色,我们这里选用300X280,背景为天蓝色。
用文字工具,选白色方正隶变繁体36号字在场景中写下“新闪光时代”五个字,如果对文字的大小不满意,可以进行放缩处理,方法如以前所讲。因为文字部分要多次调用,所以我们把它转换成图符。选中文字,按F8转换,起名为shadow text,类型为图形类。我们也可以一开始直接按Ctrl-F8建立新图符,然后再在图符编辑窗口输入文字,这样也可以做出包含文字的图符。不过在场景中把文字转换成图符会简化我们的操作,大家注意到转换以后的文字在正中心会有一个十字定位符出现,我们要做文字的旋转动画就是绕着这个十字中心旋转的,所以这会省去我们调整文字位置的麻烦。
移动文字图符到画面合适位置,使得估计它旋转以后不至于超出边界。现在我们在第20帧按F6插入关键帧。在第1帧上双击鼠标左键,在帧属性对话框中选Tweening标签。将其下的参数Tweening设为Motion,在Rotate项选择顺时针(Clockwise)旋转,在后面的次数栏里填上1,表示顺时针旋转1圈,如下图所示。 设置好以后,我们按Ctrl-Enter查看一下效果,可以看到文字顺时针不停旋转。下面我们回到主场景,点时间轴窗口的新建两个图层,在中间一层的第2帧按下F6插入关键帧。点最下面层也就是起初有文字的那一层的第1帧,按下Ctrl-C把文字图符复制到剪帖板上,再点中间层的第2帧,按下Ctrl+Shift-V把剪帖的文字图符粘帖到刚才复制时的位置上。然后在中间层的第21帧按下F6键,然后双击中间层的第1帧,设置帧属性与刚才相同,参见上图设置。
同样,对于最上面层,我们在第3帧按下F6键插入关键帧,然后再按Ctrl+Shift-V键粘帖刚才复制的内容。在第22帧上按F6再插入一关键帧,双击第1帧设置帧属性同上所述。现在时间轴的分布应如下图所示。 现在我们再来看一下效果,在文字旋转时会分成三个连续的旋转过程。为了达到残影的效果,我们需要改变上面两层文字透明度,使它们看上去颜色淡一些。先修改中间层,为了便于操作,我们把其它两层都锁住。选择第2层的第2帧,双击场景中的文字,进入实例属性对话框,在Color标签下把Alpha值改为70。对第21帧做同样的操作。接着修改最上面层,锁住中间层,对最上面的层解锁,选择第3帧,把Alpha值改为40。对第22帧做同样的操作。
现在再让我们来看一下效果,残影的感觉已经有了,只是电影结尾部分还不十分完善,我们现在在每一层的第30帧分别按F5键,这样每一层都将保留最近的一个关键帧的内容直到第30帧。再按Ctrl-Enter,现在的残影效果似乎已经没有什么可以挑剔的了。 下面我们来想办法实现上面这个效果。不难看出,上面的Flash电影先是运用了平移的运动渐变技术,随后再运用边旋转边平移的运动渐变。这样看来,这个效果应该是很容易就可以实现的。幸运鸟在这里只是想抛砖引玉,提供给大家一种应用残影技术的思路。具体的制作过程就不再多讲了,只是想再强调两点在制作中需要注意的地方。 一是大家注意到旋转的中心点并不是在文字的正中间,而是在偏右一些的地方。我们可以利用本节首的Flash动画源文件,对它的图符再稍稍编辑一下。在图符编辑窗口下,用键盘上的方向左键把文字向左移动一些,使得十字定位点位于文字偏右的位置上,见右图 。 二是为了产生文字在旋转后趋于稳定的效果,我们加入了对运动渐变的Easing设定。我们在前面讲过,使用Easing参数可以改变运动的节奏,在一般情况下Easing为0表示匀速运动,在它大于0时减速,小于0时加速。我们在这里设置Easing值为80,如下图所示,使旋转的节奏在最后趋缓。 同样,我们可以设置平移运动的Easing为小于0的某值,使得平移作加速运动,以便平移与旋转二者很好地衔接。 这个动画其它的部分大家应该都会做了,做好后的时间轴如下图所示。大家可以试着做一做,还可以考虑加入导向层控制文字的移动路径,以及加上色彩的变化等。这里是这个Flash动画示例的源文件。