用flash制作图片循环无间断滚动效果

时间:2012-02-23 06:10:02  来源:第二电脑网  作者:第二电脑网

  第二电脑网导读:新建一个尺寸为 470 X 340 px的FLASH文档,设置其背景色为:#333333灰度。然后,导入预先设置好的五张大小均为130 X 94 px的图片文件(至少高度要一至),并将其依次整齐的排列如下: ...
  正文:
用flash制作图片循环无间断滚动,教大家怎样用flash制作出无间断图片循环滚动的效果。教程很简单,效果很实用。赶快跟着一起做吧!

首先,新建一个尺寸为 470 X 340 px的FLASH文档,设置其背景色为:#333333灰度。然后,导入预先设置好的五张大小均为130 X 94 px的图片文件(至少高度要一至),并将其依次整齐的排列如下:
flash滚图的制作教程
但很明显这时导入的图片有一部分还在舞台的外部,(其实我们要的也是这样效果。不然怎么会循环滚动)如下图示:
用flash制作图片循环无间断滚动效果
将5张大小均等的小图整齐排列后,点击图层1第一帧,右键-选择“创建补间动画”选项,然后,在第81帧处插入"关键帧",并向左移动图片,使整体图片的右端与舞台的右边界对齐,如下图示:
用flash制作图片循环无间断滚动效果
这样,图层1的图片滚动效果就做好了,接下来,我们开始制作图片滚动的衔接动画。方法如下:选择第81帧内对应图片图形,按CTRL+C复制此图片段。然后,新建图层2,并在第81帧处插入关键帧,按CTRL+V键粘贴刚才复制的图形,同时将此图片段左端与舞台的右边界即图层1图片段的末端进行位置衔接,图示如下:
用flash制作图片循环无间断滚动效果 从上图可以看出两段图片进行了首尾衔接,这一点是非常重要的,主要是为了图片循环滚动时能够流畅自然。图层2第81帧处图片段位置放好后,接着,点击图层2第81帧,点击右键并再次选择"创建补间动画"。然后,重新回到图层1,在第289帧处插入关键帧,并将帧内图片段继续向左平行移动,使其末端与舞台外左边界对齐,图示如下: 用flash制作图片循环无间断滚动效果 这样,图层1中的图片段整体滚动动画就做好了,接着,回到图层2,在图层2第289帧处插入关键帧,并将帧内图片段向左平移,使其左端与舞台内左边界对齐。图示如下: 用flash制作图片循环无间断滚动效果 这样,图片循环滚动效果就正式完成了。点击下一页查看最终动画效果。如果您想让图片滚动速度更快一些,那么就减少相应的帧数即可。看下面的效果演示:
赶快试试吧。
赶快试试吧。
用flash制作图片循环无间断滚动效果》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Design/FLASH/19299.html

感谢q930的投稿


关于《用flash制作图片循环无间断滚动效果》文章的评论

站内搜索: 高级搜索

热门搜索:关键字 键盘  Windows PHP CPU style 系统 Google td tr IP function