当前位置:主页 > 网页教程 > 动画制作 > flash实例教程 > 内容欢迎大家投稿

Flash实例:无停顿不间断滚动图片效果制作

时间:2009-10-19 16:16来源:未知 作者:大宝库 点击:读取中
阅读工具:字体:

 “不间断滚动图片”Flash动画常用的效果,比如运动的背景等。这个效果的难点是可能产生的停顿,一些初学者总是处理不好这个问题,那么今天我们一起来用Flash制作一个无停顿不间断滚动图片效果

  完成效果如下。

  1. 首先准备好参与滚动的图片,将几张图片导入到flash库中,分别在库中右击它们,选择属性,将“使用导入的JPEG品质”前的钩去掉,这样文档的体积会小很多。

  点击“插入>新建元件”,新建一个图形元件,将库的图片拖到舞台上,首尾相接拼好。

  Flash入门实例教程:图片不间断滚动动画效果_1

  2. 回到Flash主场景,将图片元件拖到舞台上,打开对齐面板,选择相对舞台,左对齐,垂直居中对齐。

  Flash入门实例教程:图片不间断滚动动画效果

  3. 在第101帧插入关键帧,将图片水平移到左面刚好舞台之外,使图片元件的右边与舞台的左边对齐。

  Flash入门实例教程:图片不间断滚动动画效果3

  4. 创建补间动画。选择第一帧,在图片元件上点右键>复制。然后将图层上锁。

  Flash入门实例教程:图片不间断滚动动画效果_4

  5. 新插入一层,图层2,在第1帧,点 编辑>粘贴到当前位置。在第101帧插入关键帧。

  Flash入门实例教程:图片不间断滚动动画效果5

  6. 回到图层2的第1帧,将图片水平右移,使它与第1层的图片对接。创建补间动画。

  Flash入门实例教程:图片不间断滚动动画效果

  7. 按住shift键,同时选中图层1和图层2的第100帧,点击右键>插入关键帧。

  Flash入门实例教程:图片不间断滚动动画效果_中国教程网

  8. 按住shift键,同时选中图层1和图层2的第101帧,点右键>删除帧,将两层的第101帧删除。

  Flash入门实例教程:图片不间断滚动动画效果_中国教程网

  现在测试影片,可以看到图片连续滚动起来,而且没有停顿。

  图片不间断滚动的关键是第1帧和最后1帧位置完全相同,所以复制第1层的第1帧,粘帖到第2层的最后一帧相同位置,达到这个目的。但正因为第1帧和最后1帧位置完全相同,即在该位置会有两帧(最后1帧和第1帧),这样就会产生1帧的停顿,所以再将最后1帧删除后,避免了这个停顿。

(责任编辑:大宝库)


------分隔线----------------------------
推荐内容
赞助商链接
赞助商链接