问题4:怎么能够让一些图片无限循环下去?
解决思路
制作一组图片进行移动非常容易,我们只要具备了移动渐变的知识就可以完成。如果让一组图片无限循环移动呢?我们可以利用相同的两组图片对接,形成视觉上的循环。
具体步骤
1、运行Flash MX 2004,设置文档尺寸为550*220像素。
2、单击【文件】|【导入】|【导入到库】,从硬盘中导入五幅图片。利用【窗口】|【设计面板】|【对齐】的功能,使它们无缝对接成一个矩形图片,并把它们转化为图形元件1。如图2.4.118所示。 图2.4.118 图形元件1
3、新建一个图层,在这个图层中我们绘制一个宽银幕。绘制这个宽银幕的目的是为了更好的确定图片的循环位置。调整图形元件1的位置,如图2.4.119所示。 图2.4.119 调整图形元件的位置
4、从库中把图形元件拖放到场景中,这样在场景中就已经有两个相同的图形元件了。利用上面的方法,把这两个图形元件进行无缝连接。并把它们转化为图形元件3。如图2.4.120所示。 图2.4.120 综合成新的图形元件
5、在第50帧插入关键帧,并把这个图形元件向右侧移动。移动的位置正好是单组图片的长度。如图2.4.121所示。 图2.4.121 第50帧的图形元件位置
6、在第1帧和第50帧之间创建移动渐变动画。
7、因为我们所制作的效果是无限循环,所以我们选择第50帧,打开as面板,添加as语句:gotoAndPlay(2);
8、保存测试,请参看源文件
图片无限循环.fla
注 意 ——在第7步骤中,为什么不写成gotoAndPlay(1)呢?原因就是,第50帧和第1帧的内容是完全一样的,如果设置成跳转并播放第1帧,那么整个效果必然会有停顿感,所以把它设置成跳转到第2帧播放。
提 示 —— 消除停顿感的方法有很多,除了上面向大家介绍的以外,我们还可以在第50帧中有意的把图形元件向左移动一点,这样在跳转到第1帧播放的时候,也会非常流畅。
技 巧 ——在设置第1帧和第50帧中图形元件的位置的时候,我们可以利用flash中的参考线功能。【查看】|【标尺】,从x轴,y轴中我们可以拖拽出、绿颜色的参考线。参考线在发布动画中是屏蔽的。
分 析——利用这种循环图片制作原理,我们可以制作出很多的效果,例如波浪效果等等,只要是循环往复的效果,我们都可以利用这个原理去做。
特别说明
通过制作这个事例效果,我们了解了制作循环动画的基本原理。在制作过程中一定要首先考虑起始帧与结束帧的对应关系,这样我们制作出来的效果才能天衣无缝。
