您现在的位置:汉网天下 > 图形动画 > flash >

Flash打造循环滚动图片动画

来源:未知  作者:未知 责任编辑:汉网天下 发表时间:2010-04-21 19:31 点击:

 要让Flash中的几张图片循环滚动,最基本的原理就是把连续图片再复制一份接到尾部,待第一张图片滚完之后被复制的接着滚动。原理图示如图1所示:

  Flash打造:多张图片的循环滚动图片1

  图1 示意图

  不管是用AS控制还是运用 帧手工打造都可以运用这个原理,示意图中,共有两张图片为“图片一”和“图片二”并将他复制一组。

  当第一组滚出显视区时,第二组正好接替进入了显视区回到我们第一帧的起始状态。如果用帧控制,只要直接跳回起始的第一帧就行了;如果是用AS程序控制,我们再把第一组的x轴位置重新配置接到第二组后面也一样可以构成图片循环滚动。

  知道了原理,我们开始做图片循环滚动的动画吧。

  (1).新建一个Flash文档,舞台大小配置为300*160px帧频30fps。再按“Ctrl+R”按光盘目录导入图片photo2.jpg。

  (2).选中我们导入的那张图片,按快捷键“F8”跳出“转化为元件对话框”输入任意元件名称,将图片转化为“影片剪辑”。再建立动作补间,让影片从舞台一直运动到滚出舞台,如图2所示。

  Flash打造:多张图片的循环滚动图片2

  图2 第一组从舞台中直到滚出舞台区

  (3).第一组的滚动补间做好了,再做第二组的滚动图片才能构成一个循环。

  新建一个图层,把影片剪辑复制一份在新建的图层里第50帧处按“F7”插入空白关键帧,我们在这里插入第二组影片剪辑。再到“图层1”的最后按“F6”插入关键帧把影片剪辑的X轴设为0也就是把他位图设成第一帧的影片剪辑一样,也可以直接把第一帧复制到这里来。

  留心,建立第二组影片剪辑时,Y轴位图要一样,在播放时才不会抖动。在最后一帧里,第二组的X轴要和第一组起始时一样,否则切换图时也会抖动。调整好以后可以发布了,如图3所示:

  Flash打造:多张图片的循环滚动图片3

  图 3 发布连续滚动的图片

  依照这种原理,我们可以做一个图片走马灯的动画,如图4所示:
 

  Flash打造:多张图片的循环滚动图片4

  图 4 打造图片走马灯效果

  运用图片连续滚动可以打造很多效果,这也是适用的小技巧,须要大家发挥自己的想象。

  走马灯动画效果如下所示:

   

    顶一下
    (4)
    80%
    踩一下
    (1)
    20%
    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    验证码:点击我更换图片
    最新评论 更多>>
    广告服务 - 关于汉网天下 - 客户服务 - 版权申明 - 友情链接 - 网站地图 - TAG标签 - RSS订阅
    Copyright © 2009-2011 hanwangtx.com 汉网天下技术 版权所有
    友情联系QQ:530275807
    滇ICP备09010630号